21 lines
3.6 KiB
HTML
21 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="de"><head>
|
|
<link rel="icon" href="data:,"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Neural Hunt · Customer Service</title><link rel="stylesheet" href="/styles.css"></head>
|
|
<body><main>
|
|
<header><div><div class="eyebrow">NEURAL HUNT</div><h1>Customer Service</h1><p class="muted">PrePaid Worker · Task-Zuordnung · Reward Management</p></div><button id="logout" class="ghost hidden">ABMELDEN</button></header>
|
|
<div id="msg" class="msg hidden"></div>
|
|
<section id="auth" class="grid auth-grid">
|
|
<article id="loginCard"><h2>Anmelden</h2><p id="loginNote" class="hint"></p><label>Benutzername<input id="loginUser" autocomplete="username"></label><label>Passwort<input id="loginPass" type="password" autocomplete="current-password"></label><button id="login">ANMELDEN</button></article>
|
|
<article id="registerCard"><h2>Konto erstellen</h2><p id="registrationNote" class="hint"></p><label>Benutzername<input id="regUser" autocomplete="username"></label><label>Passwort · min. 12 Zeichen<input id="regPass" type="password" autocomplete="new-password"></label><label id="regInviteRow" class="hidden">Invite-Code<input id="regInvite" autocomplete="off" placeholder="nhinvite_…"></label><button id="register">REGISTRIEREN</button></article>
|
|
</section>
|
|
<div id="portal" class="hidden">
|
|
<section class="stats"><article><span>GUTHABEN</span><strong id="balance">—</strong><small>PrePaid Credits</small></article><article><span>KOSTEN</span><strong id="rate">—</strong><small>pro laufendem Worker / Minute</small></article><article><span>WORKER</span><strong id="workerCount">—</strong><small id="runningCount">— aktiv</small></article></section>
|
|
<section class="grid two" id="topGrid">
|
|
<article><h2>Haupt-Identität / Rewards</h2><p class="muted">Gewinne aller verwalteten Worker werden deiner Haupt-Identität zugeordnet. Erzeuge im Neural-Hunt-Spiel als eingeloggte Haupt-Identität einen einmaligen <b>HOSTED CODE</b> und füge ihn hier ein.</p><div class="meta">Aktuell: <code id="rewardId">noch nicht gekoppelt</code></div><label>Einmaliger Hosted-Code<input id="rewardLinkCode" autocomplete="off" placeholder="nhlink_…"></label><div class="buttons"><button id="saveReward">IDENTITÄT KOPPELN</button><button id="clearReward" class="ghost">KOPPLUNG LÖSEN</button></div><p class="hint">Der Code gilt 10 Minuten und nur einmal. Dein privater P-256-Schlüssel bleibt im Browser/CLI. Worker behalten jeweils eine eigene kryptografische Identität und Presence.</p></article>
|
|
<article id="paypalSection"><h2>Credits kaufen</h2><div id="packages" class="packages"></div><p id="paypalNote" class="hint"></p></article>
|
|
</section>
|
|
<section><div class="section-head"><div><h2>Worker</h2><p class="muted">Jeder Worker hat eine eigene persistente Identity und kann unabhängig einem Task zugeordnet werden.</p></div><button id="newWorker">+ WORKER</button></div><div id="newWorkerBox" class="new-worker hidden"><label>Task<select id="newTask"></select></label><label>Beacon-Pfad<select id="newPath"><option value="auto">AUTO</option><option value="pulse">PULSE</option><option value="flux">FLUX</option><option value="orbit">ORBIT</option></select></label><button id="createWorker">ERSTELLEN</button></div><div id="workers" class="worker-grid"></div></section>
|
|
<section><h2>Credit-Verlauf</h2><p class="muted">Häufige Worker-Minuten und positive Tipps werden pro Tag zusammengefasst. Das vollständige Ledger bleibt serverseitig unverändert erhalten.</p><div id="ledger" class="ledger"></div></section>
|
|
</div>
|
|
</main><script src="/app.js" defer></script></body></html>
|