39 lines
1.6 KiB
HTML
Executable File
39 lines
1.6 KiB
HTML
Executable File
<html lang="en-US">
|
|
<head>
|
|
<title>SSO Timer</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="author" content="Thayol" />
|
|
<meta name="description" content="A Championship timer for Star Stable Online" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="src/favicon-32x32.png" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<div class="background-image"></div>
|
|
|
|
<div class="timer-panel-container">
|
|
<div class="timer-panel">
|
|
<div class="timer-container">
|
|
<h3 class="location-container"><span class="no-mobile">The </span><span id="location">...</span><span class="no-mobile"> Championship</span></h3>
|
|
<p class="championship">at <span id="time">00:00</span></p>
|
|
<p class="remaining">Remaining: <span id="timer">00:00:00</span></p>
|
|
</div>
|
|
|
|
<details class="more">
|
|
<summary>More</summary>
|
|
<div class="more-content">
|
|
<p class="paranoia-disclaimer">Make my timers shorter by <input id="paranoia" type="number" step="1" value="2"></input> minute<span id="minutes_plural">s</span>.</p>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="days" id="championships_table"></div>
|
|
|
|
<script type="module" src="js/sso-timer.js"></script>
|
|
</body>
|
|
</html>
|