Add a <ul> of available translation for the page to the content header

Attempt to style it.

assets/styles/root/002_layout.css

@@ -265,6 +265,18 @@
     grid-column: wide-content-start / wide-content-end;
   }
 
+  main > header > .translations {
+    display: flex;
+    gap: 1rem;
+    list-style: none;
+    margin-inline: 0;
+    width: 100%;
+  }
+
+  main > header > .translations > li {
+    margin-inline-start: 0;
+  }
+
   main > header > .series {
     margin-inline-start: 0.5em;
     width: 100%;
@@ -402,11 +414,6 @@
   }
 
   .page > header {
-    align-items: first baseline;
-    column-gap: 4rem;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
   }
 
   @media (max-width: 539px) {
@@ -415,7 +422,6 @@
     }
   }
 
-  .page > header,
   .page > footer {
     grid-column: content-start / content-end;
   }

layouts/partials/content_header.html

@@ -5,6 +5,14 @@
     <time>{{ .Date | time.Format "January 2, 2006" }}</time>
   {{ end }}
 
+  {{ if gt (len .AllTranslations) 1 }}
+    <ul class=translations>
+    {{ range .AllTranslations }}
+      <li><a href="{{ .RelPermalink }}">{{ .Language.LanguageCode }}</a></li>
+    {{ end }}
+    </ul>
+  {{ end }}
+
   {{- if .Params.series -}}
     {{- $series := .GetTerms "series" -}}