tag on yout theme's header.php
Read the detailed step-by-step at https://humbertosilva.com/visual-composer-infinite-image-carousel/
*/
// auxiliary code to create triggers for the add and remove class for later use
(function($){
$.each(["addClass","removeClass"],function(i,methodname){
var oldmethod = $.fn[methodname];
$.fn[methodname] = function(){
oldmethod.apply( this, arguments );
this.trigger(methodname+"change");
return this;
}
});
})(jQuery);
// main function for the infinite loop
function vc_custominfiniteloop_init(vc_cil_element_id){
var vc_element = '#' + vc_cil_element_id; // because we're using this more than once let's create a variable for it
window.maxItens = jQuery(vc_element).data('per-view'); // max visible items defined
window.addedItens = 0; // auxiliary counter for added itens to the end
// go to slides and duplicate them to the end to fill space
jQuery(vc_element).find('.vc_carousel-slideline-inner').find('.vc_item').each(function(){
// we only need to duplicate the first visible images
if (window.addedItens < window.maxItens) {
if (window.addedItens == 0 ) {
// the fisrt added slide will need a trigger so we know it ended and make it "restart" without animation
jQuery(this).clone().addClass('vc_custominfiniteloop_restart').removeClass('vc_active').appendTo(jQuery(this).parent());
} else {
jQuery(this).clone().removeClass('vc_active').appendTo(jQuery(this).parent());
}
window.addedItens++;
}
});
// add the trigger so we know when to "restart" the animation without the knowing about it
jQuery('.vc_custominfiniteloop_restart').bind('addClasschange', null, function(){
// navigate to the carousel element , I know, its ugly ...
var vc_carousel = jQuery(this).parent().parent().parent().parent();
// first we temporarily change the animation speed to zero
jQuery(vc_carousel).data('vc.carousel').transition_speed = 0;
// make the slider go to the first slide without animation and because the fist set of images shown
// are the same that are being shown now the slider is now "restarted" without that being visible
jQuery(vc_carousel).data('vc.carousel').to(0);
// allow the carousel to go to the first image and restore the original speed
setTimeout("vc_cil_restore_transition_speed('"+jQuery(vc_carousel).prop('id')+"')",100);
});
}
// restore original speed setting of vc_carousel
function vc_cil_restore_transition_speed(element_id){
// after inspecting the original source code the value of 600 is defined there so we put back the original here
jQuery('#' + element_id).data('vc.carousel').transition_speed = 600;
}
// init
jQuery(document).ready(function(){
// find all vc_carousel with the defined class and turn them into infine loop
jQuery('.vc_custominfiniteloop').find('div[data-ride="vc_carousel"]').each(function(){
// allow time for the slider to be built on the page
// because the slider is "long" we can wait a bit before adding images and events needed
var vc_cil_element = jQuery(this).prop("id");
if (window.innerWidth <= 480) {
// jQuery(vc_element).attr('data-per-view',1);
jQuery('.vc_item').each(function(){
this.style.width = '25%'
this.style.height = 'auto'
})
} else {
setTimeout("vc_custominfiniteloop_init('"+vc_cil_element+"')",2000);
}
});
});
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TZHJ474');
var interval1 = setInterval(function(){
//console.log('ou no interval');
jQuery('.box-news .vc_gitem-zone-a').each(function() {
if((!jQuery(this).css('background-image').includes('vc_gitem_image'))) {
jQuery(this).css('background-image','none')
}
})
jQuery('.box-news .vc_gitem-zone-a a').each(function() {
jQuery(this).attr('data-hover','Leia mais')
})
}, 1000);
setTimeout(function() {
clearInterval(interval1);
},5000);
@font-face {
font-family: "FontAwesome";
src: url("/local/fonts/fa-brands-400.eot"),
url("/local/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
url("/local/fonts/fa-brands-400.woff2") format("woff2"),
url("/local/fonts/fa-brands-400.woff") format("woff"),
url("/local/fonts/fa-brands-400.ttf") format("truetype"),
url("/local/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
font-family: "FontAwesome";
src: url("/local/fonts/fa-solid-900.eot"),
url("/local/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("/local/fonts/fa-solid-900.woff2") format("woff2"),
url("/local/fonts/fa-solid-900.woff") format("woff"),
url("/local/fonts/fa-solid-900.ttf") format("truetype"),
url("/local/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
font-family: "FontAwesome";
src: url("/local/fonts/fa-regular-400.eot"),
url("/local/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
url("/local/fonts/fa-regular-400.woff2") format("woff2"),
url("/local/fonts/fa-regular-400.woff") format("woff"),
url("/local/fonts/fa-regular-400.ttf") format("truetype"),
url("/local/fonts/fa-regular-400.svg#fontawesome") format("svg");
unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
}
jQuery(document).ready(function(){
jQuery('.single-item').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 5,
variableWidth: true,
autoplay: true,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
},
{
breakpoint: 520,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
});
.single-item img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.single-item img:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
422n14
Central da COP faz tabelinha de clima com futebol na final do Parazão 721t73
Iniciativa do Observatório do Clima que leva ao público informações sobre mudanças climáticas de maneira despojada estreia em Belém amanhã
O Central da COP tem a mesma qualidade de apuração das notícias publicadas no site do Observatório do Clima, mas com um novo formato, para chegar a um público maior.
A Central da COP, projeto do Observatório do Clima (OC) que mistura noticiário climático com linguagem de futebol, fará sua estreia no estádio Mangueirão, em Belém do Pará, amanhã, quarta-feira (7/5), durante a primeira partida entre Paysandu e Remo pela final do campeonato estadual, o Parazão, com público estimado em cerca de 60 mil pessoas. A ação em campo é uma parceria do Observatório do Clima com a Federação Paraense de Futebol.
O projeto do Observatório do Clima procura levar o debate sobre mudanças climáticas para dentro de grandes eventos populares, como explica Joana Amaral, coordenadora de engajamento do OC: “Os efeitos das mudanças do clima afetam todos, indistintamente, no campo ou na cidade, seja pelo calor, pela seca, pelo excesso de chuva ou pela falta dela. Nada melhor, portanto, do que usar um palco querido dos brasileiros para falar sobre esse tema: um estádio de futebol.”
Na entrada do Mangueirão, as torcidas arão por stands de 18 metros quadrados, produzidos com a cor de cada time, onde estarão disponíveis materiais explicativos e especialistas de plantão, preparados para conversar sobre aquecimento global, conferência do clima e o que mais as pessoas quiserem perguntar sobre a temática.
Nos telões do estádio, será exibido um vídeo produzido pela agência Temple, com narração de Guilherme Guerreiro, ícone da locução esportiva no Pará, explicando como funciona a Conferência das Partes da ONU, agendada para novembro em Belém.
Haverá ainda distribuição de exemplares do álbum de figurinhas da Central da COP e a entrada em campo de crianças usando uniformes com os logos da Central e da Federação Paraense de Futebol.
“O futebol, que é a maior paixão nacional, tem tido cada vez mais uma responsabilidade social. Por isso, aproveitamos o clássico entre Paysandu e Remo, um dos mais tradicionais do país, para convidar o público a participar mais ativamente dos preparativos para a conferência do clima de Belém”, explica Ricardo Gluck Paul, presidente da FPF. “Afinal de contas, até o futebol depende da estabilidade do clima.”
O evento conta com apoio de organizações que integram o Observatório do Clima, como Imazon, Ipam, ISA, IEB e Engajamundo. O vídeo voltará a ser exibido no estádio durante o segundo jogo da final, marcado para o próximo domingo, 11 de maio, também no Mangueirão.
“A Central da COP usa a linguagem do futebol, tão familiar aos brasileiros, para descomplicar um tema técnico, que é a mudança do clima. Para nós é uma alegria falar desse assunto dentro de um estádio, para milhares de pessoas, justamente na cidade que sediará a COP30″, diz o jornalista Roberto Kaz, editor da Central da COP. “Uma tabelinha como essa, com a Federação Paraense de Futebol, é um gol de placa.”
Serviço 1o2ki
Em 7/5, quarta-feira: 5n32z
Entrada de crianças em campo Vinte crianças vestidas com a camisa da Central da COP entrarão em campo segurando os escudos dos times.
Vídeo institucional nos telões Vídeo de 1 minuto antes do jogo e vídeo de 30 segundos no intervalo, reforçando a mensagem da Central em parceria com a FPF.
Espaços instagramáveis Dois stands, um de cada lado do estádio, com instalações visuais para interação do público e distribuição de material impresso explicando a importância da COP.
Espaço da Central da COP Espaço reservado para conversas com imprensa, convidados e distribuição de kits sobre a COP.
4v2s3e
Em 11/5, domingo 231v1q
Vídeo institucional nos telões Vídeo de 1 minuto antes do jogo e vídeo de 30 segundos no intervalo, reforçando a mensagem da Central com o público da final em parceria com a FPF..
Panfletagem e entrega de brindes nas arquibancadas Distribuição direta de materiais ao público presente.
Sobre o Observatório do Clima – Fundado em 2002, é a principal rede da sociedade civil brasileira sobre a agenda climática, com 133 integrantes, entre ONGs ambientalistas, institutos de pesquisa e movimentos sociais. Seu objetivo é ajudar a construir um Brasil descarbonizado, igualitário, próspero e sustentável, na luta contra a crise climática. O OC publica desde 2013 o SEEG, a estimativa anual das emissões de gases de efeito estufa do Brasil.