burrson/diashow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial diashow webapp

Browse Source
This commit is contained in:
Johannes
2026-03-13 21:20:29 +01:00
commit 704a9194ed
7 changed files with 740 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
static/index.html Normal file
View File

@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>diashow</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="loading_bar"></div>
<div id="toast"></div>
<!-- SEARCH SCREEN -->
<div id="search_screen">
<div class="logo">dia<span>show</span></div>
<div class="search_row">
<input
id="search_input"
type="search"
placeholder="search images..."
autocomplete="off"
autocorrect="off"
spellcheck="false"
enterkeyhint="search"
/>
<button id="search_btn">go</button>
</div>
<div class="recents" id="recents_section" style="display:none">
<div class="recents_label">recent</div>
<div class="recents_list" id="recents_list"></div>
</div>
</div>
<!-- GALLERY SCREEN -->
<div id="gallery_screen">
<div id="img_track"></div>
<div id="gallery_overlay">
<div id="gallery_top">
<button id="back_btn">&#8592;</button>
<span id="img_counter"></span>
</div>
<button id="arrow_left">&#8249;</button>
<button id="arrow_right">&#8250;</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>