Add language select

exampleSiteMultilingual/config.toml

@@ -16,6 +16,7 @@ googleAnalytics = ""
    description = "Anubis is a simple minimalist theme for Hugo blog engine."
 
 [languages.en]
+  languageName = "English"
 
 [[menu.main]]
   identifier = "about"
@@ -35,6 +36,9 @@ googleAnalytics = ""
   url = "/posts/"
   weight = 3
 
+[languages.pl]
+  languageName = "Polski"
+
 [[languages.pl.menu.main]]
   identifier = "about"
   name = "O Hugo"

layouts/_default/baseof.html

@@ -18,6 +18,11 @@
         </main>
         <footer>
             {{ block "footer" . }}
+                {{ $languagesCount := $.Site.Home.AllTranslations }}
+                {{ if gt $languagesCount 1 }}
+                    {{ partial "languageSelect.html" . }}
+                {{ end }}
+
                 {{ partial "footer.html" . }}
             {{ end }}
         </footer>

layouts/partials/languageSelect.html

@@ -0,0 +1,5 @@
+<ul class="language-select">
+{{ range $.Site.Home.AllTranslations }}
+<li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
+{{ end }}
+</ul>

static/css/style.css

@@ -349,6 +349,16 @@ footer {
     font-size: 16px;
 }
 
+ul.language-select {
+    padding-left: 0;
+    list-style: none;
+    display: flex;
+}
+
+ul.language-select > li {
+    margin-right: 1em;
+}
+
 /* Media Queries */
 
 @media (max-width: 840px) {