57 lines
1.5 KiB
HTML
57 lines
1.5 KiB
HTML
<!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">←</button>
|
|
<span id="img_counter"></span>
|
|
</div>
|
|
<button id="arrow_left">‹</button>
|
|
<button id="arrow_right">›</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|