2024-04-02 13:09:16 +09:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Countdown | sup39</title>
|
|
|
|
|
<meta name="description" content="Countdown web page for sup39">
|
|
|
|
|
<meta name="author" content="sup39">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://res.sup39.dev/index.css">
|
2024-04-02 20:06:11 +09:00
|
|
|
<link rel="manifest" href="./manifest.json">
|
2024-04-02 13:09:16 +09:00
|
|
|
<style>
|
2024-04-02 20:06:11 +09:00
|
|
|
main, footer {
|
|
|
|
|
max-width: 480px;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin: auto
|
2024-04-02 13:09:16 +09:00
|
|
|
}
|
|
|
|
|
#title {
|
|
|
|
|
margin-inline-end: 0em;
|
|
|
|
|
}
|
|
|
|
|
#ct-root {
|
|
|
|
|
text-align: end;
|
|
|
|
|
}
|
|
|
|
|
#ct-root span[id] {
|
2024-04-02 20:06:11 +09:00
|
|
|
font-size: min(3em, 10vw);
|
2024-04-02 13:09:16 +09:00
|
|
|
color: #2ee5b8;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script src="./index.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<main>
|
|
|
|
|
<div id="title"></div>
|
|
|
|
|
<div id="ct-root">
|
|
|
|
|
<span id="ct-sign"></span>
|
|
|
|
|
<span id="ct-d">0</span>
|
|
|
|
|
<span>d</span>
|
|
|
|
|
<span id="ct-h">00</span>
|
|
|
|
|
<span>h</span>
|
|
|
|
|
<span id="ct-m">00</span>
|
|
|
|
|
<span>m</span>
|
|
|
|
|
<span id="ct-s">00</span>
|
|
|
|
|
<span>s</span>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<footer>Source code: <a href="https://forgejo.sup39.dev/sup39/countdown">supGit/sup39/countdown</a></footer>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
