EiSiMo
e8aa0e6e24
brand-dot is back to the blue→yellow gradient rounded square, and the didi image sits centered inside it (span wrapper, flex-centered, 88% inner size). The dog's transparent background lets the gradient peek through around him. Footer: "Programmiert für Annika ♥" → "Mit ♥ programmiert für Annika". Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
30 lines
1.3 KiB
HTML
30 lines
1.3 KiB
HTML
{% extends "base.html" %}
|
|
{% block body %}
|
|
<main class="flex min-h-screen items-center justify-center p-4">
|
|
<div class="card w-full max-w-sm p-8">
|
|
<div class="flex items-center gap-3 mb-6">
|
|
<span class="brand-dot"><img src="/static/didi.webp" alt=""></span>
|
|
<div>
|
|
<h1 class="text-2xl font-semibold leading-tight">wohnungsdidi</h1>
|
|
<p class="text-sm text-slate-500">Anmeldung erforderlich</p>
|
|
</div>
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="chip chip-bad mb-4">{{ error }}</div>
|
|
{% endif %}
|
|
|
|
<form method="post" action="/login" class="space-y-4">
|
|
<div>
|
|
<label class="block text-xs uppercase tracking-wide text-slate-500 mb-1">Benutzer</label>
|
|
<input class="input" type="text" name="username" autocomplete="username" required>
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs uppercase tracking-wide text-slate-500 mb-1">Passwort</label>
|
|
<input class="input" type="password" name="password" autocomplete="current-password" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-full">Anmelden</button>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
{% endblock %}
|