🌐 Add language switcher to header

2026-07-19 17:13:02 -04:00 · 2022-01-11 12:00:27 +11:00
parent fe90990e10
commit 9c8601102c
8 changed files with 23 additions and 47 deletions
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html
-  lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en{{ end }}"
+  lang="{{ with .Site.Language.Params.htmlCode | default (.Site.LanguageCode | default "en") }}
+    {{- . -}}
+  {{ end }}"
  {{ if .Site.Params.darkMode | default false }}class="dark"{{ end }}
 >
  {{- partial "head.html" . -}}
@@ -1,6 +1,6 @@
 <head>
  <meta charset="utf-8" />
-  {{ with .Site.LanguageCode }}
+  {{ with .Site.Language.Params.htmlCode | default .Site.LanguageCode }}
    <meta http-equiv="content-language" content="{{ . }}" />
  {{ end }}
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -6,7 +6,7 @@
    {{ if .Site.Params.Logo -}}
      {{ $logo := resources.Get .Site.Params.Logo }}
      {{ if $logo }}
-        <a href="{{ "/" | relURL }}">
+        <a href="{{ "/" | relLangURL }}">
          <img
            src="{{ $logo.RelPermalink }}"
            width="{{ div $logo.Width 2 }}"
@@ -20,10 +20,11 @@
      <a
        class="hover:underline hover:decoration-primary-500 hover:decoration-2 hover:underline-offset-2"
        rel="me"
-        href="{{ "/" | relURL }}"
+        href="{{ "/" | relLangURL }}"
        >{{ .Site.Title | markdownify | emojify }}</a
      >
    {{- end }}
+    {{ partial "translations.html" . }}
  </div>
  {{/* Main menu */}}
  {{ if .Site.Menus.main }}
@@ -0,0 +1,7 @@
+{{ if .IsTranslated }}
+  <nav class="inline">
+    {{ range .AllTranslations }}
+      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
+    {{ end }}
+  </nav>
+{{ end }}