admin/3d.lehrstun.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style Guide v1.0.0: Indigo-Palette + lokale Web-Fonts

Browse Source 
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>
This commit is contained in:
Hans Puettmann
2026-06-04 12:52:14 +02:00
parent ae68da996f
commit 8a55e175a2
33 changed files with 349 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/projekt_abschluss.html
View File

@@ -9,13 +9,13 @@
.eval-optionen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.eval-option {
cursor: pointer; padding: 0.7rem 0.5rem; border-radius: 6px; text-align: center;
background: #F4F6F7; border: 2px solid transparent; transition: all 0.15s;
background: var(--surface-muted); border: 2px solid transparent; transition: all 0.15s;
}
.eval-option:hover { background: #ECF0F1; }
.eval-option:hover { background: var(--surface-muted); }
.eval-option input[type=radio] { display: none; }
.eval-option input[type=radio]:checked + span { font-weight: 600; }
.eval-option:has(input[type=radio]:checked) {
background: #EBF5FB; border-color: var(--primary);
background: var(--info-bg); border-color: var(--primary);
}
.eval-emoji { font-size: 1.4rem; display: block; margin-bottom: 0.2rem; }
</style>
@@ -25,7 +25,7 @@
<a href="{{ url_for('profil.projekt_detail', projekt_id=p.id) }}" class="btn btn-secondary">Abbrechen</a>
</div>
<div class="card" style="background:#EBF5FB; border-left: 4px solid var(--primary);">
<div class="card" style="background:var(--info-bg); border-left: 4px solid var(--primary);">
<strong>Ehrlich bleiben.</strong> Niemand wird benotet — die Bewertung ist fuer dich selbst,
damit du beim naechsten Projekt besser einschaetzen kannst, was du planen musst.
</div>