From 53cd027243d7902271d151471eb5151c6f19826d Mon Sep 17 00:00:00 2001
From: Lewis Dale <lewis.dale@fortacode.co.uk>
Date: Sat, 12 Oct 2024 11:29:34 +0100
Subject: [PATCH] Add indicator for current page

---
 src/_includes/base.njk          | 10 +++++-----
 src/css/exceptions/main-nav.css | 15 ++++++++++++++-
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/_includes/base.njk b/src/_includes/base.njk
index 7b844f5..1d41d09 100644
--- a/src/_includes/base.njk
+++ b/src/_includes/base.njk
@@ -53,11 +53,11 @@
 			<div class="switcher-lg">
 			<nav class="main-nav">
 				<ul role='list'>
-					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
-					<li><a href="/links">Links</a></li>
-					<li><a href="/blogroll">/Blogroll</a></li>
-					<li><a href="/uses">/Uses</a></li>
+					<li><a href="/" {% if page.url == "/" %}aria-current="page"{% endif %}>Home</a></li>
+					<li><a href="/blog" {% if page.url.includes("/blog/") %}aria-current="page"{% endif %}>Blog</a></li> 
+					<li><a href="/links" {% if page.url.includes("/links/") %}aria-current="page"{% endif %}>Links</a></li>
+					<li><a href="/blogroll" {% if page.url.includes("/blogroll/") %}aria-current="page"{% endif %}>/Blogroll</a></li>
+					<li><a href="/uses" {% if page.url.includes("/uses/") %}aria-current="page"{% endif %}>/Uses</a></li>
 					<li>
 						<a href="/feed/" class="rss" aria-label="RSS feed">
 							<i class="fa-solid fa-rss"></i>
diff --git a/src/css/exceptions/main-nav.css b/src/css/exceptions/main-nav.css
index 0ba15f1..2e645f4 100644
--- a/src/css/exceptions/main-nav.css
+++ b/src/css/exceptions/main-nav.css
@@ -1,5 +1,17 @@
 .main-nav {
     text-align: right;
+
+    a {
+        position: relative;
+    }
+
+    a[aria-current="page"]::before {
+        content: "\203A";
+        font-size: larger;
+        position: absolute;
+        left: -1ch;
+        top: -.5ch;
+    }
 }
 
 @media only screen and (max-width: 1280px) {
@@ -11,7 +23,7 @@
 
         ul {
             display: flex;
-            gap: var(--space-size-xs);
+            gap: var(--space-size-s);
             flex-grow: 1;
             align-items: center;
             align-content: center;
@@ -19,6 +31,7 @@
             margin-left: 0;
             margin-right: auto;
             padding: 0 var(--space-size-l);
+    
         }
     }
 }
\ No newline at end of file