Automatic language selection

Author: kaixxx

config/_default/hugo.toml

@@ -2,11 +2,11 @@ baseURL = "https://noscribe.de/"
 
 theme = "hugo-book"
 
-defaultContentLanguage = "en"
-defaultContentLanguageInSubdir = true
+defaultContentLanguage = "und"
+defaultContentLanguageInSubdir = false
 disableDefaultLanguageRedirect = true
 
-languageCode = "en-US"
+languageCode = "und"
 
 title = "noScribe"
 
@@ -46,6 +46,12 @@ enableRobotsTXT = false
   licenseUrl = "https://www.gnu.org/licenses/gpl-3.0.html"
 
 [languages]
+  [languages.und]
+    languageName = "Language"
+    languageCode = "und"
+    weight = 0
+    title = "noScribe"
+    contentDir = "content/und"
   [languages.de]
     languageName = "Deutsch"
     languageCode = "de-DE"

content/de/_index.md

@@ -1,6 +1,7 @@
 ---
 title: "noScribe – Interviews mit KI transkribieren"
 description: "Offizielle Projektseite der Open-Source-Transkriptionssoftware noScribe (GPL-3.0) – lokal, datenschutzfreundlich, ohne Cloud."
+translationKey: "home"
 bookToC: true
 ---
 

content/en/_index.md

@@ -1,6 +1,7 @@
 ---
 title: "noScribe – Free Interview Transcription with AI"
 description: "Official project site of the open-source transcription software noScribe (GPL-3.0) – local, privacy-friendly, no cloud."
+translationKey: "home"
 bookToC: true
 ---
 

content/und/_index.md

@@ -0,0 +1,57 @@
+---
+title: "noScribe"
+description: "Choose your language"
+translationKey: "landing"
+robots: "noindex,follow"
+hideLanguageSwitcher: true
+bookToC: false
+---
+
+# Choose your language
+
+{{< button href="/en/" >}}English{{< /button >}}
+{{< button href="/de/" >}}Deutsch{{< /button >}}
+
+Your browser language is used for an automatic redirect. 
+You can change language on every page later.
+
+<noscript>
+  JavaScript is disabled; please choose a language above.
+</noscript>
+
+<script>
+  (function () {
+    if (window.location.pathname !== "/") return;
+
+    // Add new languages by extending this map.
+    var languagePaths = {
+      en: "/en/",
+      de: "/de/"
+    };
+    var fallback = "/en/";
+
+    var preferred = (navigator.languages && navigator.languages.length)
+      ? navigator.languages
+      : [navigator.language || ""];
+
+    var target = null;
+    for (var i = 0; i < preferred.length; i++) {
+      var lang = String(preferred[i] || "").toLowerCase();
+      if (!lang) continue;
+      if (languagePaths[lang]) {
+        target = languagePaths[lang];
+        break;
+      }
+      var base = lang.split("-")[0];
+      if (languagePaths[base]) {
+        target = languagePaths[base];
+        break;
+      }
+    }
+
+    if (!target) target = fallback;
+    if (target && target !== window.location.pathname) {
+      window.location.replace(target);
+    }
+  })();
+</script>

layouts/_partials/docs/html-head.html

@@ -11,7 +11,9 @@
 {{- if $author }}
 <meta name="author" content="{{ $author }}">
 {{- end }}
-{{- if .Params.noindex -}}
+{{- if .Params.robots -}}
+<meta name="robots" content="{{ .Params.robots }}">
+{{- else if .Params.noindex -}}
 <meta name="robots" content="noindex, nofollow">
 {{- else -}}
 <meta name="robots" content="index, follow">

layouts/_partials/docs/languages.html

@@ -0,0 +1,36 @@
+{{ if .Params.hideLanguageSwitcher }}
+{{ else }}
+{{ $bookTranslatedOnly := default false .Site.Params.BookTranslatedOnly }}
+{{ $translations := dict }}
+{{ if (eq $bookTranslatedOnly false ) }}
+  {{ range .Site.Home.Translations }}
+    {{ $translations = merge $translations (dict .Language.Lang .) }}
+  {{ end }}
+{{ end }}
+{{ range .Translations }}
+  {{ $translations = merge $translations (dict .Language.Lang .) }}
+{{ end }}
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex">
+      <a role="button">
+        <img src="{{ partial "docs/icon" "translate" }}" class="book-icon" alt="{{ partial "docs/text/i18n" "Languages" }}" />
+        {{ $.Site.Language.LanguageName }}
+      </a>
+      <img src="{{ partial "docs/icon" "chevron-right" }}" class="book-icon" alt="{{ partial "docs/text/i18n" "Expand" }}" />
+    </label>
+
+    <ul>
+      {{ range .Site.Languages }}{{ with index $translations .Lang }}
+      <li>
+        <a href="{{ cond hugo.IsMultihost .Permalink .RelPermalink }}" class="flex flex-auto">
+          {{ .Language.LanguageName }}
+        </a>
+      </li>
+      {{ end }}{{ end }}
+    </ul>
+  </li>
+</ul>
+{{ end }}