From 667a105b2ee6ae26e84f7c0e637255a50d79953c Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Mon, 11 Mar 2024 08:30:15 -0700
Subject: [PATCH] Add a <ul> of available translation for the page to the
 content header

Attempt to style it.
---
 assets/styles/root/002_layout.css    | 18 ++++++++++++------
 layouts/partials/content_header.html |  8 ++++++++
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/assets/styles/root/002_layout.css b/assets/styles/root/002_layout.css
index 109b50b..a11c8e9 100644
--- a/assets/styles/root/002_layout.css
+++ b/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;
   }
diff --git a/layouts/partials/content_header.html b/layouts/partials/content_header.html
index 93877a7..6e48883 100644
--- a/layouts/partials/content_header.html
+++ b/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" -}}