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

Ana Paula Xongani

OPINIÃO

Texto em que o autor apresenta e defende suas ideias e opiniões, a partir da interpretação de fatos e dados.

Ao escrever aqui, registro o mundo a partir da minha perspectiva preta

Reprodução/Instagram
Imagem: Reprodução/Instagram

Colunista de Universa

24/09/2021 04h00

Quando recebi o convite para escrever em Universa, compartilhei com a equipe uma questão: para mim, é um grande desafio escrever uma coluna — e, por várias razões. Um deles é minha dislexia e o quanto é uma novidade escrever a partir desse lugar. É uma superação especial quando me apresento como colunista, logo eu que já fugi tanto - e vivo escapando - de ser escritora.

Estou por aqui há pouco mais de um ano e quero, junto com vocês e com toda a equipe de Universa celebrar este espaço, um território de compartilhamento, mas principalmente de registro de um olhar negro sobre a moda, sobre a sociedade, sobre o mundo.

Durante os meus processos de escrita e dedicação em pensar moda e sociedade, foi ficando cada vez mais gostoso e importante registrar as reflexões que proponho, sempre trazendo perspectivas não muito vistas sobre a relação entre elas e o quanto interseccionam com as questões que me atravessam enquanto uma mulher preta. A minha carreira se relaciona muito com a moda, mas eu não tinha isso sistematizado, organizado. E esta coluna no UOL me trouxe tal oportunidade.

Foram muitos momentos marcantes. As entrevistas são incríveis e, talvez, eu destacaria o bate-papo com a Hanayrá Negreiros, minha professora, primeira conversa que trouxe por aqui, sobre a arqueologia da moda negra. Destaco também a entrevista com a Jamine Miranda, a Preta Caminhão, que me fez repensar a feminilidade.

Foram alguns desafios e o maior deles, sem dúvida, foi o texto sobre a Beyoncé e uma de suas obras-primas, Black Is King, porque havia uma pressão, uma tensão, uma expectativa muito grande para que eu falasse sobre as "estampas de oncinha". Também tiveram os textos que me surpreenderam, por exemplo ''Cadê o Boy?'', em que falo sobre relacionamentos e sobre como o mundo resiste em aceitar mulheres no centro de suas existências, que foi bem compartilhado!

Teve texto sobre periferia e sustentabilidade, sobre corpos volumosos, sobre os discursos para vestir e a história do Ateliê Xongani, onde tudo começou. Teve muito texto não apenas registrando, mas apresentando o talento de tantos artistas negros que ocupam esse ecossistema do estilo. E essa é das coisas que mais adoro fazer.

Comecei a ver o que digo aqui ecoarem em redes como Instagram, Twitter e LinkedIn, por pessoas de universos por vezes diferentes do meu e isso é muito legal. Tenho orgulho de ser colunista de Universa, um canal de comunicação tão grande e que vem pensando diversidade de uma forma positiva.

Me sinto desafiada, feliz e orgulhosa. Obrigada, Universa. Obrigada, UOL. Que este ano que amos juntos se transforme em muitos outros e que sejam prósperos.