web/webtools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added clocks tool

Browse source
This commit is contained in:
Leon Mika 2025-09-26 08:13:29 +10:00
parent 8dc2621f87
commit 7073a2d3f2
23 changed files with 1061 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

54
site/clocks/index.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clocks - Tools</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
>
<link rel="stylesheet" href="style.css">
</head>
<body class="container">
<header>
<hgroup>
<h1>Clocks</h1>
<p>Various time zones</p>
</hgroup>
</header>
<div class="grid">
<div class="clock" id="utc">
<div class="location"></div>
<div class="time"></div>
<div class="date"></div>
</div>
<div class="clock" id="mel">
<div class="location"></div>
<div class="time"></div>
<div class="date"></div>
</div>
<div class="clock" id="sg">
<div class="location"></div>
<div class="time"></div>
<div class="date"></div>
</div>
</div>
<div class="grid">
<div class="clock" id="nyc">
<div class="location"></div>
<div class="time"></div>
<div class="date"></div>
</div>
<div class="clock" id="la">
<div class="location"></div>
<div class="time"></div>
<div class="date"></div>
</div>
<div></div>
</div>
<script src="main.js" type="module"></script>
</body>
</html>

8
site/clocks/main.js Normal file
View file

@ -0,0 +1,8 @@
import "/wasm/wasm_exec.js";
const go = new Go();
WebAssembly.instantiateStreaming(fetch("/wasm/clocks.wasm"), go.importObject)
.then((result) => {
go.run(result.instance);
});

13
site/clocks/style.css Normal file
View file

@ -0,0 +1,13 @@
div.clock {
text-align: center;
margin-block-end: 1.8rem;
}
div.clock div.location {
color: rgb(175, 41, 29);
}
div.clock div.time {
font-size: 200%;
font-family: var(--pico-font-family-monospace);
}