aodhan/swiper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved UI

Browse Source
This commit is contained in:
Aodhan
2025-07-20 01:56:24 +01:00
parent 7bebc95c09
commit dc7db1a44a
5 changed files with 96 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@@ -36,9 +36,18 @@
<div id="keyword-pills-container" class="keyword-pills-container"></div>
</div>
<div class="filter-controls card">
<div class="filter-buttons orientation-filters">
<div class="sort-controls card">
<label for="sort-order">Sort Order:</label>
<select id="sort-order">
<option value="random">Random (default)</option>
<option value="oldest">Oldest to Newest</option>
<option value="newest">Newest to Oldest</option>
</select>
</div>
<div class="filter-controls card">
<div class="filter-buttons orientation-filters">
<button class="filter-btn active" data-orientation="all"><img src="static/icons/all.svg" alt="All" class="orientation"></button>
<button class="filter-btn" data-orientation="portrait"><img src="static/icons/portrait.svg" alt="Portrait" class="orientation"></button>
<button class="filter-btn" data-orientation="landscape"><img src="static/icons/landscape.svg" alt="Landscape" class="orientation"></button>
@@ -68,11 +77,11 @@
<button id="btn-down" class="action-btn" aria-label="Review">
<img src="static/icons/review.svg" alt="Review" class="action">
</button>
</div>
<!-- History button -->
<a href="/history.html" id="btn-history" class="action-btn" aria-label="History">
<img src="static/icons/history.svg" alt="History" class="action">
</a>
</div>
<div class="status-area" aria-live="polite">
<p id="image-resolution">Resolution: Loading...</p>