From cd2759ce4e415c2a6c88fb2cfc38a0b2a13ec739 Mon Sep 17 00:00:00 2001
From: Sarahtonin <SRHTNIN@proton.me>
Date: Sun, 30 Aug 2026 19:24:24 +0200
Subject: [PATCH] Added prefixes to submavbar links (# for headers, > for
 pages).

---
 Pages/Bits/SubNavbar.php | 30 ++++++++++++++++++++++++------
 Styles/Style.css         | 21 +++++++++++++++++++++
 2 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/Pages/Bits/SubNavbar.php b/Pages/Bits/SubNavbar.php
index 16e14af..1876c8b 100644
--- a/Pages/Bits/SubNavbar.php
+++ b/Pages/Bits/SubNavbar.php
@@ -16,21 +16,39 @@ $SubNavbarCurrent ??= null;
 >
     <?php foreach (
         $SubNavbarItems
-        as $SubNavbarName => $SubNavbarHref
+        as $Name => $Url
     ): ?>
+        <?php
+        $Prefix =
+            str_starts_with(
+                $Url,
+                "#"
+            )
+                ? "#"
+                : ">";
+        ?>
+
         <a
             class="SubNavbarLink"
             href="<?= htmlspecialchars(
-                $SubNavbarHref,
+                $Url,
                 ENT_QUOTES,
                 "UTF-8"
             ) ?>"
-            <?= $SubNavbarCurrent === $SubNavbarName
-                ? 'aria-current="page"'
-                : "" ?>
         >
+            <span
+                class="SubNavbarPrefix"
+                aria-hidden="true"
+            >
+                <?= htmlspecialchars(
+                    $Prefix,
+                    ENT_QUOTES,
+                    "UTF-8"
+                ) ?>
+            </span>
+
             <?= htmlspecialchars(
-                $SubNavbarName,
+                $Name,
                 ENT_QUOTES,
                 "UTF-8"
             ) ?>
diff --git a/Styles/Style.css b/Styles/Style.css
index 99ff900..1926fba 100644
--- a/Styles/Style.css
+++ b/Styles/Style.css
@@ -942,6 +942,27 @@ select {
     border: 3px solid var(--Surface2);
 }
 
+.SubNavbarPrefix {
+    display: inline-block;
+
+    min-width: 1rem;
+    margin-right: 0.25rem;
+
+    color: var(--Overlay2);
+}
+
+.SubNavbarLink:hover
+.SubNavbarPrefix {
+    color: var(--Sky);
+}
+
+.SubNavbarLink[aria-current="location"]
+.SubNavbarPrefix,
+.SubNavbarLink[aria-current="page"]
+.SubNavbarPrefix {
+    color: var(--Green);
+}
+
 @media (max-width: 700px) {
     body {
         grid-template-columns: minmax(0, 1fr);