68 lines
2.2 KiB
HTML
68 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Imgsort 2</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<!-- <style> -->
|
||
|
|
<!-- body { -->
|
||
|
|
<!-- font-family: Arial, sans-serif; -->
|
||
|
|
<!-- text-align: center; -->
|
||
|
|
<!-- margin: 50px; -->
|
||
|
|
<!-- } -->
|
||
|
|
<!-- img { -->
|
||
|
|
<!-- max-width: 90%; -->
|
||
|
|
<!-- height: auto; -->
|
||
|
|
<!-- margin-bottom: 20px; -->
|
||
|
|
<!-- } -->
|
||
|
|
<!-- .button-group { -->
|
||
|
|
<!-- margin-top: 20px; -->
|
||
|
|
<!-- } -->
|
||
|
|
<!-- button { -->
|
||
|
|
<!-- padding: 10px 20px; -->
|
||
|
|
<!-- margin: 5px; -->
|
||
|
|
<!-- font-size: 16px; -->
|
||
|
|
<!-- } -->
|
||
|
|
<!-- .progress { -->
|
||
|
|
<!-- /* float: left; */ -->
|
||
|
|
<!-- } -->
|
||
|
|
<!-- </style> -->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script src="/src/index.js" async></script>
|
||
|
|
|
||
|
|
<div id="preload-file" style="display: none; visibility: hidden"></div>
|
||
|
|
<main>
|
||
|
|
|
||
|
|
<div class="main-box">
|
||
|
|
<div class="current-file" id="current-file">
|
||
|
|
<div class="imgsort2">Imgsort <i>2</i></div>
|
||
|
|
<br>
|
||
|
|
<button onclick="window.location.href='config.html';" id="configure-button">Configure</button>
|
||
|
|
<button onclick="setCurrentFile()" id="start">Start</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="second-box">
|
||
|
|
<div id="buttons">
|
||
|
|
<button onclick="undo()" id="undo-button">Undo</button>
|
||
|
|
<button onclick="skip()" id="skip-button">Skip</button>
|
||
|
|
<span class="move-buttons" id="move-buttons"></span>
|
||
|
|
<button onclick="window.location.href='config.html';" id="configure-button">Configure</button>
|
||
|
|
</div>
|
||
|
|
<div class="file-list">
|
||
|
|
Files:
|
||
|
|
<div class="file-list-content" id="file-list"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
<!-- <div class="keydebug">Key: <span id="keydebug"></span></div> -->
|
||
|
|
<div class="statusline">Status: <span id="status"></span></div>
|
||
|
|
<!-- Imgsort 2 by Matthias Quintern -->
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|