Thomas Stallinger
c35145ef8e
Klassenloses CSS-Framework (self-hosted unter static/, kein CDN), passt zum bestehenden Ansatz ohne JS-Build-Schritt. Bringt automatisches Dark/Light-Mode (prefers-color-scheme) und Responsivität ohne Zusatzaufwand. Templates auf Picos semantische Konventionen umgestellt (label/input-Paare, article für die Login-Karte, figure um Tabellen für horizontales Scrollen). Eigene CSS-Regeln auf die zwei Farb-Utility- Klassen (state-present/state-absent) reduziert, Rest kommt von Pico. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
16 lines
597 B
HTML
16 lines
597 B
HTML
{% extends "base.html" %}
|
|
{% block title %}Anmelden — Tuxflotte{% endblock %}
|
|
{% block content %}
|
|
<article style="max-width: 24rem; margin: 3rem auto;">
|
|
<h2>Anmelden</h2>
|
|
{% if error %}<p><mark>{{ error }}</mark></p>{% endif %}
|
|
<form method="post" action="/login">
|
|
<label for="email">E-Mail</label>
|
|
<input type="email" id="email" name="email" required autofocus>
|
|
<label for="password">Passwort</label>
|
|
<input type="password" id="password" name="password" required>
|
|
<button type="submit">Anmelden</button>
|
|
</form>
|
|
</article>
|
|
{% endblock %}
|