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

Cores vivas dominaram looks de Meghan Markle em seus últimos eventos reais

De Universa

14/03/2020 04h00

Oficialmente, Príncipe Harry e Meghan Markle deixarão de ser membros seniores da realeza britânica a partir do dia 31 de março. Porém, a duquesa de Sussex realizou seu último compromisso real na quarta-feira (11), no Palácio de Buckingham, onde ela se encontrou com estudantes da Association of Commonwealth Universities (ACU), que promove o o universal ao ensino superior.

Para a ocasião, Meghan apostou em um visual sóbrio, com vestido, scarpins e bolsa azul marinho, bem diferente de seus últimos looks usados nos eventos mais recentes da realeza. A fase colorida da duquesa chamou bastante atenção, com a aposta de tons vibrantes, entre eles azul intenso, vermelho vivo e verde bandeira.

Em seu retorno triunfal ao Reino Unido, o casal Sussex estava em plena sintonia, o que acabou rendendo uma foto icônica, considerada a melhor da história da realeza, na qual eles apareceram sorrindo debaixo de chuva e com looks coordenados em tons de azul. Meghan usou um vestido Victoria Beckham de comprimento midi e azul bem intenso.

Já para o Festival de Música de Mountbatten, realizado no Royal Albert Hall, em Londres, o casal arrasou no look de gala - e deu match mais uma vez na escolha da cor: vermelho vivo para ela e para ele. De capa - e de vermelho dos pés à cabeça, incluindo as joias, Meghan brilhou com um vestido da marca Safiyaa.

Mais um look com capa foi escolhido pela duquesa, porém, dessa vez, verde bandeira. Assinado por Emilia Wickstead, uma das estilistas favoritas de Kate Middleton, o vestido midi foi usado com casquete e uma bolsinha bem fashionista de Gabriela Hearst.

Vale lembrar que, enquanto membro sênior da família real, o visual de Meghan frequentemente era composto de cores mais neutras e pouco chamativas. Será que vem por aí um novo momento fashion da duquesa de Sussex? Ah, outro detalhe importante de suas escolhas de moda nestes últimos eventos representando a rainha Elizabeth: Meghan escolheu peças feitas apenas por estilistas mulheres.