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

Bichos

Tudo o que você precisa saber para cuidar do seu pet

Cachorrinhos são estrelas em desfile de moda canina; veja looks

Cachorro exibe modelo da ZAMPE durante desfile de moda canina - Divulgação
Cachorro exibe modelo da ZAMPE durante desfile de moda canina Imagem: Divulgação

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

25/09/2020 16h18

A onda de eventos beneficentes online chegou ao mundo dos pets com um desfile de moda canina para nenhuma fashion week botar defeito. As grandes estrelas do evento, claro, foram os animais e seus mais variados looks.

A ideia de realizar o desfile e transformar os cachorros em estrelas das arelas foi de Carol Vassilak, estilista e fundadora da ZAMPE, que realizou a produção em parceria com um estilista, Gelbh Costa. Amigos desde a infância, a dupla usou a experiência nas respectivas áreas para desenvolver o projeto.

"Contei que estava criando uma coleção nova e que tinha um sonho de apresentar a Zampe para esse público super ligado à moda. Juntos, tivemos a ideia de fazer uma campanha diferenciada com cara de editorial de revista de humanos e em seguida pensamos no desfile", afirmou Carol ao UOL Bichos.

Divulgado na última quinta-feira nas redes sociais da marca, o evento marcou o lançamento da nova coleção de roupas para os cães, modelos que foram desenvolvidos durante a pandemia causada pelo novo coronavírus.

"No começo fiquei super assustada. Estava trazendo o escritório inteiro para casa e acabei bloqueando as vendas durante duas semanas. Quando reabrimos, foi um boom. Cheguei a atender os clientes na calçada para provar roupas. Começamos a desenvolver e aos poucos foram voltando e a coisa foi desenrolando e a coleção começou a sair do papel", lembrou.

Além de divulgar a nova coleção, o desfile busca reunir doações para a ONG Recanto Bicho Feliz, que assim como boa parte das instituições que cuidam de animais abandonados, necessita de recursos financeiros.

"Iniciativas como esta dão visibilidade para o Recanto Bicho Feliz. E é isso que precisamos. É extremamente relevante", revelou Marcela Abate, fundadora da ONG Recanto Bicho Feliz.

"Sempre quis trabalhar com uma ONG relativamente menor e que eu tivesse certeza que o trabalho é genuíno e honesto - sem desmerecer as outras é lógico -, mas o trabalho do recanto me chamou a atenção", finalizou Carol.

As doações podem ser feitas nas redes sociais da marca: @zampeoficial no Instagram.