mrhavens/thefoldwithin-earth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update index.html

Browse source
This commit is contained in:
Mark Randall Havens △ The Empathic Technologist ⟁ Doctor Who 42 2025-11-08 10:36:21 -06:00 • committed by GitHub
parent 8c28b66feb
commit 8026e26cee
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

23
public/index.html
View file

@ -1,18 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<title>FoldWithin</title> <title>FoldWithin</title>
<!-- Tight baseline CSP (CDNs whitelisted via jsDelivr).
NOTE: Add SRI attributes later to lock these further. -->
<meta http-equiv="Content-Security-Policy" <meta http-equiv="Content-Security-Policy"
content="default-src 'self'; content="default-src 'self';
script-src 'self' https://cdn.jsdelivr.net; script-src 'self' https://cdn.jsdelivr.net;
style-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline';
img-src 'self' data:; img-src 'self' data:;
frame-src 'self';" /> frame-src 'self';
connect-src 'self'">
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<!-- TODO: add SRI hashes once pinned -->
<script src="https://cdn.jsdelivr.net/npm/marked@14.1.2/marked.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/marked@14.1.2/marked.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js" defer></script>
<script src="app.js" defer></script> <script src="app.js" defer></script>
@ -20,9 +25,12 @@
<body> <body>
<button id="navToggle" class="nav-toggle" aria-label="Toggle navigation">☰</button> <button id="navToggle" class="nav-toggle" aria-label="Toggle navigation">☰</button>
<div class="overlay" id="backdrop"></div>
<div id="app"> <div id="app">
<aside class="sidebar"> <aside class="sidebar" id="sidebar">
<h1>FoldWithin</h1> <h1>FoldWithin</h1>
<div class="controls"> <div class="controls">
<label>Sort: <label>Sort:
<select id="sortSel"> <select id="sortSel">
@ -31,6 +39,7 @@
<option value="alpha">Title (A → Z)</option> <option value="alpha">Title (A → Z)</option>
</select> </select>
</label> </label>
<label>Filter: <label>Filter:
<select id="filterSel"> <select id="filterSel">
<option value="all">All</option> <option value="all">All</option>
@ -38,8 +47,11 @@
<option value="posts">Posts</option> <option value="posts">Posts</option>
</select> </select>
</label> </label>
<input id="searchBox" class="search" type="search" placeholder="Search…" />
</div> </div>
<nav id="tree" role="tree"></nav>
<nav id="tree" role="tree" aria-label="Document tree"></nav>
</aside> </aside>
<main class="content"> <main class="content">
@ -47,6 +59,7 @@
<div id="meta"></div> <div id="meta"></div>
<iframe id="htmlView" sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads"></iframe> <iframe id="htmlView" sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads"></iframe>
<div id="mdView" class="md"></div> <div id="mdView" class="md"></div>
<div id="errorBox" class="error" hidden></div>
</div> </div>
</main> </main>
</div> </div>