From 236a67c00f1d3b3c4500d902511223cf2dc205de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mark=20Randall=20Havens=20=E2=96=B3=20The=20Empathic=20Tec?=
 =?UTF-8?q?hnologist=20=E2=9F=81=20Doctor=20Who=2042?=
 <mark.r.havens@gmail.com>
Date: Sat, 8 Nov 2025 18:22:23 -0600
Subject: [PATCH] Update index.html

---
 public/index.html | 57 +++++++++++++++++++++++++++++------------------
 1 file changed, 35 insertions(+), 22 deletions(-)
diff --git a/public/index.html b/public/index.html
index f4ef4a6..05b4160 100755
--- a/public/index.html
+++ b/public/index.html
@@ -13,35 +13,48 @@
 </head>
 <body>
 <header class="topbar">
-  <button id="menuBtn" aria-label="Toggle menu">☰</button>
-  <nav id="primaryNav" class="primary-nav">
-    <!-- Dynamically populated -->
-  </nav>
+  <button id="menuBtn" aria-label="Toggle menu">Menu</button>
+  <nav id="primaryNav" class="primary-nav"></nav>
 </header>
 
 <aside id="sidebar">
-  <div class="sidebar-controls">
-    <label for="sectionSelect">Section:</label>
-    <select id="sectionSelect"></select>
-    <label for="tagSelect">Tags (multi-select):</label>
-    <select id="tagSelect" multiple aria-label="Filter by tags"></select>
-    <label for="sortSelect">Sort:</label>
-    <select id="sortSelect">
-      <option value="newest">Newest</option>
-      <option value="oldest">Oldest</option>
-    </select>
-    <label for="searchMode">Search Mode:</label>
-    <select id="searchMode">
-      <option value="title">Titles</option>
-      <option value="content">Content</option>
-    </select>
-    <input id="searchBox" placeholder="Search...">
+  <div class="sidebar-header">
+    <h3>Contents</h3>
+    <button id="toggleControls" class="toggle-btn" aria-label="Toggle filters">Filters</button>
   </div>
-  <ul id="postList" role="list" aria-label="Posts list"></ul>
+
+  <section id="postListSection">
+    <ul id="postList" role="list" aria-label="Content list"></ul>
+  </section>
+
+  <details id="filterPanel" class="filter-panel">
+    <summary>Filters & Search</summary>
+    <div class="filter-controls">
+      <label for="sectionSelect">Section</label>
+      <select id="sectionSelect"></select>
+
+      <label for="tagSelect">Tags</label>
+      <select id="tagSelect" multiple></select>
+
+      <label for="sortSelect">Sort</label>
+      <select id="sortSelect">
+        <option value="newest">Newest</option>
+        <option value="oldest">Oldest</option>
+      </select>
+
+      <label for="searchMode">Search</label>
+      <select id="searchMode">
+        <option value="title">Titles</option>
+        <option value="content">Content</option>
+      </select>
+
+      <input id="searchBox" placeholder="Search...">
+    </div>
+  </details>
 </aside>
 
 <main id="content" class="content">
-  <div id="viewer" class="viewer fade-in"></div>
+  <div id="viewer" class="viewer"></div>
 </main>
 </body>
 </html>
\ No newline at end of file
