From a208f13f4e1ca2285faac8702460b202d0675566 Mon Sep 17 00:00:00 2001
From: "Florine W. Dekker" <florine@fwdekker.com>
Date: Thu, 24 Nov 2022 17:49:22 +0100
Subject: [PATCH] Highlight logo if on main page

---
 package.json            | 2 +-
 src/main/js/Template.ts | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 0c87648..19db028 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "3.3.6",
+    "version": "3.3.7",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",
diff --git a/src/main/js/Template.ts b/src/main/js/Template.ts
index 846acf3..b7958f5 100644
--- a/src/main/js/Template.ts
+++ b/src/main/js/Template.ts
@@ -86,7 +86,11 @@ function nav(highlightPath?: string, cb?: (json: any) => void): HTMLElement {
     const checkbox = stringToHtml(`<input id="fwd-nav-hamburger-checkbox" type="checkbox" hidden />`);
     nav.appendChild(checkbox);
 
-    const base = stringToHtml(`<ul><li><a id="logo" href="https://fwdekker.com/">FWDekker</a></span></li></ul>`);
+    const base = stringToHtml(
+        `<ul><li ${highlightPath === "/" ? `class="fwd-nav-highlighted" aria-current="page"` : ""}>` +
+        `<a id="logo" href="https://fwdekker.com/">FWDekker</a>` +
+        `</li></ul>`
+    );
     fetch("https://fwdekker.com/api/nav/")
         .then(it => it.json())
         .then(json => {