refactor: clearer division of each partial and better folder structure

1 files changed, 27 insertions, 0 deletions

diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html
new file mode 100644
index 00000000..37d6a3fb
--- /dev/null
+++ b/layouts/_partials/header.html
@@ -0,0 +1,27 @@
+<header id="site-header">
+  <!-- Header Title -->
+  <div class="header-title">
+    {{ partial "components/logo" }}
+    <a class="title-link" href="{{ .Site.LanguagePrefix }}/"
+      >{{ .Site.Title }}</a
+    >
+  </div>
+  <!-- Navigation -->
+  <div id="navigation-bar">
+      <nav class="navigation">
+        {{ range .Site.Params.nav }}
+        <div class="navigation-item {{ if strings.Contains $.Page.RelPermalink .link }}active{{ end }}">
+          <a href="{{ .link }}" target="{{ .target }}" data-umami-event="💊 Click header navigation">{{ .name }}</a>
+        </div>
+        {{ end }}
+      </nav>
+
+      {{- $lang := .Site.Language.Lang -}}
+      {{- $switch := dict "en" (dict "url" "/zh/" "label" "切换至中文") "zh" (dict "url" "/en/" "label" "Switch to English") -}}
+      {{- $entry := index $switch $lang -}}
+      <a href="{{ $entry.url }}" data-umami-event="🌍 Switch Language"
+          class="no-swup" title="{{ $entry.label }}">
+        {{ partial "icons/globe-icon" . }}
+      </a>
+  </div>
+</header>