From 62c20953d04cd77902dcc454f2cff1e91cca138c Mon Sep 17 00:00:00 2001 From: Esha Jha <149310101+Eshajha19@users.noreply.github.com> Date: Fri, 6 Mar 2026 16:37:20 +0000 Subject: [PATCH 1/2] added scroll to top button on community page --- public/Community.html | 7 +++++-- public/community.css | 27 +++++++++++++++++++++++++++ public/community.js | 15 +++++++++++++++ 3 files changed, 47 insertions(+), 2 deletions(-) diff --git a/public/Community.html b/public/Community.html index fd559e50..1983d329 100644 --- a/public/Community.html +++ b/public/Community.html @@ -11,7 +11,7 @@ - + @@ -107,7 +107,10 @@

- + + diff --git a/public/community.css b/public/community.css index 5dfe529b..daa57254 100644 --- a/public/community.css +++ b/public/community.css @@ -858,4 +858,31 @@ body { .cursor-hovering { transform: translate(-50%, -50%) scale(1.3); background: linear-gradient(135deg, #00b4d8 0%, #64ffda 100%) !important; +}#scrollTopBtn{ + position: fixed; + bottom: 30px; + right: 30px; + background: linear-gradient(135deg,#00e6a8,#64ffda); + color: #000; + border: none; + padding: 14px 16px; + border-radius: 50%; + font-size: 18px; + cursor: pointer; + display: none; + z-index: 1000; + box-shadow: 0 0 15px rgba(100,255,218,0.7); + transition: all 0.3s ease; +} + +#scrollTopBtn:hover{ + transform: translateY(-4px) scale(1.1); + box-shadow: 0 0 25px rgba(100,255,218,1); +} + +/* Dark Mode */ + +body.dark-mode #scrollTopBtn{ + background: linear-gradient(135deg,#64ffda,#00bfa5); + color:white; } \ No newline at end of file diff --git a/public/community.js b/public/community.js index d62a72dc..09f94f5d 100644 --- a/public/community.js +++ b/public/community.js @@ -249,3 +249,18 @@ ${p.replies.map((r) => `
💬 ${r.t}
`).join("")} .join(""); } render(); +const scrollBtn = document.getElementById("scrollTopBtn"); +window.onscroll = function () { + if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { + scrollBtn.style.display = "block"; + } else { + scrollBtn.style.display = "none"; + } +}; + +scrollBtn.addEventListener("click", function () { + window.scrollTo({ + top: 0, + behavior: "smooth" + }); +}); \ No newline at end of file From 41b726f71dbae74faccb012712838eed8dbc5b5e Mon Sep 17 00:00:00 2001 From: Esha Jha <149310101+Eshajha19@users.noreply.github.com> Date: Fri, 6 Mar 2026 16:41:49 +0000 Subject: [PATCH 2/2] added scroll to top button on networth page --- public/networth.html | 47 +++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 46 insertions(+), 1 deletion(-) diff --git a/public/networth.html b/public/networth.html index 1957d61b..150103b6 100644 --- a/public/networth.html +++ b/public/networth.html @@ -124,7 +124,34 @@ canvas { margin-top: 20px; } +#scrollTopBtn{ + position: fixed; + bottom: 30px; + right: 30px; + background: linear-gradient(135deg,#00e6a8,#64ffda); + color: #000; + border: none; + padding: 14px 16px; + border-radius: 50%; + font-size: 18px; + cursor: pointer; + display: none; + z-index: 1000; + box-shadow: 0 0 15px rgba(100,255,218,0.7); + transition: all 0.3s ease; +} + +#scrollTopBtn:hover{ + transform: translateY(-4px) scale(1.1); + box-shadow: 0 0 25px rgba(100,255,218,1); +} +/* Dark Mode */ + +body.dark-mode #scrollTopBtn{ + background: linear-gradient(135deg,#64ffda,#00bfa5); + color:white; +} @@ -196,7 +223,10 @@

Debt Breakdown

- + +