From d5c2580fd5069f125acabc648c17fa7e88afc9e4 Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Wed, 9 Oct 2024 14:20:18 +0530 Subject: [PATCH 1/2] Update Feedback.html --- Feedback.html | 90 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 88 insertions(+), 2 deletions(-) diff --git a/Feedback.html b/Feedback.html index 3f762a38..f8fd2e3c 100644 --- a/Feedback.html +++ b/Feedback.html @@ -286,7 +286,6 @@ left: 0; pointer-events: none; z-index: 99999999; - /* Stays on top of all elements */ } @@ -307,6 +306,27 @@ font-weight: 500; color: green; } + + /* Add this new CSS for the cursor effect */ + .circle-container { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 9999; + } + + .circle { + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + pointer-events: none; + background: radial-gradient(circle, rgba(71, 240, 255, 0.3), rgba(0, 119, 255, 0.3)); + transition: transform 0.1s, left 0.1s, top 0.1s; + } @@ -497,7 +517,73 @@

Subscribe to window.location.href = 'index.html'; }, 5000); // Adjust the delay as needed }); + + // Update or add this JavaScript for the cursor effect + const coords = { x: 0, y: 0 }; + const circles = document.querySelectorAll(".circle"); + + const colors = [ + "#ffb56b", + "#fdaf69", + "#f89d63", + "#f59761", + "#ef865e", + "#ec805d", + "#e36e5c", + "#df685c", + "#d5585c", + "#d1525c", + "#c5415d", + "#c03b5d", + "#b22c5e", + "#ac265e", + "#9c155f", + "#950f5f", + "#830060", + "#7c0060", + "#680060", + "#60005f", + "#48005f", + "#3d005e" + ]; + + circles.forEach(function (circle, index) { + circle.x = 0; + circle.y = 0; + 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(); + + +
- \ No newline at end of file + From d0a238f68f7f025aeadf5bf15636622de7cfa964 Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Wed, 9 Oct 2024 14:20:50 +0530 Subject: [PATCH 2/2] Update contact.html --- contact.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/contact.html b/contact.html index defde2de..5c9fd755 100644 --- a/contact.html +++ b/contact.html @@ -422,4 +422,4 @@

Subscribe to - \ No newline at end of file +