Kiosk start, offline and setup pages in the InfoFlow display style

Dark grey background, name top left, date and clock top right, a flat
panel with a blue top edge. The pages show the kiosk link (token masked)
and the management address; the clock code is shared in kiosk.js.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

www/setup.html

@@ -6,17 +6,31 @@
   <link rel="stylesheet" href="kiosk.css">
 </head>
 <body>
-  <main class="stage">
-    <img class="logo" src="logo.svg" alt="">
-    <h1>Welkom bij VoxIP Kiosk OS</h1>
-    <p>Open de beheerinterface op een computer, tablet of telefoon in hetzelfde netwerk:</p>
-    <ul class="urls" id="urls"></ul>
-    <p>en voer deze setupcode in om een beheerderswachtwoord in te stellen:</p>
-    <div class="code" id="code">—</div>
-    <p class="hint">De code is eenmalig en verdwijnt zodra het wachtwoord is ingesteld.</p>
-  </main>
+  <div class="screen">
+    <header class="top">
+      <div class="name" id="name"></div>
+      <div class="when">
+        <div class="date" id="date"></div>
+        <div class="clock" id="clock">--:--</div>
+      </div>
+    </header>
+    <main class="middle">
+      <section class="panel">
+        <h1>Eerste configuratie</h1>
+        <p>Open de beheerinterface op een computer, tablet of telefoon in hetzelfde netwerk:</p>
+        <ul class="urls" id="urls"></ul>
+        <p>en voer deze setupcode in om een beheerderswachtwoord in te stellen:</p>
+        <div class="code" id="code">—</div>
+        <p class="hint">De code is eenmalig en verdwijnt zodra het wachtwoord is ingesteld.</p>
+      </section>
+    </main>
+    <footer class="bottom">
+      <span></span>
+      <span>VoxIP Kiosk</span>
+    </footer>
+  </div>
+  <script src="kiosk.js"></script>
   <script>
-    const params = new URLSearchParams(location.search);
     const scheme = params.get("scheme") === "https" ? "https" : "http";
     const port = params.get("port") || "8080";
     const suffix = (scheme === "http" && port === "80") || (scheme === "https" && port === "443") ? "" : ":" + port;