From f20094db8b3cb0cb1227a4b3825871688ee2d2c5 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Thu, 18 Apr 2024 10:41:07 +0800
Subject: [PATCH] Turn footer links into a list

---
 src/_includes/main/footer.njk | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/_includes/main/footer.njk b/src/_includes/main/footer.njk
index 96a1ddff..6d04fb67 100644
--- a/src/_includes/main/footer.njk
+++ b/src/_includes/main/footer.njk
@@ -1,6 +1,18 @@
+{% set currentUrl %}{{ page.url }}{% endset %}
+
 <footer class="footer">
     <p>Made with ♥ by {{ sitemeta.siteAuthor.name }} since <time>11 September 2022</time></p>
-    <p><a href="/sitemap">Site Map</a> | <a href="/changelogs">Changelogs</a>  | <a href="/feed.xml">RSS</a></p>
+    <ul class="footer__links">
+        <li>
+            <a {% if currentUrl === "/sitemap/" %}aria-current="page"{% endif %} href="/sitemap/">Site Map</a>
+        </li>
+        |
+        <li>
+            <a {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %} href="/changelogs/">Changelogs</a>
+        </li>
+        |
+        <li><a href="/feed.xml">RSS</a></li>
+    </ul>
 </footer>
 
 <style>
@@ -9,12 +21,22 @@
         width: 72%;
         padding: 0.8rem;
         text-align: center;
+        display: grid;
     }
 
     .footer p {
         padding: 0;
     }
 
+    .footer__links {
+        justify-self: center;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        gap: 0.7em;
+    }
+
     @media only screen and (min-width: 600px) {
         .footer {
             width: 100%;