Initial commit: Potatium

web/wallet/index.html

@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="robots" content="noindex,nofollow">
+  <title>Potatium Wallet | Vorschau</title>
+  <link rel="stylesheet" href="/styles.css">
+  <script src="/app.js" defer></script>
+</head>
+<body>
+  <main class="shell">
+    <header class="top"><div class="brand"><span class="coin">P</span><div><h1>Potatium</h1><p>PTM Wallet · Entwickler-Vorschau</p></div></div><span class="pill" id="phase">Nicht verbunden</span></header>
+    <section class="warning" role="status"><strong>Design-Prototyp, keine echte Wallet.</strong> Blockchain, Schlüsselverwaltung, Mining und Überweisungen sind noch nicht implementiert. Bitte keine echten Werte verwenden.</section>
+    <section class="grid">
+      <article class="panel hero"><span class="eyebrow">Guthaben</span><div class="balance">— <small>PTM</small></div><p>Keine Wallet verbunden</p><div class="actions"><button disabled>PTM senden</button><button disabled>PTM empfangen</button></div></article>
+      <article class="panel"><h2>Meine Wallet</h2><p class="muted">Wallet erstellen oder importieren</p><button disabled>Neue Wallet erstellen</button><button disabled class="secondary">Wallet importieren</button><p class="hint">Verschlüsselung und Transaktionssignatur werden erst nach Protokollentscheidungen umgesetzt.</p></article>
+      <article class="panel"><h2>Letzte Transaktionen</h2><div class="empty">Noch keine Transaktionen vorhanden.</div><p class="hint">Nach der Anbindung werden Bestätigung und Blockhöhe angezeigt.</p></article>
+      <article class="panel"><h2>Netzwerkstatus</h2><dl><dt>Blockchain</dt><dd id="chain">Nicht implementiert</dd><dt>Wallet-Funktion</dt><dd id="wallet">Nicht implementiert</dd><dt>Mining</dt><dd id="mining">Nicht implementiert</dd></dl></article>
+    </section>
+    <footer>Proof of Potato 🥔 · Design-Vorschau · Open-Source-Hobbyprojekt</footer>
+  </main>
+</body>
+</html>