my website
rearrange content, add clock, change placeholder
+16
-6
+1
-1
flake.nix
+1
-1
flake.nix
···
52
52
"U+015A" "U+0179" "U+017B" "U+0105" "U+0107" "U+0119"
53
53
"U+0142" "U+0144" "U+00F3" "U+015B" "U+017A" "U+017C"
54
54
];
55
-
extraArgs = [ "--layout-features+=cv10,cv02,zero" ];
55
+
extraArgs = [ "--layout-features+=cv10,cv02,zero,tnum" ];
56
56
};
57
57
58
58
packages.website-fonts = pkgs.stdenvNoCC.mkDerivation {
+15
-5
src/index.html
+15
-5
src/index.html
···
26
26
}
27
27
#src code {
28
28
white-space: normal;
29
-
overflow-wrap: anywhere;
29
+
word-break: break-all;
30
30
font: inherit;
31
31
}
32
+
#timenow { font-feature-settings: "tnum"; }
32
33
</style>
33
34
</head>
34
35
<body>
···
36
37
<article>
37
38
<img src="platinum_fop_45_o.svg" alt="" width="250" height="250" style="margin-block: 2em; max-width: 100%; height: auto;">
38
39
<p>from PCBs to webdev: jack of Too Many trades, master of none</p>
39
-
<p>(linux stuff, nix, c, python, shell, html+css+js...)</p>
40
+
<p>(linux stuff, nix, c, python, html+css+js, AVRs...)</p>
40
41
<p>+ trains, very amateur photography, and radio</p>
41
-
<p>high ambitions, low energy, hoarder of assorted junk</p>
42
+
<p>high ambitions, low energy, hoarder of junk</p>
42
43
<p>exceptionally uncreative</p>
43
44
<p>gender outage (any pronouns)</p>
44
45
<p>furry, ΘΔ [platinum] fox</p>
45
46
<p>18 years old and counting</p>
46
-
<p>from Upper Silesia, Poland</p>
47
+
<p>from Upper Silesia, Poland<span id="timenow"></span></p>
47
48
<ul class="inline-list">
48
49
<li style="display: block;">known as <b>chfour</b></li>
49
50
<li><a rel="me" href="https://wetdry.world/@chfour">fediverse</a></li>
···
54
55
</ul>
55
56
<p>
56
57
<a id="src" href="https://github.com/chfour/website3" aria-label="website source" title="website source">
57
-
<code>{{placeholder "http.vars.websitePath"}}</code>
58
+
<code>/nix/store/VERY5p3c14lsecretv4luereplaceme0-chfour-website</code>
58
59
</a>
59
60
</p>
60
61
</article>
62
+
<script>
63
+
const timenow = document.getElementById("timenow");
64
+
const formatter = new Intl.DateTimeFormat("pl-PL", {timeZone: "Europe/Warsaw", timeStyle: "short"});
65
+
const update = () => {
66
+
timenow.textContent = ` (${formatter.format(new Date())}\u00a0right\u00a0now)`;
67
+
window.requestAnimationFrame(update);
68
+
}
69
+
update();
70
+
</script>
61
71
</body>
62
72
</html>