jbergner
be7bd79fc7
All checks were successful
release-tag / release-image (push) Successful in 1m55s
37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<!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>
|