From a5a18885d43233ddb369bb9c2a761f9330764c21 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 13:35:25 -0600
Subject: [PATCH] Update index.html

---
 public/index.html | 69 ++++++++++++++++++++++++-----------------------
 1 file changed, 35 insertions(+), 34 deletions(-)

diff --git a/public/index.html b/public/index.html
index 409cc93..c715c81 100755
--- a/public/index.html
+++ b/public/index.html
@@ -5,19 +5,19 @@
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>The Fold Within</title>
 
-  <!-- Strict CSP, self-contained -->
+  <!-- Security and preload -->
   <meta http-equiv="Content-Security-Policy"
         content="default-src 'self';
                  script-src 'self';
                  style-src 'self' 'unsafe-inline';
                  img-src 'self' data:;
-                 frame-src 'self';
-                 connect-src 'self';">
+                 connect-src 'self';
+                 frame-src 'self';">
 
   <link rel="preload" href="/styles.css" as="style">
   <link rel="stylesheet" href="/styles.css">
 
-  <!-- Local vendored libraries -->
+  <!-- Local libraries -->
   <script src="/lib/marked.min.js"></script>
   <script src="/lib/purify.min.js"></script>
 </head>
@@ -31,38 +31,39 @@
     <a href="/fieldnotes/">Fieldnotes</a>
   </header>
 
-  <aside class="sidebar">
-    <div class="controls">
-      <select id="filter"></select>
-      <select id="sort">
-        <option value="new">Newest</option>
-        <option value="old">Oldest</option>
-        <option value="name">Name</option>
-      </select>
-    </div>
-    <input id="search" type="text" placeholder="Search titles...">
-    <nav id="tree"></nav>
-  </aside>
+  <div class="page">
+    <aside class="sidebar">
+      <div class="controls">
+        <select id="filter"></select>
+        <select id="sort">
+          <option value="new">Newest</option>
+          <option value="old">Oldest</option>
+          <option value="name">Name</option>
+        </select>
+      </div>
+      <input id="search" type="text" placeholder="Search titles...">
+      <nav id="tree"></nav>
+    </aside>
+
+    <main class="content">
+      <div id="meta" class="meta"></div>
+      <div id="mdWarn" class="md-warn" style="display:none;">
+        Markdown fallback active — libraries not loaded.
+      </div>
+
+      <div id="mdView" class="viewer" style="display:none;"></div>
+      <iframe id="htmlView"
+              sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads"
+              style="display:none;"></iframe>
+
+      <div class="pager">
+        <button id="prev">← Prev</button>
+        <button id="next">Next →</button>
+      </div>
+    </main>
+  </div>
 
   <div class="overlay"></div>
-
-  <main class="content">
-    <div id="meta" class="meta"></div>
-    <div id="mdWarn" class="md-warn" style="display:none;">
-      Markdown fallback active — libraries not loaded.
-    </div>
-
-    <div id="mdView" class="viewer" style="display:none;"></div>
-    <iframe id="htmlView"
-            sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads"
-            style="display:none;"></iframe>
-
-    <div class="pager">
-      <button id="prev">← Prev</button>
-      <button id="next">Next →</button>
-    </div>
-  </main>
-
   <script src="/app.js"></script>
 </body>
 </html>
\ No newline at end of file