fix(header.liquid): set header link active state properly

config/filters/navigation.js

@@ -1,4 +1,12 @@
+const normalizeUrl = (url) =>
+  url.replace(/index\.php$|index\.html$/i, '').replace(/\.php$|\.html$/i, '') || '/';
+
 export default {
-  isLinkActive: (category, page) =>
+  isLinkActive: (category, page) => {
-    page.includes(category) && page.split('/').filter((a) => a !== '').length <= 1
+    const normalized = normalizeUrl(page);
+    return (
+      normalized.includes(category) && normalized.split('/').filter((a) => a !== '').length <= 1
+    );
+  },
+  normalizeUrl
 };

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "10.6.4",
+  "version": "10.6.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "10.6.4",
+      "version": "10.6.5",
       "license": "MIT",
       "dependencies": {
         "minisearch": "^7.1.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "10.6.4",
+  "version": "10.6.5",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {

src/includes/static/layout/header.liquid

@@ -1,3 +1,4 @@
+{%- assign normalizedUrl = page.url | normalizeUrl -%}
 {%- capture headerContent -%}
   <img
     srcset="
@@ -14,7 +15,7 @@
 {%- endcapture -%}
 <section class="main-title">
   <h1>
-    {%- if page.url == "/" -%}
+    {%- if normalizedUrl == "/" -%}
       {{ headerContent }}
     {%- else -%}
       <a href="/" tabindex="0">{{ headerContent }}</a>