From 5dc57b7282bf89200046d0eab594048e8530b678 Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 18:47:54 +0530 Subject: [PATCH 01/13] Create Scroll.js --- js/Scroll.js | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 js/Scroll.js diff --git a/js/Scroll.js b/js/Scroll.js new file mode 100644 index 0000000..c539bb4 --- /dev/null +++ b/js/Scroll.js @@ -0,0 +1,27 @@ + + +const scrollButton = document.getElementById('scrollButton'); +const outerCircle = document.querySelector('.outer-circle'); +const arrow = document.querySelector('.arrow'); + +// Function to handle scroll behavior +window.addEventListener('scroll', () => { + const scrollTop = window.scrollY; + const scrollHeight = document.documentElement.scrollHeight - window.innerHeight; + const scrollProgress = (scrollTop / scrollHeight) * 360; + + // Show button after scrolling 7-8 lines (~100px) + if (scrollTop > 100) { + scrollButton.classList.add('visible'); + } else { + scrollButton.classList.remove('visible'); + } + + // Update the circular progress + outerCircle.style.setProperty('--scroll-progress', `${scrollProgress}deg`); +}); + +// Scroll-to-top functionality +scrollButton.addEventListener('click', () => { + window.scrollTo({ top: 0, behavior: 'smooth' }); +}); From cf114b8e8663590c81aaf17e62f569a3ff128d6a Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 18:49:14 +0530 Subject: [PATCH 02/13] Create Scroll.css --- css/Scroll.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 css/Scroll.css diff --git a/css/Scroll.css b/css/Scroll.css new file mode 100644 index 0000000..0ff6943 --- /dev/null +++ b/css/Scroll.css @@ -0,0 +1,58 @@ +/* Scroll */ +#scrollButton { + position: fixed; + bottom: 75px; + right: 15px; + width: 60px; + height: 60px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 1000; + opacity: 0; /* Initially hidden */ + pointer-events: none; /* Prevent interaction when hidden */ + transition: opacity 0.7s ease; /* Smooth fade-in effect */ +} + + +#scrollButton.visible { + opacity: 1; /* Fully visible */ + pointer-events: auto; /* Enable interaction */ +} + +.outer-circle { + position: relative; + width: 46px; + height: 46px; + border-radius: 50%; + background: conic-gradient( + #ffc534 0deg, + #ff9f02 var(--scroll-progress, 0deg), + #dddddd00 var(--scroll-progress, 0deg), + #dddddd00 360deg + ); + transform: rotate(-90deg); /* Start animation from top */ + display: flex; + align-items: center; + justify-content: center; + transition: background 0.3s ease; +} + +.inner-circle { + width: 30px; + height: 30px; + background: white; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.arrow { + font-size: 18px; + color: orange; + font-weight: bold; + transform: rotate(90deg); /* Fixed direction to the right */ +} From df10343f445b7fb406636bc638971c73ef35d86c Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 18:54:59 +0530 Subject: [PATCH 03/13] Update index.html --- index.html | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 26cbd95..4d820bf 100644 --- a/index.html +++ b/index.html @@ -39,6 +39,8 @@ + + @@ -568,10 +570,14 @@
Newsletter
- - - - + + @@ -587,7 +593,8 @@
Newsletter
- + + @@ -722,4 +729,4 @@
Newsletter
- \ No newline at end of file + From 0ba801c0e23329de6c36928e3e5af8bb5d36a453 Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 19:49:18 +0530 Subject: [PATCH 04/13] Update Scroll.css --- css/Scroll.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/css/Scroll.css b/css/Scroll.css index 0ff6943..dd9cb48 100644 --- a/css/Scroll.css +++ b/css/Scroll.css @@ -27,10 +27,10 @@ height: 46px; border-radius: 50%; background: conic-gradient( - #ffc534 0deg, - #ff9f02 var(--scroll-progress, 0deg), - #dddddd00 var(--scroll-progress, 0deg), - #dddddd00 360deg + #0075f4 0deg, + #004bee var(--scroll-progress, 0deg), + #e9363600 var(--scroll-progress, 0deg), + #b3575700 360deg ); transform: rotate(-90deg); /* Start animation from top */ display: flex; @@ -47,12 +47,13 @@ display: flex; align-items: center; justify-content: center; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 6px rgb(0 0 0 / 66%); } .arrow { font-size: 18px; - color: orange; - font-weight: bold; + color: #0075f4; + font-weight: 1000; /* Extreme weight for more boldness */ + text-shadow: 2px 2px 4px rgb(0 0 0 / 45%); /* Add shadow to make it appear thicker */ transform: rotate(90deg); /* Fixed direction to the right */ } From f710c81b7a8f20b368869ab57a813e27a83db83c Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 19:51:07 +0530 Subject: [PATCH 05/13] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 4d820bf..a1cbf1d 100644 --- a/index.html +++ b/index.html @@ -574,7 +574,7 @@
Newsletter
From 1a11c571071d50177c1d54c96acb0c31b95a623a Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 19:56:25 +0530 Subject: [PATCH 06/13] Update contact.html --- contact.html | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/contact.html b/contact.html index c86c8bc..7d85a8a 100644 --- a/contact.html +++ b/contact.html @@ -34,6 +34,7 @@ + @@ -310,10 +311,14 @@
Newsletter
- - - - + + @@ -357,6 +362,7 @@
Newsletter
+ From 3b600447bbae2fa0201fcff26f126ca1c44fe854 Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:04:47 +0530 Subject: [PATCH 07/13] Update contributors.html --- contributors.html | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/contributors.html b/contributors.html index e29912f..002b0d6 100644 --- a/contributors.html +++ b/contributors.html @@ -31,6 +31,8 @@ + + @@ -201,10 +203,14 @@
Newsletter
- - - - + + @@ -220,6 +226,7 @@
Newsletter
+ @@ -338,4 +345,4 @@
Newsletter
- \ No newline at end of file + From 804d7786ef6d3234fb07e9e6be7b4578af05899b Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:07:29 +0530 Subject: [PATCH 08/13] Update about.html --- about.html | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/about.html b/about.html index 8d54314..a2868b0 100644 --- a/about.html +++ b/about.html @@ -34,6 +34,8 @@ + + @@ -384,8 +386,15 @@
Newsletter
- - + + + @@ -430,6 +439,7 @@
Newsletter
+ @@ -532,4 +542,4 @@
Newsletter
- \ No newline at end of file + From 38fb5dc76c93ccf1c50a3bf157c88e7bb46abe1f Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:09:37 +0530 Subject: [PATCH 09/13] Update feature.html --- feature.html | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/feature.html b/feature.html index 56c1886..08b1a11 100644 --- a/feature.html +++ b/feature.html @@ -34,6 +34,8 @@ + + @@ -309,8 +311,15 @@
Newsletter
- - + + + @@ -355,6 +364,7 @@
Newsletter
+ @@ -456,4 +466,4 @@
Newsletter
- \ No newline at end of file + From 772df90e1d496a419cc2b505e63d92391048f623 Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:11:17 +0530 Subject: [PATCH 10/13] Update appointment.html --- appointment.html | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/appointment.html b/appointment.html index 813d5b2..53e80a0 100644 --- a/appointment.html +++ b/appointment.html @@ -34,6 +34,8 @@ + + @@ -292,8 +294,15 @@
Newsletter
- - + + + @@ -338,6 +347,7 @@
Newsletter
+ @@ -440,4 +450,4 @@
Newsletter
- \ No newline at end of file + From e56af16dfb606654797b8a11dafc3763c268481d Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:13:37 +0530 Subject: [PATCH 11/13] Update service.html --- service.html | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/service.html b/service.html index fbe3c15..e2824bd 100644 --- a/service.html +++ b/service.html @@ -34,6 +34,8 @@ + + @@ -397,8 +399,15 @@
Newsletter
- - + + + @@ -443,6 +452,7 @@
Newsletter
+ @@ -545,4 +555,4 @@
Newsletter
- \ No newline at end of file + From 7b835480e821b980b3c08c4319d17312e6aaa4b0 Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:14:58 +0530 Subject: [PATCH 12/13] Update team.html --- team.html | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/team.html b/team.html index e921bb1..d0fd559 100644 --- a/team.html +++ b/team.html @@ -34,6 +34,8 @@ + + @@ -352,8 +354,15 @@
Newsletter
- - + + + @@ -398,6 +407,7 @@
Newsletter
+ @@ -499,4 +509,4 @@
Newsletter
- \ No newline at end of file + From 6c9d0afbae1bdc3a455abf81668c4bfced25ccef Mon Sep 17 00:00:00 2001 From: SOUMYADIP GIRI <122915461+Soumyadipgithub@users.noreply.github.com> Date: Sun, 23 Feb 2025 20:16:01 +0530 Subject: [PATCH 13/13] Update testimonial.html --- testimonial.html | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/testimonial.html b/testimonial.html index b6f0cda..d64ca0b 100644 --- a/testimonial.html +++ b/testimonial.html @@ -33,7 +33,9 @@ - + + + @@ -246,8 +248,15 @@
Newsletter
- - + + + @@ -264,6 +273,7 @@
Newsletter
+ @@ -398,4 +408,4 @@
Newsletter
- \ No newline at end of file +