my website
birth da y + update clock every 5s
+9
-8
+7
-7
src/index.html
+7
-7
src/index.html
···
33
33
</style>
34
34
</head>
35
35
<body>
36
-
<!--<header><h1>chfour</h1></header>-->
37
36
<article>
38
37
<img src="platinum_fop_45_o.svg" alt="" width="250" height="250" style="margin-block: 2em; max-width: 100%; height: auto;">
39
38
<p>from PCBs to webdev: jack of Too Many trades, master of none</p>
···
43
42
<p>exceptionally uncreative</p>
44
43
<p>gender outage (any pronouns)</p>
45
44
<p>furry, ΘΔ [platinum] fox</p>
46
-
<p>18 years old and counting</p>
47
-
<p>from Upper Silesia, Poland<span id="timenow"></span></p>
45
+
<p>19 years old and counting</p>
46
+
<p>from Silesia, Poland<span id="timenow"></span></p>
48
47
<ul class="inline-list">
49
48
<li style="display: block;">known as <b>chfour</b></li>
50
49
<li><a rel="me" href="https://wetdry.world/@chfour">fediverse</a></li>
···
53
52
<li><a href="discord.html">discord</a></li>
54
53
<li><a href="https://files.eeep.ee/">file dump</a></li>
55
54
</ul>
56
-
<p>
55
+
<footer>
57
56
<a id="src" href="https://github.com/chfour/website3" aria-label="website source" title="website source">
58
57
<code>/nix/store/VERY5p3c14lsecretv4luereplaceme0-chfour-website</code>
59
58
</a>
60
-
</p>
59
+
</footer>
61
60
</article>
62
61
<script>
63
62
const timenow = document.getElementById("timenow");
64
63
const formatter = new Intl.DateTimeFormat("pl-PL", {timeZone: "Europe/Warsaw", timeStyle: "short"});
64
+
// won't be *totally perfectly exact*
65
+
// but with window.requestAnimationFrame() it made my cpu usage go up by some 10% no joke
65
66
const update = () => {
66
67
timenow.textContent = ` (${formatter.format(new Date())}\u00a0right\u00a0now)`;
67
-
window.requestAnimationFrame(update);
68
68
}
69
-
update();
69
+
update(); setInterval(update, 5000);
70
70
</script>
71
71
</body>
72
72
</html>
+2
-1
src/style.css
+2
-1
src/style.css
···
16
16
font-feature-settings: "cv10", "cv02", "zero";
17
17
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0394, U+0398, U+0104, U+0106, U+0118, U+0141, U+0143, U+00D3, U+015A, U+0179, U+017B, U+0105, U+0107, U+0119, U+0142, U+0144, U+00F3, U+015B, U+017A, U+017C;
18
18
}
19
-
/* todo: non-fast variants lol */
19
+
/* todo: non-fast variants and generating this from the nix stuff too maybe lol */
20
20
21
21
body {
22
22
background-color: #f2f2f2;
···
52
52
display: inline;
53
53
white-space: nowrap;
54
54
}
55
+