From d5a3f361870acbfe2ed6a55e1fde781018f643f8 Mon Sep 17 00:00:00 2001
From: "max.mehl" <max.mehl@fsfe.org>
Date: Tue, 21 Mar 2017 19:37:45 +0100
Subject: [PATCH] dynamic language detection for selector and rel-alternatives
 in header

---
 config.toml                    | 5 ++++-
 layouts/partials/head.html     | 6 +++++-
 layouts/partials/language.html | 6 ++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/config.toml b/config.toml
index 98eeb47..960e0da 100644
--- a/config.toml
+++ b/config.toml
@@ -1,5 +1,4 @@
 baseurl = "http://pmpc.mehl.mx/"
-languageCode = "en-us"
 title = "Public Money, Public Code"
 theme = "hugo-creative-theme"
 DefaultContentLanguage = "en"
@@ -7,6 +6,8 @@ DefaultContentLanguage = "en"
 [params]
   author = "Free Software Foundation Europe (FSFE)"
   description = "Public Money, Public Code - A campaign for releasing publicly financed software as Free Software"
+  languageCode = "en-us"
+  languageName = "English"
   favicon = "favicon.ico"
 
 
@@ -104,7 +105,9 @@ DefaultContentLanguage = "en"
 # == GERMAN ==
 [Languages.de]
   languageCode = "de-DE"
+  languageName = "Deutsch"
   description = "Public Money, Public Code - Eine Kampagne zur Veröffentlichung öffentlich finanzierter Software als Freie Software"
+# Navigation
 [Languages.de.navigation]
   brand = "Public Money, Public Code"
 [Languages.de.navigation.links]
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 0fbe222..8eacb9c 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -5,7 +5,11 @@
 {{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
 {{ .Hugo.Generator }}
 <title>{{ .Site.Title }}</title>
-
+{{ "<!-- Translations -->" | safeHTML }}
+<link type="text/html" rel="alternate" hreflang="{{ .Lang }}" lang="{{ .Lang }}" href="{{ if eq .Lang "en" }}/{{else}}/{{ .Lang }}/{{end}}" title="{{ .Site.Params.languageName }}">
+{{ range .Translations }}
+  <link type="text/html" rel="alternate" hreflang="{{ .Lang }}" lang="{{ .Lang }}" href="{{ if eq .Lang "en" }}/{{else}}/{{ .Lang }}/{{end}}" title="{{ .Site.Params.languageName }}">
+{{end}}
 {{ "<!-- Favicon -->" | safeHTML }}
 <link rel="shortcut icon" href="{{ .Site.Params.favicon | absURL }}">
 {{ "<!-- Bootstrap Core CSS -->" | safeHTML }}
diff --git a/layouts/partials/language.html b/layouts/partials/language.html
index ac464ba..9625ba7 100644
--- a/layouts/partials/language.html
+++ b/layouts/partials/language.html
@@ -7,8 +7,10 @@
         <p>{{ .Site.Params.language.description }}:</p>
         <p style="font-size:25px;"><i class="fa fa-globe" aria-hidden="true" style="font-size:1.5em;vertical-align:top;"></i></p>
         <ul>
-          <li><a href="/">English</a></li>
-          <li><a href="/de">Deutsch</a></li>
+          {{ range .Translations }}
+            <li><a href="{{ if eq .Lang "en" }}/{{else}}/{{ .Lang }}/{{end}}">{{ .Site.Params.languageName }}</a></li>
+          {{end}}
+          <li><a href="{{ if eq .Lang "en" }}/{{else}}/{{ .Lang }}/{{end}}">{{ .Site.Params.languageName }}</a></li>
         </ul>
       </div>
     </div>