Merge remote-tracking branch 'origin/main'

Defensio/04_Praesentation_Adam_Gaiswinkler.md

@@ -1,7 +1,12 @@
 # Adam Gaiswinkler
 
 ## Individueller Teil: Adam Gaiswinkler
-**CMS‑Modul & Frontend**
+**Entwicklung von CMS‑Modulen & Frontend-Design**
+
+- Schwerpunkt: Oqtane-Theme, Hall-of-Fame-Modul & Anmeldetool
+- Ziel: Moderne, responsive Website für den HTL-Absolventenverein
+
+<!-- BILD: Logo HTL Ungargasse + Vereinslogo nebeneinander -->
 
 ---
 
@@ -19,6 +24,8 @@
 ## Eingesetzte Technologien
 - **Tech‑Stack**: Bootstrap + Custom‑CSS, QuestPDF, Gitea, VS 2022 wechsel zu  VS Code (macOS).
 
+<!-- BILD: Logos der verwendeten Tools (Bootstrap, QuestPDF, Gitea, VS Code) nebeneinander -->
+
 ---
 
 ## Umsetzung: Oqtane Theme
@@ -27,27 +34,39 @@
 - Responsive CSS‑Media‑Queries + reines CSS‑Burger‑Menu.
 - ControlPanel & Cookie‑Consent.
 
+<!-- BILD: Screenshot der Website-Navigation auf Desktop (volle Menüleiste) -->
+<!-- BILD: Screenshot des Burger-Menüs auf Mobile (aufgeklappt) -->
+
 ---
 
 ## Umsetzung: Hall of Fame
-- **Karten‑Grid**: Responsive Übersicht, Live‑Suche & Sortierung.
-- **Detail‑Seite**: Glasmorphismus‑Design.
-- **Workflow**: Rich‑Text‑Editor, Bild‑Upload (max 5 MB), Status (Entwurf/Veröffentlicht) inkl. Eigentümer‑Check.
-- **PDF‑Export**: QuestPDF.
-- **Moderation**: Meldesystem über Interfaces‑Paket.
+- **Karten‑Grid**: Responsive Übersicht, Live‑Suche & Sortierung **in Echtzeit – kein Seitenreload** (Blazor).
+- **Detail‑Seite**: Glasmorphismus‑Design (halbtransparente Karten mit Blur-Effekt).
+- **Workflow**: Rich‑Text‑Editor, Bild‑Upload mit **Live-Vorschau** (max 5 MB), Status (Entwurf/Veröffentlicht) inkl. Eigentümer‑Check.
+- **PDF‑Export**: Professionelle Profil-PDFs server-seitig mit QuestPDF.
+- **Moderation**: Meldesystem über separates Interfaces‑Paket → saubere Logik-Trennung.
+<!-- BILD: Screenshot des Karten-Grids mit mehreren Alumni-Einträgen -->
+<!-- BILD: Screenshot der Detailseite (Glasmorphismus-Design) -->
+<!-- BILD: Screenshot eines generierten PDFs -->
 
 ---
 
 ## Umsetzung: Anmeldetool
-- Klar getrennte Ja/Nein‑Buttons.
-- Live‑Status‑Updates via Blazor.
-- UI‑Overlay, mobile‑freundlich.
+- Klar getrennte Ja/Nein‑Buttons (grün/rot).
+- **Live‑Feedback via Blazor**: Statusänderungen sofort sichtbar – andere Teilnehmer sehen Updates direkt.
+- Mobile-optimiert: kein Overlay-Clipping, sauberes Touch-Handling.
+- Saubere Trennung: UI-Komponente & Backend-API getrennt.
+
+<!-- BILD: Screenshot Anmeldetool mit gruenem Ja- und rotem Nein-Button -->
+<!-- BILD: Screenshot auf Mobile (Overlay-Ansicht) -->
 
 ---
 
 ## Herausforderungen & Lösungen
-- **Plattformwechsel**: Windows → macOS → JetBrains Rider.
-- **Hosting‑Probleme**: Node.js/HTML‑Übergangslösung 2025.
+- **Plattformwechsel** Windows → macOS: Oqtane stark an Windows gebunden → **Visual Studio Code** als plattformübergreifende Lösung.
+- **Hosting-Ausfall** (Hetzner, Sommer 2025): kurz vor einem Event → schnelle **Node.js/HTML-Übergangslösung** sicherte Event-Anmeldung.
+
+<!-- BILD: Screenshot von Visual Studio Code auf macOS -->
 
 ---
 
@@ -62,4 +81,6 @@
 - Theme final, mobil, Hall of Fame & Anmeldetool funktionsfähig.
 - **Erweiterungen**: Teilnehmer‑Auswertung, Anmelde‑Limit, automatische E‑Mail‑Erinnerungen.
 
+<!-- BILD: Gesamtansicht der fertigen Website (Desktop) als Abschluss-Screenshot -->
+