;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Mais que rivais, friends? Sergio Ramos começa a seguir Messi no Instagram

O zagueiro Sergio Ramos, do Real Madrid, e Messi, do Barcelona, em lance pelo clássico do Campeonato Espanhol
O zagueiro Sergio Ramos, do Real Madrid, e Messi, do Barcelona, em lance pelo clássico do Campeonato Espanhol
OSCAR DEL POZO / AFP

Colaboração para o UOL, em São Paulo (SP)

06/08/2021 14h26

Sergio Ramos e Messi sempre protagonizaram grandes embates nos clássicos entre Real e Barça e, vamos combinar, o zagueirão sempre deu uma chegadinha no argentino. Agora, eles podem virar amiguinhos e companheiros de time no PSG! Sergio Ramos já deu o primeiro o e seguiu Messi no Insta.

Não acredita? Veja:

Sergio Ramos começou a seguir Messi no Instagram - Reprodução web - Reprodução web
Sergio Ramos começa a seguir Messi
Imagem: Reprodução web
Continua depois da publicidade

Rivais virando amigos? Já vimos isso antes!

via GIPHY

Calma, calma, calma, temos uma situação de clima tenso entre os brothers

via GIPHY

Temos um fator diferente aí

via GIPHY

Não, não é esse! É esse aqui:

Neymar fantasiado - Divulgação/Kibon - Divulgação/Kibon
Neymar veste uma fantasia de super-herói para um comercial da marca de sorvetes Kibon
Imagem: Divulgação/Kibon
Continua depois da publicidade

É um avião? É um pássaro? Não! É apenas o adulto Ney, ousado & alegre

via GIPHY

O VAR confirmou, Ney vai precisar caprichar na resenha com Sergio Ramos e Messi

via GIPHY

E a gente sabe, o Messi com o Ney vira o quê? RESENHUDO!

via GIPHY

Mas alguém tem que chorar nessa história toda, né?

via GIPHY

Tadinho do Aguero, foi pro Barcelona pra jogar com o Messi e vai jogar com o Braithwaite...

Continua depois da publicidade

E o Guardiola então? Anunciou o Grealish no dia que o Messi foi liberado?

via GIPHY

Mas se tem alguém que tá soltinho com o Messi desempregado, esse alguém é o Ney

via GIPHY

Que já deve ter dado aquela xavecada antes mesmo do Messi sair do Barça

Messi junto de Neymar e outros jogadores do PSG - Reprodução - Reprodução
Neymar, Messi e os jogadores do PSG durante as férias
Imagem: Reprodução

Agora precisamos esperar pra ver no que dá, né Messi?

via GIPHY

Mas esse trio de Sergio Ramos, Messi e Neymar promete se der certo, hein?

via GIPHY

Barcelona

Barcelona