Update index.html

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,6 +31,7 @@
     <a href="/fieldnotes/">Fieldnotes</a>
   </header>
 
+  <div class="page">
     <aside class="sidebar">
       <div class="controls">
         <select id="filter"></select>
@@ -44,8 +45,6 @@
       <nav id="tree"></nav>
     </aside>
 
-  <div class="overlay"></div>
-
     <main class="content">
       <div id="meta" class="meta"></div>
       <div id="mdWarn" class="md-warn" style="display:none;">
@@ -62,7 +61,9 @@
         <button id="next">Next →</button>
       </div>
     </main>
+  </div>
 
+  <div class="overlay"></div>
   <script src="/app.js"></script>
 </body>
 </html>