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

Basically wrote the whole thing.

Browse Source
This commit is contained in:
Aodhan
2025-06-25 04:21:13 +01:00
parent 1ff4a6f6d7
commit c5391a957d
216 changed files with 168676 additions and 1303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
index.html
View File

@@ -12,8 +12,7 @@
<div class="container">
<header class="header">
<h1 class="app-title"><img src="static/logo.png" alt="Swaipu logo" class="logo logo-wide"></h1>
<a href="/history.html" class="history-link">View History</a>
</header>
</header>
<main class="main-section">
<div class="swipe-container">
@@ -31,32 +30,49 @@
</div>
<aside class="side-panel">
<div class="filter-controls">
<div class="search-controls card">
<input type="text" id="search-input" placeholder="Add keywords..." class="search-input">
<button id="search-button" class="action-btn search-btn" title="Add keyword"><img src="static/icons/add.svg" alt="Add" class="btn-icon"></button>
<div id="keyword-pills-container" class="keyword-pills-container"></div>
</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-icon.png" alt="All" class="orientation-icon"></button>
<button class="filter-btn" data-orientation="portrait"><img src="static/icons/portrait-icon.png" alt="Portrait" class="orientation-icon"></button>
<button class="filter-btn" data-orientation="landscape"><img src="static/icons/landscape-icon.svg" alt="Landscape" class="orientation-icon"></button>
<button class="filter-btn" data-orientation="square"><img src="static/icons/square-icon.png" alt="Square" class="orientation-icon"></button>
<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>
<button class="filter-btn" data-orientation="square"><img src="static/icons/square.svg" alt="Square" class="orientation"></button>
<button class="filter-btn" id="toggle-nsfw" data-allow="0" title="Toggle NSFW"><img src="static/icons/18.svg" alt="NSFW" class="nsfw-icon"></button>
</div>
<div class="filter-buttons action-filters">
<button class="filter-btn active" data-action="Unactioned"><img src="static/icons/unactioned.svg" alt="Unactioned" class="action-filter"></button>
<button class="filter-btn" data-action="Kept"><img src="static/icons/keep.svg" alt="Kept" class="action-filter"></button>
<button class="filter-btn" data-action="Discarded"><img src="static/icons/discard.svg" alt="Discarded" class="action-filter"></button>
<button class="filter-btn" data-action="Favourited"><img src="static/icons/fav.svg" alt="Favourited" class="action-filter"></button>
<button class="filter-btn" data-action="Reviewing"><img src="static/icons/review.svg" alt="Reviewing" class="action-filter"></button>
</div>
</div>
<div class="action-buttons">
<button id="btn-left" class="action-btn" aria-label="Discard">
<img src="static/icons/discard-icon.svg" alt="Discard" class="action-icon">
<img src="static/icons/discard.svg" alt="Discard" class="action">
</button>
<button id="btn-right" class="action-btn" aria-label="Keep">
<img src="static/icons/keep-icon.svg" alt="Keep" class="action-icon">
<img src="static/icons/keep.svg" alt="Keep" class="action">
</button>
<button id="btn-up" class="action-btn" aria-label="Favorite">
<img src="static/icons/fav-icon.svg" alt="Favorite" class="action-icon">
<img src="static/icons/fav.svg" alt="Favorite" class="action">
</button>
<button id="btn-down" class="action-btn" aria-label="Review">
<img src="static/icons/review-icon.svg" alt="Review" class="action-icon">
<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 class="status-area" aria-live="polite">
<p id="image-resolution">Resolution: Loading...</p>
@@ -86,11 +102,18 @@
<p id="modal-resolution">Resolution: </p>
<p id="modal-filename">Filename: </p>
<p id="modal-creation-date">Creation Date: </p>
<p id="modal-prompt-data">Prompt: </p>
</div>
</div>
</div>
<div id="toast" class="toast" role="status" aria-live="polite"></div>
<!-- Ultra-wide mode toggle button -->
<button id="fullscreen-toggle" class="fullscreen-toggle" aria-label="Toggle fullscreen Mode">
<img src="static/icons/fullscreen.svg" class="btn-icon" alt="Fullscreen">
</button>
<script src="js/main.js" type="module"></script>
</body>
</html>