Merge pull request #374 from Ridhima10/animation-responsiveness

fixed

server/views/about.ejs

@@ -339,12 +339,15 @@
 		Made with ❤️ of <b>Chrome Gaming</b>
 	</footer>
 </body>
+
 <script>
+
 	 document.querySelector('.toggler').addEventListener('click', function () {
       document.querySelector('.social-icons').classList.toggle('show-icons');
     });
 </script>
 <script>
+
 	//Custom Cursor
 
 	const coords = { x: 0, y: 0 };
@@ -380,6 +383,38 @@
 		circle.style.backgroundColor = colors[index % colors.length];
 	});
 
+
+	window.addEventListener("mousemove", function (e) {
+		coords.x = e.clientX;
+		coords.y = e.clientY;
+	});
+
+	function animateCircles() {
+		let x = coords.x;
+		let y = coords.y;
+
+		circles.forEach(function (circle, index) {
+			circle.style.left = x - 12 + "px";
+			circle.style.top = y - 12 + "px";
+
+			circle.style.scale = (circles.length - index) / circles.length;
+
+			circle.x = x;
+			circle.y = y;
+
+			const nextCircle = circles[index + 1] || circles[0];
+			x += (nextCircle.x - x) * 0.3;
+			y += (nextCircle.y - y) * 0.3;
+		});
+
+		requestAnimationFrame(animateCircles);
+	}
+
+	animateCircles();
+
+	
+
+
 	window.addEventListener("mousemove", function (e) {
 		coords.x = e.clientX;
 		coords.y = e.clientY;

server/views/products.ejs

@@ -151,6 +151,7 @@
       <i class="bi bi-toggle-off" id="theme-toggle"></i>
     </div>
   </nav>
+
   <%- include('partials/rateus') %>
         <script src="/js/script.js"></script>