Frontend: CSS auf allgemeine Klassen verschlankt (82 Zeilen)

- ID-Selektoren (#account-info, #delete-form button) und verschachtelte
  Selektoren (.entry .meta, .interactions .vote) entfernt
- wiederverwendbare Klassen: .card, .muted, .row, .ghost
- globale a/h1/h2-Regeln, Farben als CSS-Variablen (--border, --danger)
- HTML/JS synchron umgestellt; counts-Span via querySelector("span")
- Cross-Check: keine toten CSS-Klassen, keine unbekannten Referenzen

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-02 10:29:40 +02:00
parent d1a269db2f
commit f442138043
3 changed files with 47 additions and 68 deletions
+4 -4
View File
@@ -21,7 +21,7 @@
<input name="pass" type="password" placeholder="Passwort" autocomplete="current-password">
<input name="timeout" type="hidden" value="86400">
<button type="submit">Einloggen</button>
<p class="switch">Noch kein Konto? <a href="#" id="show-register">Registrieren</a></p>
<p class="muted">Noch kein Konto? <a href="#" id="show-register">Registrieren</a></p>
</form>
<form id="register-form" hidden>
@@ -30,7 +30,7 @@
<input name="pass1" type="password" placeholder="Passwort" autocomplete="new-password">
<input name="pass2" type="password" placeholder="Passwort wiederholen" autocomplete="new-password">
<button type="submit">Konto erstellen</button>
<p class="switch">Schon registriert? <a href="#" id="show-login">Zum Login</a></p>
<p class="muted">Schon registriert? <a href="#" id="show-login">Zum Login</a></p>
</form>
<p class="msg" id="auth-msg"></p>
@@ -48,11 +48,11 @@
<!-- Konto -->
<section id="account" hidden>
<p id="account-info"></p>
<p id="account-info" class="muted"></p>
<details class="danger">
<summary>Konto löschen</summary>
<form id="delete-form">
<p>Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p>
<p class="muted">Löscht dein Konto samt Beiträgen und Votes unwiderruflich.</p>
<input name="pass1" type="password" placeholder="Passwort bestätigen" autocomplete="current-password">
<button type="submit">Konto endgültig löschen</button>
</form>