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 18:22:23 -06:00 • committed by GitHub
parent e18c848268
commit 236a67c00f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 35 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

37
public/index.html
View file

@ -13,35 +13,48 @@
</head>
<body>
<header class="topbar">
<button id="menuBtn" aria-label="Toggle menu">☰</button>
<nav id="primaryNav" class="primary-nav">
<!-- Dynamically populated -->
</nav>
<button id="menuBtn" aria-label="Toggle menu">Menu</button>
<nav id="primaryNav" class="primary-nav"></nav>
</header>
<aside id="sidebar">
<div class="sidebar-controls">
<label for="sectionSelect">Section:</label>
<div class="sidebar-header">
<h3>Contents</h3>
<button id="toggleControls" class="toggle-btn" aria-label="Toggle filters">Filters</button>
</div>
<section id="postListSection">
<ul id="postList" role="list" aria-label="Content list"></ul>
</section>
<details id="filterPanel" class="filter-panel">
<summary>Filters & Search</summary>
<div class="filter-controls">
<label for="sectionSelect">Section</label>
<select id="sectionSelect"></select>
<label for="tagSelect">Tags (multi-select):</label>
<select id="tagSelect" multiple aria-label="Filter by tags"></select>
<label for="sortSelect">Sort:</label>
<label for="tagSelect">Tags</label>
<select id="tagSelect" multiple></select>
<label for="sortSelect">Sort</label>
<select id="sortSelect">
<option value="newest">Newest</option>
<option value="oldest">Oldest</option>
</select>
<label for="searchMode">Search Mode:</label>
<label for="searchMode">Search</label>
<select id="searchMode">
<option value="title">Titles</option>
<option value="content">Content</option>
</select>
<input id="searchBox" placeholder="Search...">
</div>
<ul id="postList" role="list" aria-label="Posts list"></ul>
</details>
</aside>
<main id="content" class="content">
<div id="viewer" class="viewer fade-in"></div>
<div id="viewer" class="viewer"></div>
</main>
</body>
</html>