From 97e054517fbcae67ad91c49ac2c21f431af93ba8 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 12:27:10 -0600
Subject: [PATCH] Update index.html

---
 public/index.html | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)
diff --git a/public/index.html b/public/index.html
index 6039021..c217df2 100755
--- a/public/index.html
+++ b/public/index.html
@@ -4,12 +4,26 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>The Fold Within</title>
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline'; img-src 'self' data:; frame-src 'self';">
+
+  <meta http-equiv="Content-Security-Policy"
+        content="default-src 'self';
+                 script-src 'self' https://cdn.jsdelivr.net;
+                 style-src 'self' 'unsafe-inline';
+                 img-src 'self' data:;
+                 frame-src 'self';">
+
   <link rel="stylesheet" href="/styles.css">
-  <script src="https://cdn.jsdelivr.net/npm/marked@14.1.2/marked.min.js" integrity="sha384-Wk42AqblpWXvZ6w8XhUbJR7F85ZZAi9kZi5Lvsh5rFaDRkIl/u7jgvO6puJNLm7k" crossorigin="anonymous" defer></script>
-  <script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js" integrity="sha384-8Whr94hA9beo1m6H5J7VGAa9M+ZMDqUoNUdD7/0+Wy3Fkg6jL1xcLyj5tQALcSD" crossorigin="anonymous" defer></script>
+
+  <!-- Libraries -->
+  <script src="https://cdn.jsdelivr.net/npm/marked@14.1.2/marked.min.js"
+          integrity="sha384-Wk42AqblpWXvZ6w8XhUbJR7F85ZZAi9kZi5Lvsh5rFaDRkIl/u7jgvO6puJNLm7k"
+          crossorigin="anonymous" defer></script>
+  <script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js"
+          integrity="sha384-8Whr94hA9beo1m6H5J7VGAa9M+ZMDqUoNUdD7/0+Wy3Fkg6jL1xcLyj5tQALcSD"
+          crossorigin="anonymous" defer></script>
   <script src="/app.js" defer></script>
 </head>
+
 <body>
   <header class="topbar">
     <button id="navToggle">☰</button>
@@ -18,6 +32,7 @@
     <a href="/essays/">Essays</a>
     <a href="/fieldnotes/">Fieldnotes</a>
   </header>
+
   <aside class="sidebar">
     <div class="controls">
       <select id="filter"></select>
@@ -30,12 +45,17 @@
     <input id="search" type="text" placeholder="Search titles...">
     <nav id="tree"></nav>
   </aside>
+
   <div class="overlay"></div>
+
   <main class="content">
     <div id="meta" class="meta"></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 style="display: flex; justify-content: space-between; padding: 8px 0;">
+    <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>
