From 77681cca24667115630c5a0b6579119782924861 Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Tue, 10 Feb 2026 14:39:11 +0800
Subject: chore: remove unused partials

---
 layouts/_partials/scripts/libra-js.html |  6 -----
 layouts/_partials/scripts/toc-js.html   | 41 ---------------------------------
 2 files changed, 47 deletions(-)
 delete mode 100644 layouts/_partials/scripts/libra-js.html
 delete mode 100644 layouts/_partials/scripts/toc-js.html

(limited to 'layouts')

diff --git a/layouts/_partials/scripts/libra-js.html b/layouts/_partials/scripts/libra-js.html
deleted file mode 100644
index 95e121ed..00000000
--- a/layouts/_partials/scripts/libra-js.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<script type="module">
-document.addEventListener('DOMContentLoaded', async () => {
-  const { default: LightBox } = await import('/js/libra.min.js');
-  const lightbox = new LightBox({ offset: { x: -8, y: -80 } });
-});
-</script>
diff --git a/layouts/_partials/scripts/toc-js.html b/layouts/_partials/scripts/toc-js.html
deleted file mode 100644
index 110f2357..00000000
--- a/layouts/_partials/scripts/toc-js.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{{ if .Params.toc }}
-<script>
-document.addEventListener('DOMContentLoaded', () => {
-  const toc = document.getElementById('toc');
-  if (!toc) return;
-
-  const headings = document.querySelectorAll('h2, h3');
-  const observer = new IntersectionObserver(entries => {
-    entries.forEach(entry => {
-      if (!entry.isIntersecting) return;
-
-      const id = entry.target.id;
-      const tocLink = toc.querySelector(`a[href="#${id}"]`);
-      if (!tocLink) return;
-
-      const listItem = tocLink.parentElement;
-      const isH2 = entry.target.tagName === 'H2';
-
-      // Clear all active states when a new H2 is encountered
-      if (isH2) {
-        toc.querySelectorAll('li.active').forEach(el => el.classList.remove('active'));
-      }
-
-      // Set current item as active
-      listItem.classList.add('active');
-
-      // If this is an H3, find and activate its parent H2
-      if (!isH2) {
-        const parentH2Item = listItem.closest('ul').previousElementSibling?.closest('li');
-        if (parentH2Item) parentH2Item.classList.add('active');
-      }
-    });
-  }, {
-    rootMargin: '0px 0px -50% 0px',
-    threshold: 0.5
-  });
-
-  headings.forEach(heading => observer.observe(heading));
-});
-</script>
-{{ end }}
-- 
cgit v1.2.3


From 52758459a220fde27f1519d3fd3e99f3f2a52f80 Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Tue, 10 Feb 2026 15:39:50 +0800
Subject: feat: add theme switch

---
 layouts/_partials/head.html                    | 3 ++-
 layouts/_partials/head/scripts.html            | 4 ++++
 layouts/_partials/header/other-navigation.html | 7 +++++++
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 layouts/_partials/head/scripts.html

(limited to 'layouts')

diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index a50dd333..3a8cd25c 100644
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -4,6 +4,7 @@
   <link rel="preconnect" href="https://r2.eltr.ac" />
   {{ hugo.Generator }}
   {{ partial "head/siteinfo" . }}
-  {{ partial "head/css" . }}
   {{ partial "head/verification" . }}
+  {{ partial "head/css" . }}
+  {{ partial "head/scripts" . }}
 </head>
diff --git a/layouts/_partials/head/scripts.html b/layouts/_partials/head/scripts.html
new file mode 100644
index 00000000..f067944c
--- /dev/null
+++ b/layouts/_partials/head/scripts.html
@@ -0,0 +1,4 @@
+{{ with resources.Get "js/darkmode.js" }}
+<script>{{ .Content | safeJS }}</script>
+{{ end }}
+
diff --git a/layouts/_partials/header/other-navigation.html b/layouts/_partials/header/other-navigation.html
index 662f1076..ab6035f1 100644
--- a/layouts/_partials/header/other-navigation.html
+++ b/layouts/_partials/header/other-navigation.html
@@ -1,6 +1,13 @@
 {{ $langButtonSize := "w-4 h-4" }}
 
 <div class="flex gap-2 pr-2">
+    <!-- theme switch -->
+    <select onchange="switchTheme(this.value, true)" id="theme-select">
+    {{ $switches := slice "auto" "light" "dark" }}
+    {{ range $switches }}
+        <option>{{ . }}</option>
+    {{ end }}
+    </select>
     <!-- language switch -->
     {{- $lang := .Site.Language.Lang -}}
     {{- $switch := dict
-- 
cgit v1.2.3


From 044bc2ed2b2d48b8d7a2f4c53e49eba2da8ada1a Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Tue, 10 Feb 2026 15:48:13 +0800
Subject: feat: theme switch style

---
 layouts/_partials/header/other-navigation.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_partials/header/other-navigation.html b/layouts/_partials/header/other-navigation.html
index ab6035f1..718b491c 100644
--- a/layouts/_partials/header/other-navigation.html
+++ b/layouts/_partials/header/other-navigation.html
@@ -2,10 +2,11 @@
 
 <div class="flex gap-2 pr-2">
     <!-- theme switch -->
-    <select onchange="switchTheme(this.value, true)" id="theme-select">
+    <select onchange="switchTheme(this.value, true)" id="theme-select"
+        class="bg-neutral/10 border-1 border-[var(--text-color)] border-solid rd text-[var(--text-color)] font-serif text-size-[0.5rem] font-extrabold">
     {{ $switches := slice "auto" "light" "dark" }}
     {{ range $switches }}
-        <option>{{ . }}</option>
+        <option value="{{ . }}">{{ T (printf "theme.%s" .) }}</option>
     {{ end }}
     </select>
     <!-- language switch -->
@@ -16,7 +17,7 @@
     {{- $entry := index $switch $lang -}}
     <a
         href="{{ $entry.url }}"
-        class="rounded-full text-center hover:no-underline {{ $langButtonSize }}
+        class="rd-full text-center hover:no-underline {{ $langButtonSize }}
           bg-neutral/10 border-1 border-[var(--text-color)] border-solid
           bg-[var(--block-background-color)]
           flex items-center justify-center"
-- 
cgit v1.2.3


From 9a0f7b785ed13f0506b2c7ab8c7da6b0ca398450 Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Tue, 10 Feb 2026 16:00:14 +0800
Subject: fix: theme switch not showing currently selected theme

- set theme select value after DOMConentLoaded
- refactor: move inline `onchange` to `<script>`
---
 layouts/_partials/header/other-navigation.html | 2 +-
 layouts/_partials/scripts.html                 | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

(limited to 'layouts')

diff --git a/layouts/_partials/header/other-navigation.html b/layouts/_partials/header/other-navigation.html
index 718b491c..db37477d 100644
--- a/layouts/_partials/header/other-navigation.html
+++ b/layouts/_partials/header/other-navigation.html
@@ -2,7 +2,7 @@
 
 <div class="flex gap-2 pr-2">
     <!-- theme switch -->
-    <select onchange="switchTheme(this.value, true)" id="theme-select"
+    <select id="theme-select"
         class="bg-neutral/10 border-1 border-[var(--text-color)] border-solid rd text-[var(--text-color)] font-serif text-size-[0.5rem] font-extrabold">
     {{ $switches := slice "auto" "light" "dark" }}
     {{ range $switches }}
diff --git a/layouts/_partials/scripts.html b/layouts/_partials/scripts.html
index 6ad03632..f7e9c36b 100644
--- a/layouts/_partials/scripts.html
+++ b/layouts/_partials/scripts.html
@@ -1,3 +1,12 @@
+<!-- Theme Switch -->
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+    const themeSelect = document.getElementById('theme-select')
+    themeSelect.value = localStorage.getItem('geedeapro.theme')
+    themeSelect.onchange = () => switchTheme(themeSelect.value, true)
+})
+</script>
+
 <!-- global JS -->
 {{ $commonJS := slice
   (resources.Get "js/tooltip.js")
-- 
cgit v1.2.3