From bf3524bdaa726f2dd8ec2dd9353c53af51b96a7b Mon Sep 17 00:00:00 2001
From: prushti1521 <prushti0603@gmail.com>
Date: Sat, 2 Aug 2025 23:50:14 +0530
Subject: [PATCH] add back to top button

---
 index.html |  6 ++++++
 script.js  | 22 ++++++++++++++++++++++
 style.css  | 29 +++++++++++++++++++++++++++++
 3 files changed, 57 insertions(+)

diff --git a/index.html b/index.html
index de28f59..51d1b59 100644
--- a/index.html
+++ b/index.html
@@ -247,6 +247,12 @@ <h2>Projects</h2>
     </div> <!-- /preview-section -->
   </div> <!-- /main-container -->
 
+
+
+     <!-- Back to Top Button -->
+    <button id="backToTopBtn" title="Go to top">↑</button>
+    
+
   <footer style="margin-top: 2rem; padding: 1rem 0; text-align: center; font-size: 0.9rem;" class="footer">
   <div class="foot">
     <p class="footer-text">&copy; 2025. All rights reserved.</p>
diff --git a/script.js b/script.js
index eb4310d..329de66 100644
--- a/script.js
+++ b/script.js
@@ -507,3 +507,25 @@ function clearAndReload() {
   sessionStorage.clear();        
   window.location.reload();
 }
+
+//back to top button
+// Back to Top Button Functionality
+document.addEventListener("DOMContentLoaded", function () {
+  const backToTopBtn = document.createElement("button");
+  backToTopBtn.id = "backToTopBtn";
+  backToTopBtn.title = "Go to top";
+  backToTopBtn.textContent = "↑";
+  document.body.appendChild(backToTopBtn);
+
+  window.addEventListener("scroll", function () {
+    if (window.scrollY > 50) {
+      backToTopBtn.classList.add("show");
+    } else {
+      backToTopBtn.classList.remove("show");
+    }
+  });
+
+  backToTopBtn.addEventListener("click", function () {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
index 6f925d5..b9cdc0d 100644
--- a/style.css
+++ b/style.css
@@ -377,3 +377,32 @@ body.dark .footer-link {
 .section {
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
+
+/* Back to Top Button */
+/* Back to Top Button */
+
+#backToTopBtn {
+  display: none;
+  position: fixed;
+  bottom: 40px;
+  right: 40px;
+  z-index: 999;
+  font-size: 20px;
+  background-color: #3b82f6;
+  color: #f7f9fc;
+  border: none;
+  outline: none;
+  padding: 12px 16px;
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
+  transition: opacity 0.3s ease;
+  opacity: 0;
+}
+#backToTopBtn.show {
+  display: block;
+  opacity: 1;
+}
+#backToTopBtn:hover {
+  background-color: #1e40af;
+}
\ No newline at end of file