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

Biografias

Burle Marx Arquiteto, paisagista e artista plástico brasileiro

4-8-1909, São Paulo

4-7-1994, Rio de Janeiro

Do Klick Educação

17/08/2015 20h58

Numa época em que os paisagistas brasileiros viam apenas rosas e cravos importados da Europa, Roberto Burle Marx descobria qualidades nas plantas do Brasil. Com intuição e sensibilidade, cuidou da vegetação de sua casa, no morro do Leme, no Rio de Janeiro, modelando formas e texturas das plantas para compor um jardim. Mais tarde, tornou-se conhecedor de fisiologia e comportamento das plantas, coletando e catalogando muitas espécies durante expedições pela floresta tropical. Elaborou projetos paisagísticos e urbanísticos como a orla marítima em Copacabana e o jardim em Botafogo. Filho de imigrantes europeus, Burle Marx estudou Canto e Pintura em Berlim (1928-1930). De volta ao Rio de Janeiro, ingressou na Escola de Belas-Artes, iniciando a carreira de pintor. Com a pintura, atividade que jamais abandonou, conseguiu técnica, disciplina e clareza na organização do espaço. No início dos anos 30, foi convidado pelo arquiteto Lúcio Costa a realizar seu primeiro trabalho paisagístico: a residência Schwartz, em Copacabana, no Rio de Janeiro (1932). Como diretor do Departamento dos Parques e Diversões do Recife (1934-1937), construiu o primeiro jardim ecológico do Brasil. Em 1930, novamente com Lúcio Costa, elaborou jardins e terraços do prédio do Ministério da Educação, no Rio de Janeiro, marco da moderna arquitetura brasileira. Com Oscar Niemeyer, trabalhou nos jardins do conjunto da Pampulha, em Belo Horizonte, Minas Gerais (1942). Fez, ainda: o espaço zoológico do Jardim Botânico (1946), a urbanização e aterro do Parque do Flamengo (1961) e o Museu de Arte Moderna (MAM), no Rio de Janeiro (1954); o Parque do Ibirapuera, em São Paulo (1953); jardins, terraços e tapeçaria para o Palácio do Itamaraty (1965), em Brasília; pátios internos da sede da Unesco em Paris (1963); o Parque de Las Americas, no Chile; os jardins da Organização das Nações Unidas (ONU), em Nova York; entre muitos outros trabalhos.