Umsetzung der Ausbaustufen 2.1, 3.6, 3.8, 3.9, 4.1, 4.2, 4.4, 4.6, 5.1–5.4 (Details in AUSBAUSTUFEN.md). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
37 lines
1.7 KiB
HTML
37 lines
1.7 KiB
HTML
{{/* Die Anmeldung bekommt einen eigenen, ruhigen Rahmen: keine Navigation, denn
|
|
es gibt noch nichts zu navigieren. */}}
|
|
{{template "html-anfang" .}}
|
|
|
|
<div class="anmeldeseite">
|
|
<div class="schale schmal">
|
|
{{/* Das Logo gibt es in zwei Fassungen: mit dunklem Schriftzug für
|
|
helle Darstellung und mit weißem Schriftzug für dunkle Darstellung.
|
|
<picture> wählt anhand der Systemeinstellung die passende aus. */}}
|
|
<picture class="anmelde-logo">
|
|
<source srcset="/static/img/munin_logo_dark.svg" media="(prefers-color-scheme: dark)">
|
|
<img src="/static/img/munin_logo_transparent.svg" alt="Munin" width="160" height="160">
|
|
</picture>
|
|
<div class="karte">
|
|
<span class="hilfe">Mit dem API-Key des Projekts anmelden. Der Plattform-Admin
|
|
verwendet sein Admin-Token.</span>
|
|
|
|
{{if .Error}}<div class="meldung fehler">{{.Error}}</div>{{end}}
|
|
|
|
<form method="POST" action="/login" class="formular">
|
|
{{/* Ohne Sitzung gibt es kein CSRF-Token, auf das man sich beziehen
|
|
könnte. Geschützt ist dieses Formular über SameSite=Lax und
|
|
das Rate-Limit. */}}
|
|
<div class="feld">
|
|
<label for="key">API-Key</label>
|
|
<input type="password" id="key" name="key" autofocus
|
|
autocomplete="current-password" placeholder="wk_…">
|
|
</div>
|
|
<div class="formular-aktionen">
|
|
<button type="submit">Anmelden</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{template "html-ende" .}}
|