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 09:59:10 -06:00 • committed by GitHub
parent 454d751ebe
commit 409296ab1c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 30 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

69
public/index.html
View file

@ -1,62 +1,53 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="UTF-8" />
<title>FoldWithin Earth</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>FoldWithin</title>
<!-- CSP: allow self + jsdelivr for marked & dompurify. add SRI later if desired -->
<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';" />
<!-- markdown + sanitize (CDN). works offline if cached by the browser --> <link rel="stylesheet" href="styles.css" />
<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>
<link rel="stylesheet" href="/styles.css" />
<script defer src="/app.js"></script>
</head> </head>
<body> <body>
<button id="navToggle" class="nav-toggle" aria-label="Toggle navigation">☰</button>
<div id="app"> <div id="app">
<aside class="sidebar"> <aside class="sidebar">
<header class="sidehead"> <h1>FoldWithin</h1>
<h1>FoldWithin</h1> <div class="controls">
<div class="controls"> <label>Sort:
<label> <select id="sortSel">
Sort: <option value="new">Date (new → old)</option>
<select id="sort"> <option value="old">Date (old → new)</option>
<option value="date">Date (new → old)</option> <option value="alpha">Title (A → Z)</option>
<option value="alpha">A → Z</option> </select>
</select> </label>
</label> <label>Filter:
<label> <select id="filterSel">
Filter: <option value="all">All</option>
<select id="filter"> <option value="pinned">Pinned</option>
<option value="all">All</option> <option value="posts">Posts</option>
<option value="pinned">Pinned</option> </select>
<option value="posts">Posts</option> </label>
</select> </div>
</label> <nav id="tree" role="tree"></nav>
</div>
</header>
<nav id="tree" role="tree" aria-label="Site navigation"></nav>
</aside> </aside>
<main class="content"> <main class="content">
<div class="viewer"> <div class="viewer">
<iframe id="htmlFrame" <div id="meta"></div>
sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads" <iframe id="htmlView" sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads"></iframe>
hidden <div id="mdView" class="md"></div>
loading="lazy"></iframe>
<article id="mdContainer" class="md" hidden></article>
</div> </div>
<footer class="foot">
<span id="meta"></span>
</footer>
</main> </main>
</div> </div>
</body> </body>