add language selector to every page

assets/css/its.css

@@ -15,6 +15,36 @@
 	padding: 0;
 }
 
+.languages-compact {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	padding: 0 15px;
+	z-index: 100;
+}
+
+.languages-compact a,
+.languages-compact span {
+	font-size: 1.5em;
+	transition: color .25s ease-out;
+	font-weight: bold;
+	text-shadow:
+	0 0 5px black,
+	0 0 5px black,
+	0 0 5px black,
+	0 0 5px black,
+	0 0 5px black;
+}
+
+.languages-compact a:not(:hover),
+.languages-compact span {
+	color: white;
+}
+
+#main-banner {
+	position: relative;
+}
+
 .error__404 {
 	font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
 }

layouts/partials/header.html

@@ -0,0 +1,9 @@
+<header class="header">
+	<div class="container header__container" id="main-banner">
+		{{ partial "svg.html" "header" }}
+		{{ partial "logo.html" . }}
+
+		{{ partial "languages-compact.html" . }}
+	</div>
+	{{ partial "menu.html" . }}
+</header>

layouts/partials/languages-compact.html

@@ -0,0 +1,11 @@
+{{- $translations := .AllTranslations }}
+{{- if and hugo.IsMultilingual (gt (len $translations) 0) }}
+<div class="languages-compact">
+	{{- range $index, $lang := $translations }}
+	{{- if ne $index 0}}<span> | </span>{{end}}
+	<a class="" href="{{ .RelPermalink }}">
+		{{ $lang.Language | upper }}
+	</a>
+	{{- end }}
+</div>
+{{- end }}