summaryrefslogtreecommitdiff
path: root/layouts/_partials/components
diff options
context:
space:
mode:
authorEltrac <hi@guhub.cn>2025-10-21 20:26:13 +0800
committerEltrac <hi@guhub.cn>2025-10-21 20:26:13 +0800
commit48b82af70feb7a20dc80490353da39540c83acec (patch)
tree94ed6721b74c9efc04530cd4bd16819bbd4b14fe /layouts/_partials/components
parent7e0fc22f87a26df392368bb78c7397451655af23 (diff)
remove: settings page
Former-commit-id: 4e40e1ed71a3ff5889c2a12848667eda03319f29
Diffstat (limited to 'layouts/_partials/components')
-rw-r--r--layouts/_partials/components/back-to-top.html97
1 files changed, 46 insertions, 51 deletions
diff --git a/layouts/_partials/components/back-to-top.html b/layouts/_partials/components/back-to-top.html
index bf094d5d..6ef367b6 100644
--- a/layouts/_partials/components/back-to-top.html
+++ b/layouts/_partials/components/back-to-top.html
@@ -14,64 +14,59 @@
</div>
<script>
-// hide Batrick if set
-if (localStorage.getItem('geedeapro.ui.hideBatrick')) {
- document.getElementById('back2top').classList.add('hidden');
-} else {
- // Batrick functionality
- const backToTop = document.getElementById("back2top")
- const backToTopButton = document.getElementById("back2top-button")
- const backToTopInstruction = document.getElementById("back2top-instruction")
- const seenAndUsedBat = localStorage.getItem("geedeapro.ui.seenAndUsedBat")
+// Batrick functionality
+const backToTop = document.getElementById("back2top")
+const backToTopButton = document.getElementById("back2top-button")
+const backToTopInstruction = document.getElementById("back2top-instruction")
+const seenAndUsedBat = localStorage.getItem("geedeapro.ui.seenAndUsedBat")
- function hideInstruction() {
- backToTopInstruction.remove()
- }
- if (seenAndUsedBat) hideInstruction()
+function hideInstruction() {
+ backToTopInstruction.remove()
+}
+if (seenAndUsedBat) hideInstruction()
- // listen to button click and scroll to top
- backToTopButton.addEventListener("click", () => {
- window.scrollTo({ top: 0, behavior: "smooth" })
- if (!seenAndUsedBat) {
- localStorage.setItem("geedeapro.ui.seenAndUsedBat", true);
- hideInstruction();
- }
- })
+// listen to button click and scroll to top
+backToTopButton.addEventListener("click", () => {
+ window.scrollTo({ top: 0, behavior: "smooth" })
+ if (!seenAndUsedBat) {
+ localStorage.setItem("geedeapro.ui.seenAndUsedBat", true);
+ hideInstruction();
+ }
+})
- // listen to scroll and toggle button visibility
- let lastOffset = window.scrollY
+// listen to scroll and toggle button visibility
+let lastOffset = window.scrollY
- window.addEventListener("scroll", () => {
- const offset = window.scrollY
- const batIsHidden = backToTop.classList.contains("-top-25")
- const enoughHeight = offset >= 2000
- const isScrollingUp = offset < lastOffset
- const isScrollingDown = offset > lastOffset
+window.addEventListener("scroll", () => {
+ const offset = window.scrollY
+ const batIsHidden = backToTop.classList.contains("-top-25")
+ const enoughHeight = offset >= 2000
+ const isScrollingUp = offset < lastOffset
+ const isScrollingDown = offset > lastOffset
- function hide() {
- backToTop.classList.remove("top-0")
- backToTop.classList.add("-top-25")
- backToTop.classList.remove("animate-head-shake")
- }
+ function hide() {
+ backToTop.classList.remove("top-0")
+ backToTop.classList.add("-top-25")
+ backToTop.classList.remove("animate-head-shake")
+ }
- function show() {
- backToTop.classList.remove("-top-25")
- backToTop.classList.add("top-0")
- backToTop.classList.add("animate-head-shake")
- }
+ function show() {
+ backToTop.classList.remove("-top-25")
+ backToTop.classList.add("top-0")
+ backToTop.classList.add("animate-head-shake")
+ }
- if (enoughHeight && isScrollingUp && batIsHidden) {
- // show only when scrolling up
- show()
- } else if (isScrollingDown && !batIsHidden) {
- // hide as soon as user scrolls down again
- hide()
- }
+ if (enoughHeight && isScrollingUp && batIsHidden) {
+ // show only when scrolling up
+ show()
+ } else if (isScrollingDown && !batIsHidden) {
+ // hide as soon as user scrolls down again
+ hide()
+ }
- // hide no matter what if too close to top
- if (!enoughHeight) hide()
+ // hide no matter what if too close to top
+ if (!enoughHeight) hide()
- lastOffset = offset
- })
-}
+ lastOffset = offset
+})
</script>