Ivania Berganza — Descubre todos mis programas
0+ alumnas formadas
Beauty Boss Academy
Ivania Berganza @ivaniaberganza
✦   Ivania Berganza   ✦
// Wait for the GreatPages HTML widget content to be in the DOM, then run all v2 scripts (function waitForWidget() { if (!document.querySelector('.page') || !document.querySelector('#sparkles')) { return setTimeout(waitForWidget, 100); } (function () { const layer = document.getElementById('sparkles'); const isMobile = matchMedia('(max-width: 480px)').matches; const count = isMobile ? 12 : 22; for (let i = 0; i < count; i++) { const s = document.createElement('span'); s.className = 'spark'; s.style.left = Math.random()*100+'vw'; s.style.animationDelay = (Math.random()*8)+'s'; s.style.animationDuration = (6+Math.random()*6)+'s'; const size = 2+Math.random()*2; s.style.width = size+'px'; s.style.height = size+'px'; layer.appendChild(s); } })(); (function () { if (matchMedia('(hover: none)').matches) return; const dot = document.querySelector('.cursor-dot'); const ring = document.querySelector('.cursor-ring'); let mx = 0, my = 0, rx = 0, ry = 0; addEventListener('pointermove', e => { mx = e.clientX; my = e.clientY; dot.style.transform = `translate(${mx}px, ${my}px) translate(-50%, -50%)`; }); function loop(){ rx += (mx - rx) * .18; ry += (my - ry) * .18; ring.style.transform = `translate(${rx}px, ${ry}px) translate(-50%, -50%)`; requestAnimationFrame(loop); } loop(); document.querySelectorAll('a, button, input').forEach(el => { el.addEventListener('pointerenter', () => ring.classList.add('hovering')); el.addEventListener('pointerleave', () => ring.classList.remove('hovering')); }); })(); (function () { const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in-view'); io.unobserve(e.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' }); document.querySelectorAll('.link, .featured-card').forEach((el, i) => { el.style.transitionDelay = (i * 0.06) + 's'; io.observe(el); }); })(); (function () { const el = document.querySelector('.counter-num'); if (!el) return; const target = parseInt(el.dataset.target, 10); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (!e.isIntersecting) return; io.unobserve(el); const dur = 1600; const start = performance.now(); function tick(now){ const t = Math.min(1, (now - start) / dur); const eased = 1 - Math.pow(1 - t, 3); el.textContent = Math.floor(eased * target).toLocaleString('es'); if (t < 1) requestAnimationFrame(tick); } requestAnimationFrame(tick); }); }); io.observe(el); })(); (function () { const isTouch = matchMedia('(hover: none)').matches; document.querySelectorAll('.link').forEach(el => { if (!isTouch) { el.addEventListener('pointermove', e => { const r = el.getBoundingClientRect(); const x = (e.clientX - r.left) / r.width - 0.5; const y = (e.clientY - r.top) / r.height - 0.5; el.style.transform = `translate(${x*8}px, ${(-4 + y*4).toFixed(2)}px) scale(1.018) rotateX(${(-y*5).toFixed(2)}deg) rotateY(${(x*7).toFixed(2)}deg)`; }); el.addEventListener('pointerleave', () => { el.style.transform = ''; }); } el.addEventListener('pointerdown', e => { const r = el.getBoundingClientRect(); const ripple = document.createElement('span'); ripple.className = 'ripple'; const size = Math.max(r.width, r.height); ripple.style.width = ripple.style.height = size + 'px'; ripple.style.left = (e.clientX - r.left - size/2) + 'px'; ripple.style.top = (e.clientY - r.top - size/2) + 'px'; el.appendChild(ripple); setTimeout(() => ripple.remove(), 600); }); el.addEventListener('click', e => { if (e.metaKey || e.ctrlKey || e.shiftKey || el.target === '_blank') return; }); }); })(); (function () { if (matchMedia('(hover: none)').matches) return; const hero = document.getElementById('hero'); addEventListener('pointermove', e => { const x = (e.clientX / innerWidth - 0.5); const y = (e.clientY / innerHeight - 0.5); hero.style.translate = `${x*-8}px ${y*-6}px`; }); })(); (function () { const btn = document.getElementById('shareBtn'); if (!btn) return; btn.addEventListener('click', async () => { const data = { title: document.title, url: location.href }; if (navigator.share) { try { await navigator.share(data); } catch(_) {} } else { try { await navigator.clipboard.writeText(location.href); btn.classList.add('show-copied'); setTimeout(() => btn.classList.remove('show-copied'), 1800); } catch(_) {} } }); })(); (function () { document.querySelectorAll('.countdown-strip').forEach(el => { const target = new Date(el.dataset.target).getTime(); const d = el.querySelector('.cdD'); const h = el.querySelector('.cdH'); const m = el.querySelector('.cdM'); const s = el.querySelector('.cdS'); function tick(){ const diff = target - Date.now(); if (diff <= 0) { el.style.display = 'none'; return; } const days = Math.floor(diff / 864e5); const hrs = Math.floor(diff / 36e5) % 24; const min = Math.floor(diff / 6e4) % 60; const sec = Math.floor(diff / 1e3) % 60; if (d) d.textContent = String(days).padStart(2,'0'); if (h) h.textContent = String(hrs).padStart(2,'0'); if (m) m.textContent = String(min).padStart(2,'0'); if (s) s.textContent = String(sec).padStart(2,'0'); } tick(); setInterval(tick, 1000); }); })(); (function () { const links = document.querySelectorAll('.link'); links.forEach(l => { const url = l.style.backgroundImage.match(/url(['"]?([^'")]+)/)?.[1]; if (!url) return; const img = new Image(); img.onload = () => l.classList.remove('loading'); img.onerror = () => l.classList.remove('loading'); l.classList.add('loading'); img.src = url; }); })(); })();