mirror of
https://github.com/sigmasternchen/glitch-countdown
synced 2025-03-15 18:38:54 +00:00
49 lines
No EOL
1.2 KiB
HTML
49 lines
No EOL
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Glitch Countdown</title>
|
|
<script src="main.js"></script>
|
|
<link rel="stylesheet" href="main.css">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h2 data-text="glitch">glitch</h2><h1>Countdown</h1>
|
|
</header>
|
|
<nav></nav>
|
|
<section>
|
|
<div id="countdown">
|
|
<div id="days" class="part">
|
|
<span class="up">⟪</span>
|
|
<input type="text" value="000">
|
|
<span class="down">⟫</span>
|
|
</div>
|
|
<span class="separator">:</span>
|
|
<div id="hours" class="part">
|
|
<span class="up">⟪</span>
|
|
<input type="text" value="00">
|
|
<span class="down">⟫</span>
|
|
</div>
|
|
<span class="separator">:</span>
|
|
<div id="minutes" class="part">
|
|
<span class="up">⟪</span>
|
|
<input type="text" value="00">
|
|
<span class="down">⟫</span>
|
|
</div>
|
|
<span class="separator">:</span>
|
|
<div id="seconds" class="part">
|
|
<span class="up">⟪</span>
|
|
<input type="text" value="00">
|
|
<span class="down">⟫</span>
|
|
</div>
|
|
<button id="start">
|
|
<span>start</span>
|
|
<span aria-hidden="true" class="layer">start</span>
|
|
<span aria-hidden="true" class="layer">start</span>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
|
|
</html> |