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
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
-
+
+