Hans Puettmann
8a55e175a2
Komplette visuelle Umstellung nach dem generierten Style-Guide
(3d-lehrstun-de-v1.0.0). 3D-Druck-AG bekommt eine eigene Marke,
getrennt vom Teal der arduino.lehrstun.de-Schwester.
Farben: Teal #00979D -> Indigo #5B6EAE, warmes Off-White Surface
#F0EEE9 statt Kuehlweiss, Lavendel-Akzent #9B8EC4.
Fonts: Raleway (Headings), Lato (Body), Inconsolata (Mono) — lokal
gehostet in static/fonts/ (DSGVO-konform, kein Google-CDN),
via @font-face + unicode-range (latin + latin-ext).
Form: Radius/Schatten/Spacing als Tokens (--radius-*, --shadow-*).
Technik:
- base.html :root: neue --color-*/--font-*/--radius-* Tokens,
alte Variablennamen (--primary etc.) als Aliase -> alle 33
Templates ziehen sofort mit, kein Template-Rewrite noetig.
- Semantische Banner-Tokens (--info/warn/success/error-bg+text+border)
loesen ~130 Hardcoded-Pastelle ab (per sed gemappt).
- Komponenten (Card, Button, Badge, Flash, Table, Code) auf Tokens.
Alle 13 Hauptseiten gegengeprueft (HTTP 200, keine Render-Fehler).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Cockpit — {{ vorname }}{% endblock %}
|
|
{% block content %}
|
|
<div class="section-header">
|
|
<h1 style="display:flex; align-items:center; gap:0.5rem;">
|
|
<span style="font-size: 2.2rem;">{{ tier_emoji(tier) }}</span>
|
|
{{ vorname }}
|
|
</h1>
|
|
<a href="{{ url_for('profil.logout') }}" class="btn btn-secondary">Abmelden</a>
|
|
</div>
|
|
|
|
<div class="card" style="background: var(--warn-bg); border-color: #F5C842;">
|
|
<h3>Cockpit-Stub — Etappe 1</h3>
|
|
<p>Hier kommt in Etappe 2 das progressive Cockpit (V1):</p>
|
|
<ul style="margin-top: 0.5rem; padding-left: 1.5rem;">
|
|
<li>Wenn du <strong>neu</strong> bist: nur Onboarding-Karte + Check-In-Trigger</li>
|
|
<li>Nach <strong>L1 fertig</strong>: zusaetzlich Drucker-Buchung</li>
|
|
<li>Mit <strong>aktiven Projekten</strong>: zusaetzlich Projekt-/Auftrags-/Slot-Karten</li>
|
|
</ul>
|
|
<p style="margin-top: 0.8rem; color: var(--text-light); font-size: 0.9rem;">
|
|
Details: <code>docs/selbstlern-loop.md</code> und <code>docs/etappen.md</code>.
|
|
</p>
|
|
</div>
|
|
{% endblock %}
|