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 16:08:19 -06:00 • committed by GitHub
parent a0b41ae265
commit 5acc4c4ba1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
public/index.html
View file

@ -15,24 +15,33 @@
<header class="topbar"> <header class="topbar">
<button id="menuBtn" aria-label="Toggle menu">☰</button> <button id="menuBtn" aria-label="Toggle menu">☰</button>
<nav id="primaryNav" class="primary-nav"> <nav id="primaryNav" class="primary-nav">
<!-- Dynamically populated in app.js --> <!-- Dynamically populated -->
</nav> </nav>
</header> </header>
<aside id="sidebar"> <aside id="sidebar">
<div class="sidebar-controls"> <div class="sidebar-controls">
<label for="sectionSelect">Section:</label>
<select id="sectionSelect"></select> <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>
<select id="sortSelect"> <select id="sortSelect">
<option value="newest">Newest</option> <option value="newest">Newest</option>
<option value="oldest">Oldest</option> <option value="oldest">Oldest</option>
</select> </select>
<input id="searchBox" placeholder="Search titles..."> <label for="searchMode">Search Mode:</label>
<select id="searchMode">
<option value="title">Titles</option>
<option value="content">Content</option>
</select>
<input id="searchBox" placeholder="Search...">
</div> </div>
<ul id="postList" role="list" aria-label="Posts list"></ul> <ul id="postList" role="list" aria-label="Posts list"></ul>
</aside> </aside>
<main id="content" class="content"> <main id="content" class="content">
<div id="viewer" class="viewer"></div> <div id="viewer" class="viewer fade-in"></div>
</main> </main>
</body> </body>
</html> </html>