From feddde5e04bbe622139787f553b0332b31c8d523 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Thu, 10 Jul 2025 14:08:36 -0400
Subject: [PATCH] refactor sidebar to use details

---
 templates/partials/sidebar.njk | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/templates/partials/sidebar.njk b/templates/partials/sidebar.njk
index fc11b48..f7f1146 100644
--- a/templates/partials/sidebar.njk
+++ b/templates/partials/sidebar.njk
@@ -1,10 +1,21 @@
-{% macro renderNav(items) %}
+{% macro renderNav(items, pageUrl) %}
   <ul>
   {% for item in items %}
     <li>
-      <a href="{{ item.path }}">{{ item.page.title }}</a>
       {% if item.children and item.children.length %}
-        {{ renderNav(item.children) }}
+        {% set sectionPath = item.path | replace('index.html', '') %}
+        <details class="nav-section" {% if pageUrl.startsWith(sectionPath) %}open{% endif %}>
+          <summary>
+            <a href="{{ item.path }}" class="nav-link{% if item.path === pageUrl %} active{% endif %}">
+              {{ item.displayName or item.page.title }}
+            </a>
+          </summary>
+          {{ renderNav(item.children, pageUrl) }}
+        </details>
+      {% else %}
+        <a href="{{ item.path }}" class="nav-link{% if item.path === pageUrl %} active{% endif %}">
+          {{ item.displayName or item.page.title }}
+        </a>
       {% endif %}
     </li>
   {% endfor %}
@@ -13,6 +24,6 @@
 
 <aside class="sidebar" id="sidebar">
   <nav>
-    {{ renderNav(navigation) }}
+    {{ renderNav(navigation, page.url) }}
   </nav>
 </aside>