refactor: move lang/theme switch to separate partials

3 files changed, 28 insertions, 28 deletions

diff --git a/layouts/_partials/header/lang-switch.html b/layouts/_partials/header/lang-switch.html
new file mode 100644
index 0000000..252baee
--- /dev/null
+++ b/layouts/_partials/header/lang-switch.html
@@ -0,0 +1,17 @@
+{{ $langButtonSize := "w-4 h-4" }}
+
+{{- $lang := .Site.Language.Lang -}}
+{{- $switch := dict
+  "en" (dict "url" "/zh/" "label" "ZH" "title" "查看中文博客")
+  "zh" (dict "url" "/en/" "label" "EN" "title" "View English Blog") -}}
+{{- $entry := index $switch $lang -}}
+<a
+    href="{{ $entry.url }}"
+    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"
+    title="{{ $entry.title }}"
+>
+  <span class="text-size-[0.5rem] font-extrabold">{{ $entry.label }}</span>
+</a>
diff --git a/layouts/_partials/header/other-navigation.html b/layouts/_partials/header/other-navigation.html
index 13cacc5..7fad2bb 100644
--- a/layouts/_partials/header/other-navigation.html
+++ b/layouts/_partials/header/other-navigation.html
@@ -1,30 +1,4 @@
-{{ $langButtonSize := "w-4 h-4" }}
-
 <div class="flex gap-2 pr-2">
-    <!-- theme switch -->
-    <label for="theme-select" class="hidden">colorscheme</label>
-    <select id="theme-select" name="theme"
-        aria-label="Switch colorscheme"
-        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 value="{{ . }}">{{ T (printf "theme.%s" .) }}</option>
-    {{ end }}
-    </select>
-    <!-- language switch -->
-    {{- $lang := .Site.Language.Lang -}}
-    {{- $switch := dict
-      "en" (dict "url" "/zh/" "label" "ZH" "title" "查看中文博客")
-      "zh" (dict "url" "/en/" "label" "EN" "title" "View English Blog") -}}
-    {{- $entry := index $switch $lang -}}
-    <a
-        href="{{ $entry.url }}"
-        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"
-        title="{{ $entry.title }}"
-    >
-      <span class="text-size-[0.5rem] font-extrabold">{{ $entry.label }}</span>
-    </a>
+    {{ partial "header/theme-switch" . }}
+    {{ partial "header/lang-switch" . }}
 </div>
diff --git a/layouts/_partials/header/theme-switch.html b/layouts/_partials/header/theme-switch.html
new file mode 100644
index 0000000..dd2026a
--- /dev/null
+++ b/layouts/_partials/header/theme-switch.html
@@ -0,0 +1,9 @@
+<label for="theme-select" class="hidden">colorscheme</label>
+<select id="theme-select" name="theme"
+    aria-label="Switch colorscheme"
+    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 value="{{ . }}">{{ T (printf "theme.%s" .) }}</option>
+{{ end }}
+</select>