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

Beleza

Olhos marcantes: como fazer uma maquiagem com efeito arqueado

A maquiadora Savana Sá, da Liga da Beleza, dá dicas de como criar um olhar arqueado e marcante - Divulgação — A maquiadora Savana Sá, da Liga da Beleza, dá dicas de como criar um olhar arqueado e marcante Imagem: Divulgação

Clara Coelho

Colaboração para Universa, em São Paulo

26/08/2022 11h48

Uma das muitas maravilhas da maquiagem é poder criar efeitos visuais a depender da imagem que queremos ar.

Se você curte dar destaque para os olhos, vai amar essas dicas da maquiadora Savana Sá, da Liga da Beleza, para criar um olhar arqueado e marcante.

Comece iluminando a área abaixo das sobrancelhas. Depois venha com uma sombra marrom da pálpebra móvel até o ossinho do côncavo.

O segredo aqui é criar uma espécie de delineado gráfico, como se uma linha reta ligasse o canto externo à ponta da sobrancelha (no vídeo acima dá para ver melhor).

@universa_uol O iluminador destacando o arqueado ? #maquiagemtiktok #sombramarrom #iluminador #beautyhacks #makeuptutorial ? som original - Universa UOL

Em seguida, e uma sombra marrom um pouco mais escura nessa área externa e aplique iluminador abaixo do traço para dar mais destaque ao puxadinho amarronzado. Um pouco de iluminador no cantinho interno do olho vai super bem.

Também faz toda a diferença usar um lápis marrom na linha d'água inferior no mesmo tom da sombra escura.

Pronto! Capriche na máscara de cílios e finalize a maquiagem como preferir.

E mais!

Está se preparando para o Rock in Rio? Angélica Silva traz uma inspiração de maquiagem para arrasar no festival:

@universa_uol Prática, colorida e duradoura! #rockinrio #rockinrionotiktok #rockinrio2022 #maquiagemfestival #fashionnew ? STAY - The Kid LAROI & Justin Bieber

E a Gabriela Barros mostra a comparação entre make de influenciadora e make de maquiadora:

@universa_uol Qual estilo você prefere usar por aí? #maquiagemtiktok #makeuptutorial #maquiagem #makeprofissional ? som original - Universa UOL

Confira a entrevista de Ana Canãs na sexta temporada do "E Aí, Beleza?", apresentado pela maquiadora Fabi Gomes. A cantora falou sobre nudez, empoderamento, autoprazer e contou com que casal gostaria de fazer um ménage: