From c6994df10c41d672b24e7b380d56be519ec91a14 Mon Sep 17 00:00:00 2001
From: chfour <chfourchfour@protonmail.com>
Date: Sat, 1 Feb 2025 15:00:39 +0100
Subject: [PATCH] rearrange content, add clock, change placeholder

---
 flake.nix      |  2 +-
 src/index.html | 20 +++++++++++++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/flake.nix b/flake.nix
index a6ed922..0f2d8d9 100644
--- a/flake.nix
+++ b/flake.nix
@@ -52,7 +52,7 @@
               "U+015A" "U+0179" "U+017B" "U+0105" "U+0107" "U+0119"
               "U+0142" "U+0144" "U+00F3" "U+015B" "U+017A" "U+017C"
             ];
-            extraArgs = [ "--layout-features+=cv10,cv02,zero" ];
+            extraArgs = [ "--layout-features+=cv10,cv02,zero,tnum" ];
           };
 
           packages.website-fonts = pkgs.stdenvNoCC.mkDerivation {
diff --git a/src/index.html b/src/index.html
index 1d7581f..42778f7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,9 +26,10 @@
         }
         #src code {
             white-space: normal;
-            overflow-wrap: anywhere;
+            word-break: break-all;
             font: inherit;
         }
+        #timenow { font-feature-settings: "tnum"; }
     </style>
 </head>
 <body>
@@ -36,14 +37,14 @@
     <article>
         <img src="platinum_fop_45_o.svg" alt="" width="250" height="250" style="margin-block: 2em; max-width: 100%; height: auto;">
         <p>from PCBs to webdev: jack of Too Many trades, master of none</p>
-        <p>(linux stuff, nix, c, python, shell, html+css+js...)</p>
+        <p>(linux stuff, nix, c, python, html+css+js, AVRs...)</p>
         <p>+ trains, very amateur photography, and radio</p>
-        <p>high ambitions, low energy, hoarder of assorted junk</p>
+        <p>high ambitions, low energy, hoarder of junk</p>
         <p>exceptionally uncreative</p>
         <p>gender outage (any pronouns)</p>
         <p>furry, &Theta;&Delta; [platinum] fox</p>
         <p>18 years old and counting</p>
-        <p>from Upper Silesia, Poland</p>
+        <p>from Upper Silesia, Poland<span id="timenow"></span></p>
         <ul class="inline-list">
             <li style="display: block;">known as <b>chfour</b></li>
             <li><a rel="me" href="https://wetdry.world/@chfour">fediverse</a></li>
@@ -54,9 +55,18 @@
         </ul>
         <p>
             <a id="src" href="https://github.com/chfour/website3" aria-label="website source" title="website source">
-                <code>{{placeholder "http.vars.websitePath"}}</code>
+                <code>/nix/store/VERY5p3c14lsecretv4luereplaceme0-chfour-website</code>
             </a>
         </p>
     </article>
+    <script>
+        const timenow = document.getElementById("timenow");
+        const formatter = new Intl.DateTimeFormat("pl-PL", {timeZone: "Europe/Warsaw", timeStyle: "short"});
+        const update = () => {
+            timenow.textContent = ` (${formatter.format(new Date())}\u00a0right\u00a0now)`;
+            window.requestAnimationFrame(update);
+        }
+        update();
+    </script>
 </body>
 </html>
-- 
2.51.2