countdown/index.html

48 lines
1.2 KiB
HTML
Raw Permalink Normal View History

<!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">
<style>
2024-04-02 20:06:11 +09:00
main, footer {
max-width: 480px;
margin-left: 0;
margin: auto
}
#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);
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>