dynamic language detection for selector and rel-alternatives in header

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]

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 }}

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>