From 8a8d74614152f33f8a6c109e3a8a65f189454be1 Mon Sep 17 00:00:00 2001 From: SrijaVuppala295 Date: Sat, 9 Nov 2024 11:18:27 +0530 Subject: [PATCH] done --- romantic-esc.html | 824 ++++++++++++++++++++++++++++++---------------- 1 file changed, 544 insertions(+), 280 deletions(-) diff --git a/romantic-esc.html b/romantic-esc.html index abbf6483..3e45e606 100644 --- a/romantic-esc.html +++ b/romantic-esc.html @@ -159,6 +159,21 @@ margin-right: auto; display: block; } + .header { + position: fixed; + top: 0; + width: 100%; + z-index: 1000; /* Ensures it stays on top of other content */ + margin-top: 45px; + margin-left: 9rem; +} + .navbar-link { + color: black !important; +} + +.dark-mode .navbar-link { + color: white !important; +} @@ -211,187 +226,160 @@
-
- -
- +
+ +
+ + + + + -
+ // Animation function to move the circles + function animateCircles() { + let x = coords.x; + let y = coords.y; - -
- - -
+ circles.forEach(function (circle, index) { + // Update the position and scale of each circle + circle.style.left = x - 12 + "px"; + circle.style.top = y - 12 + "px"; + circle.style.scale = (circles.length - index) / circles.length; - - - - + // Get the next circle in the sequence + const nextCircle = circles[index + 1] || circles[0]; + x += (nextCircle.x - x) * 0.15; + y += (nextCircle.y - y) * 0.15; + }); + + // Repeat the animation + requestAnimationFrame(animateCircles); +} + + // Start the animation + animateCircles(); + + function scrollToGenre(genreId) { + const element = document.getElementById(genreId); + if (element) { + element.scrollIntoView({ behavior: 'smooth', block: 'start' }); + } + } + +
-
-
@@ -700,158 +688,434 @@

Sonal K


-