Test Front Page

(function() { // Mouse-following caustic orb var orb = document.getElementById('pfCursorOrb'); var ring = document.getElementById('pfCursorRing'); var dot = document.getElementById('pfCursorDot'); if (!orb) return; var mouseX = window.innerWidth / 2, mouseY = window.innerHeight / 2; var ringX = mouseX, ringY = mouseY; var raf; document.addEventListener('mousemove', function(e) { mouseX = e.clientX; mouseY = e.clientY; // Caustic orb follows cursor (relative to .pf-liquid container) var rect = orb.parentElement.getBoundingClientRect(); var px = ((e.clientX - rect.left) / rect.width) * 100; var py = ((e.clientY - rect.top) / rect.height) * 100; orb.style.left = px + '%'; orb.style.top = py + '%'; // Dot follows instantly if (dot) { dot.style.left = mouseX + 'px'; dot.style.top = mouseY + 'px'; } }); // Ring lerps smoothly function animate() { ringX += (mouseX - ringX) * 0.15; ringY += (mouseY - ringY) * 0.15; if (ring) { ring.style.left = ringX + 'px'; ring.style.top = ringY + 'px'; } raf = requestAnimationFrame(animate); } if (window.innerWidth >= 1024) animate(); })();