From ffd0fbad175ad0463500410d23105981447c2732 Mon Sep 17 00:00:00 2001
From: Pete Fowler <fowler.pete@gmail.com>
Date: Sun, 8 Sep 2024 21:09:36 -0600
Subject: [PATCH] Slow animation

---
 src/components/ui/BlurredShape.astro | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/ui/BlurredShape.astro b/src/components/ui/BlurredShape.astro
index 5991f79..bbc52cc 100644
--- a/src/components/ui/BlurredShape.astro
+++ b/src/components/ui/BlurredShape.astro
@@ -25,7 +25,6 @@
 <script>
     const blurredShape = document.querySelector('.blurred-shape');
 
-    // Get the initial bounding rectangle of the shape
     const shapeRect = blurredShape.getBoundingClientRect();
     const initialX = shapeRect.left + window.scrollX + (shapeRect.width / 2);
     const initialY = shapeRect.top + window.scrollY + (shapeRect.height / 2);
@@ -35,20 +34,16 @@
     let currentX = initialX;
     let currentY = initialY;
 
-    const easing = 0.02; // Easing factor for smooth movement
-
-    // Mouse move handler to update target positions
+    const easing = 0.01; 
     document.addEventListener('mousemove', (event) => {
         targetX = event.clientX;
         targetY = event.clientY;
     });
 
-    // Animation loop to smoothly move towards the target
     function animate() {
         currentX += (targetX - currentX) * easing;
         currentY += (targetY - currentY) * easing;
 
-        // Apply translation based on current position
         blurredShape.style.transform = `translate(${currentX - initialX}px, ${currentY - initialY}px)`;
 
         requestAnimationFrame(animate);