Merge remote-tracking branch 'origin/main'

Defensio/04_Praesentation_Adam_Gaiswinkler.md

@@ -0,0 +1,86 @@
+# Adam Gaiswinkler
+
+## Individueller Teil: Adam Gaiswinkler
+**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 -->
+
+---
+
+## Ausgangslage & Motivation
+- **Ausgangssituation**: Moderne Frontend‑Plattform für den Absolventenverein (responsive, neue Features).
+- **Persönliche Motivation**:
+  - Team‑Verkleinerung (6 → 3) → mehr Verantwortung.
+  - Projektidentifikation & Praxis‑Blazor/ASP.NET.
+- **Ziele**:
+  - Oqtane‑Module (Anmeldetool, Hall‑of‑Fame).
+  - Responsives UI/UX.
+
+---
+
+## 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
+- Eigen‑Navigation (bootstrap Komponenten haben nicht gepasst ).
+- Systemseiten per LINQ ausblenden.
+- 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 **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 (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: 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 -->
+
+---
+
+## Learnings
+- **Technisch**: Git, CSS‑Flexbox, Blazor.
+- **Methodisch**: Aufgabenverteilung, regelmäßige Meetings.
+- **Persönlich**: Eigeninitiative & Verantwortung.
+
+---
+
+## Fazit & Ausblick
+- 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 -->
+
+