Add translation links to navigation

assets/style.scss

@@ -67,6 +67,15 @@ figure {
 
 	@media screen and (min-width: 800px) {
 		flex-direction: row;
+
+		hr {
+			margin: 0 0.5em !important;
+			align-self: center;
+		}
+	}
+
+	hr {
+		margin: 0.5em 40%;
 	}
 
 	.nav-logo {

config.toml

@@ -3,6 +3,8 @@ title = "franconian"
 
 [languages]
   [languages.en]
+    languageName = "English"
   [languages.de]
+    languageName = "Deutsch"
 
 [taxonomies]

layouts/_default/baseof.html

@@ -14,6 +14,12 @@
 	<header>
 		<nav class="nav">
 			<a class="nav-logo" href="{{ .Site.LanguagePrefix }}/"><img src="https://styleguide.rc3.world/Logo/Logo%20Set%203/SVG/Logo%20SD%20blue.svg" alt="Blue version of the rC3 logo"></a>
+			{{ if .IsTranslated }}
+			{{ range .Translations }}
+			<a class="nav-link" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+			{{ end }}
+			<hr>
+			{{ end }}
 			{{ $currentPage := . }}
 			{{ range .Site.Menus.main }}
 			<a class="nav-link{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} nav-link-active{{ end }}" href="{{ .URL }}">{{ .Name }}</a>