Files
3d.lehrstun.de/templates/index.html
Hans Puettmann 4658d4931a Initial commit: Konzept v2 + Etappe 1 (Blueprints + Login + Profile)
Schwester-Projekt zu arduino.lehrstun.de fuer die 3D-Druck-AG am
Lessing-Gymnasium. Offene jahrelange Nachmittags-AG (kein Trimester),
8-10 Einzel-SuS mit optionalen 2er-Paarungen, 4 Bambu-Lab-Drucker
(3 geschlossen + 1 A1 mini).

Konzept v2 (Reality-Check-Iteration 2026-05-24):
- Onboarding-Pfad statt Pflicht-Lektionen (L1-L3 selbst-zertifiziert)
- Selbstlern-Loop als Kern: SuS-Projekte wachsen die interne Bibliothek
- Drill-Down-Lehrer-Dashboard (Wer ist hier / Wartet Review / Haengt fest)
- Cockpit progressiv: zeigt nur was zum Status passt
- Bambu-Cloud-API fuer Drucker-Live-Status (fragil + Fallback manuell)
- Three.js-Vorschau fuer Cover-aus-3D-Ansicht (Etappe 6)
- Vollstaendige Doku als Obsidian-Vault (24 Markdown-Dateien)
- Entscheidungen E-001 bis E-022 in docs/decisions.md

Etappe 1 lauffaehig (~1800 Zeilen Code):
- Blueprint-Struktur (V8): routes/oeffentlich+profil+admin+api,
  services/auth+bambu+datei
- Komplettes Schema in database.py (14 Tabellen, idempotent)
- Login mit bcrypt + persistentem Lockout in DB (V7, verbessert ggue
  Arduino-Kurs der In-Memory-Dict nutzt)
- Admin-Login + Profile-CRUD + PIN-Reset + PIN-Karten-Druckbogen
- Inline-Edit-Endpunkt mit Whitelist + Audit-Log
- Seeds: AG lessing-3d-ag + 4 Drucker + Default-Einstellungen
- Smoke-Test bestanden (Login, Profil-Anlage, Lockout-Logging)

Nicht im Repo (.gitignore): .env, *.db, venv/, .obsidian/workspace.json
2026-05-24 18:56:59 +02:00

62 lines
3.2 KiB
HTML

{% extends "base.html" %}
{% block title %}3D-Druck-AG{% endblock %}
{% block content %}
<div style="text-align: center; margin-bottom: 2rem;">
<h1 style="font-size: 2rem;">3D-Druck-AG</h1>
<p style="color: var(--text-light); font-size: 1.1rem;">
Vom fertigen Modell zum eigenen Druck &mdash; Schritt fuer Schritt.
</p>
</div>
<div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 1000px; margin: 0 auto;">
{% if session.profil_id %}
<a href="/cockpit" class="card bereich-card" style="text-decoration:none; color:inherit; border-top: 5px solid var(--primary); text-align:center; padding: 2.5rem 1.5rem;">
<div style="font-size: 3.5rem; margin-bottom: 0.5rem;">{{ tier_emoji(session.get('tier','')) }}</div>
<h2 style="color: var(--primary);">Dein Cockpit</h2>
<p style="margin: 0.8rem 0;">Projekt, Druckauftraege, Slots &mdash; alles auf einen Blick.</p>
<span class="btn btn-primary">Zum Cockpit</span>
</a>
{% else %}
<a href="/login" class="card bereich-card" style="text-decoration:none; color:inherit; border-top: 5px solid var(--primary); text-align:center; padding: 2.5rem 1.5rem;">
<div style="font-size: 3.5rem; margin-bottom: 0.5rem;">&#x1F512;</div>
<h2 style="color: var(--primary);">Login</h2>
<p style="margin: 0.8rem 0;">Vorname &middot; Tier-Icon &middot; PIN. Danach siehst du deinen Stand und kannst Drucker reservieren.</p>
<span class="btn btn-primary">Einloggen</span>
</a>
{% endif %}
<a href="/lektionen" class="card bereich-card" style="text-decoration:none; color:inherit; border-top: 5px solid var(--success); text-align:center; padding: 2.5rem 1.5rem;">
<div style="font-size: 3.5rem; margin-bottom: 0.5rem;">&#x1F4DA;</div>
<h2 style="color: var(--success);">Lektionen</h2>
<p style="margin: 0.8rem 0;">L1 Drucker-Kennenlernen &middot; L2 Modell drucken &middot; L3 Customizer &middot; danach frei.</p>
<span class="btn" style="background: var(--success); color: white;">Lektionen ansehen</span>
</a>
<a href="/drucker" class="card bereich-card" style="text-decoration:none; color:inherit; border-top: 5px solid var(--secondary); text-align:center; padding: 2.5rem 1.5rem;">
<div style="font-size: 3.5rem; margin-bottom: 0.5rem;">&#x1F5A8;&#xFE0F;</div>
<h2 style="color: var(--secondary);">Drucker</h2>
<p style="margin: 0.8rem 0;">4 Bambu-Lab-Drucker. Live-Status, freie Slots, Reservierungen.</p>
<span class="btn" style="background: var(--secondary); color: white;">Druckerstatus</span>
</a>
</div>
<div class="card" style="max-width: 800px; margin: 2rem auto 0; background: #FEF9E7; border-color: #F5C842;">
<h3 style="margin-bottom: 0.5rem;">Hinweis</h3>
<p style="margin: 0;">
Diese Seite ist im Aufbau. Stand: 2026-05-23, Skelett. Inhalte werden in
den naechsten Wochen schrittweise ergaenzt &mdash; siehe
<code>docs/kurskonzept.md</code>.
</p>
</div>
{% endblock %}
{% block scripts %}
<style>
.bereich-card { transition: transform 0.15s, box-shadow 0.15s; }
.bereich-card:hover { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(0,0,0,0.12); }
</style>
{% endblock %}