rothmanandClaude Opus 5.5
19595aaf39
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>
51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>VoxIP Kiosk — eerste configuratie</title>
|
|
<link rel="stylesheet" href="kiosk.css">
|
|
</head>
|
|
<body>
|
|
<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 scheme = params.get("scheme") === "https" ? "https" : "http";
|
|
const port = params.get("port") || "8080";
|
|
const suffix = (scheme === "http" && port === "80") || (scheme === "https" && port === "443") ? "" : ":" + port;
|
|
const urls = [];
|
|
if (params.get("host")) urls.push(scheme + "://" + params.get("host") + ".local" + suffix);
|
|
(params.get("ips") || "").split(",").filter(Boolean).forEach((ip) => urls.push(scheme + "://" + ip + suffix));
|
|
const list = document.getElementById("urls");
|
|
if (!urls.length) urls.push("Nog geen netwerkverbinding — sluit een netwerkkabel aan");
|
|
urls.forEach((u) => {
|
|
const li = document.createElement("li");
|
|
li.textContent = u;
|
|
list.appendChild(li);
|
|
});
|
|
document.getElementById("code").textContent = params.get("code") || "zie: sudo voxip-kiosk-ctl setup-code";
|
|
</script>
|
|
</body>
|
|
</html>
|