;(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(); })();

Futebol

Toni Kroos coloca Roberto Carlos em time ideal de lendas do Real Madrid

Toni Kroos coloca Roberto Carlos em time ideal de lendas do Real Madrid - Juan Manuel Serrano Arce/Getty Images — Toni Kroos coloca Roberto Carlos em time ideal de lendas do Real Madrid Imagem: Juan Manuel Serrano Arce/Getty Images

Do UOL, em São Paulo (SP)

03/12/2021 10h00

Errata: este conteúdo foi atualizado

O Real Madrid lançou um novo quadro em seu canal no Youtube: o "My Epic 5", que pede a um jogador do atual elenco merengue para escolher uma equipe de cinco atletas, que devem ser lendas que já jogaram pelo time espanhol e penduraram as chuteiras.

Quem estreou o programa foi o meio-campista Toni Kroos, um dos ídolos da atual geração.

"O goleiro eu tenho que escolher Iker Casillas. Por que eu não conheço nenhum outro goleiro do Real Madrid desde que eu nasci. Então tive que escolher Iker, foi um prazer jogar com ele e foi um goleiro muito especial. Minha escolha para defesa é o Roberto Carlos, ele é um defensor lendário. Não só na defesa, mas marcou vários gols com a sua espetacular perna esquerda. Ele é uma lenda absoluta. Minha primeira escolha no meio-campo é Uli Stielike. Eu superei ele nos números de jogos no Real Madrid, tenho muito respeito por ele por ter jogado tantas partidas no Real Madrid. O próximo é Zinedine Zidane. Não só um ótimo técnico, mas como jogador era um ídolo, a forma que ele jogava era boa de assistir. Sem dúvida ele tem que estar nesse time. O último é Raul, um jogador que sempre assistia, porque era bom para assistir e tinha um jogador com uma ótima mentalidade, um líder". Toni Kross

Um dos nomes menos conhecidos desse time é Uli Stielike. Ele é um ex-meio-campista alemão que jogou no Real Madrid entre 1977 e 1985, com mais de 250 jogos com a camisa da equipe.

Errata: este conteúdo foi atualizado

Diferentemente do informado no texto e destacado na home-page do UOL, Toni Kroos não deixou Cristiano Ronaldo fora de seu time ideal. A proposta inicial do vídeo pedia que ele escolhesse apenas atletas que já se aposentaram, portanto, não contemplando o astro português. A informação foi corrigida.