Adjust shrine footers

src/_includes/asummersend/footer.njk

@@ -1,6 +1,6 @@
 {% extends "global/footer.njk" %}
 
 {% block footerContent %}
-    <p>Made with ♥ by {{ sitemeta.siteAuthor.name }} | Shrine Launched: 16 February 2023</p>
+    <p>Made with ♥ by {{ sitemeta.siteAuthor.name }} • Shrine Launched: 16 February 2023</p>
 {% endblock %}
 

src/_includes/cassettebeasts/footer.njk

@@ -1,6 +1,6 @@
 {% extends "global/footer.njk" %}
 
 {% block footerContent %}
-    <p>Made with ♥ by {{ sitemeta.siteAuthor.name }} | Shrine Launched: 3 August 2023</p>
+    <p>Made with ♥ by {{ sitemeta.siteAuthor.name }} • Shrine Launched: 3 August 2023</p>
 {% endblock %}
 

src/_includes/global/footer.njk

@@ -4,7 +4,13 @@
     {% endblock -%}
 
     {%- if tags and tags.includes("shrine pages") %}
-        <p>Back to: <a href="/shrines/">Shrine Index</a> | <a href="/">{{ sitemeta.siteName }}</a></p>
+        <nav class="footer__shrines">
+            <p>Back to:</p>
+            <ul class="footer__links">
+                <li><a href="/shrines/">Shrine Index</a></li>
+                <li><a href="/">{{ sitemeta.siteName }}</a></li>
+            </ul>
+        </nav>
     {%- endif -%}
 
     <p><a href="#page-top">Back to Top 🡱</a></p>
@@ -43,6 +49,12 @@
         padding-left: 0.5em;
     }
 
+    .footer__shrines {
+        display: flex;
+        gap: 0.7em;
+        justify-self: center;
+    }
+
     /* Screen sizes larger than mobile */
     @media only screen and (min-width: 30rem) {
         .footer {

src/_includes/starwarskotor/footer.njk

@@ -1,6 +1,6 @@
 {% extends "global/footer.njk" %}
 
 {% block footerContent %}
-    <p>Made with ♥ and the Force by {{ sitemeta.siteAuthor.name }} | Shrine Launched: 17 February 2023</p>
+    <p>Made with ♥ and the Force by {{ sitemeta.siteAuthor.name }} • Shrine Launched: 17 February 2023</p>
 {% endblock %}