init

2026-05-14 13:38:41 +02:00
parent 5d1ced594d
commit be7bd79fc7
16 changed files with 1434 additions and 1 deletions
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{.Title}} · SEND.NRW Chat</title>
+  <script src="https://unpkg.com/htmx.org@1.9.12"></script>
+  <link rel="stylesheet" href="/static/app.css">
+</head>
+<body>
+  <div class="shell">
+    <header class="topbar"><a class="brand" href="/rooms">Go HTMX Chat</a></header>
+    <main class="center-card">
+      <section class="card login-card">
+        <p class="eyebrow">Willkommen</p>
+        <h1>Einloggen</h1>
+        {{if .Error}}<div class="error">{{.Error}}</div>{{end}}
+
+        {{if eq .AuthMode "oidc"}}
+          <p class="muted">Melde dich mit deinem Pocket-ID-Konto an. Die App nutzt OpenID Connect/OAuth2 und speichert nur eine signierte lokale Session.</p>
+          <a class="button-link" href="/auth/login">Mit Pocket ID anmelden</a>
+        {{else}}
+          <p class="muted">Lokaler Entwicklungsmodus: Wähle nur einen Anzeigenamen. Für Pocket ID setze <code>AUTH_MODE=oidc</code>.</p>
+          <form hx-post="/login" hx-target="body" method="post" class="stack">
+            <label>
+              Anzeigename
+              <input name="username" autocomplete="nickname" placeholder="z. B. Jan" autofocus required minlength="2" maxlength="24">
+            </label>
+            <button type="submit">Chat starten</button>
+          </form>
+        {{end}}
+      </section>
+    </main>
+  </div>
+</body>
+</html>