Update .gitea/workflows/create-presentation.yml

.gitea/workflows/create-presentation.yml

@@ -0,0 +1,43 @@
+name: build-debian-package
+on:
+  push:
+    tags:
+      - "doc-*"
+
+jobs:
+  build:
+    name: Build the debian package
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: "Git clone"
+        run: git clone ${{ gitea.server_url }}/${{ gitea.repository }}.git .
+      - name: "Git checkout"
+        run: git checkout "${{ gitea.sha }}"
+      - name: "Submodules auschecken"
+        run: git submodule update --init
+      - uses: docker://git.kocoder.xyz/docker/ga-pandoc:c6eaa45b623c284e80f37434872621defc00f864
+        working_directory: Defensio
+        with:
+          env: TEXINPUTS=.:./libs/awesome-beamer/:./libs/smile/
+          command: pandoc
+          args: >-
+            01_Praesentation_Allgemein.md \
+            02_Praesentation_Konstantin_Hintermayer.md \
+            03_Praesentation_Florian_Edlmayer.md \
+            04_Praesentation_Adam_Gaiswinkler.md \
+            -t beamer \
+            --template 00_preamble.tex \
+            --pdf-engine=pdflatex \
+            --slide-level=2 \
+            --number-sections \
+            --lua-filter ../_extensions/diagram/diagram.lua \
+            --syntax-definition ../_extensions/razor/razor.xml \
+            --syntax-definition ../_extensions/nginx/nginx.xml \
+            -o defensio.pdf
+      - name: "Create release"
+        uses: akkuman/gitea-release-action@v1
+        with:
+          files: |-
+            ./Defensio/defensio.pdf
+            ./Defensio/Images/*

.gitea/workflows/word-count.yml

@@ -1,8 +1,6 @@
 name: Word Count
 
 on:
-  push:
-    branches: [ "main", "master" ]
   pull_request:
     branches: [ "main", "master" ]
 

.gitmodules

@@ -1,6 +1,6 @@
 [submodule "Defensio/libs/awesome-beamer"]
 	path = Defensio/libs/awesome-beamer
-	url = https://codeberg.org/LukasPietzschmann/awesome-beamer
+	url = https://git.kocoder.xyz/kocoded/awesome-beamer
 [submodule "Defensio/libs/smile"]
 	path = Defensio/libs/smile
 	url = https://codeberg.org/LukasPietzschmann/smile

Defensio/00_preamble.tex

@@ -2,6 +2,17 @@
 
 \providecommand{\tightlist}{%
   \setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
+\makeatletter
+\newsavebox\pandoc@box
+\newcommand*\pandocbounded[1]{% scales image to fit the slide if it's too large
+  \sbox\pandoc@box{#1}%
+  \ifdim\wd\pandoc@box>\linewidth
+    \makebox[\linewidth][c]{\resizebox{\linewidth}{!}{\usebox\pandoc@box}}%
+  \else
+    \usebox\pandoc@box
+  \fi
+}
+\makeatother
 
 \usepackage[T1]{fontenc}
 \usepackage[utf8]{inputenc}
@@ -12,7 +23,11 @@
 \newcommand{\imagepath}{Images}
 
 \definecolor{orange}{HTML}{f87a01}
-\usetheme[german, color, coloraccent=orange]{awesome}
+\usetheme[german, color, coloraccent=orange, notoc]{awesome}
+\makeatletter
+\newcommand{\nonumberson}{\awesome@nonumbersinframetitletrue}
+\newcommand{\nonumbersoff}{\awesome@nonumbersinframetitlefalse}
+\makeatother
 
 % \usepackage{firamath-otf}
 \usepackage{pgfplots}
@@ -52,26 +67,37 @@
 
 \title[AlumniHub]{AlumniHub}
 \subtitle{Web-Entwicklung für den Absolventenverein}
-\author{Konstantin Hintermayer \\ Adam Gaiswinkler \\ Florian Edlmayer}
+\author{Konstantin Hintermayer \\ Florian Edlmayer \\ Adam Gaiswinkler}
 \email{}
 \institute{Schulzentrum HTL HAK Ungargasse}
 \uni{Schulzentrum HTL HAK Ungargasse}
 \location{Wien}
-\background{background.png}
+\background{./Images/images/background/title-slide/background.png}
 \logo{\includegraphics[width=3cm]{\imagepath/images/logos/logo.png}}
-\date\today
+\date{22. April 2026}
+
 
 \AtBeginSection[]
 {
-\begin{frame}[noframenumbering,plain]{Agenda}
+  \begingroup
-  \tableofcontents[currentsection, hideothersubsections]
+  \nonumberson
-\end{frame}
+  \begin{frame}[noframenumbering,plain]{Agenda}
-}
+    \tableofcontents[currentsection]
+  \end{frame}
+  \endgroup
+  }
   
-\begin{document}
+  \begin{document}
   
-\maketitle
+  \maketitle
   
-$body$
+  \begingroup
+  \nonumberson
+  \begin{frame}[noframenumbering,plain]{Agenda}
+    \tableofcontents
+  \end{frame}
+  \endgroup
   
-\end{document}
+  $body$
+  
+  \end{document}

Defensio/02_Praesentation_Konstantin_Hintermayer.md

@@ -2,7 +2,37 @@
 
 ## Rolle im Projekt
 
-## Infrastruktur & CI/CD
+::: columns
+
+:::: column
+Aufgabenbereiche:
+
+- Infrastruktur & CI/CD
+- Product Owner
+- Kundenschnittstelle
+- Softwareentwicklung:
+  - Event Registration
+  - Black Board
+  - Report System
+  - Mass Mailer
+::::
+
+:::: column
+
+\begin{tikzpicture}
+    \clip (0,0) circle (3em);
+    \node at (0,0) {\includegraphics[width=6em]{./Images/images/konstantin/profile.jpg}};
+    \draw[accent, line width=3pt] (0,0) circle (3em);
+\end{tikzpicture}
+
+::::
+
+:::
+
+## Infrastruktur 
+
+::: columns
+:::: column
 
 Systemaufbau: 
 
@@ -11,18 +41,47 @@ Systemaufbau:
 - NginX
 - Asp.Net Core
 
+::::
+:::: column
+
+Entwicklungsumgebung:
+
+- Gitea Server
+- Wireguard
+- Docker
+- Transfer: GitHub
+- Gitea Actions 
+  
+::::
+:::
+
+
+## CI/CD
+
 CI: 
 
 - Gitea Actions
 - Debian Packages (.deb)
+- Code-Reviewing:
+  - KI
+  - Git-Flow
 
 ## Softwarearchitektur
 
 - Open-Closed Principle
+- Strategy Pattern
 - Dependency Injection
   
 ## Technischer Vergleich
 
+Bisherige Erfahrungen:
+
+- Go
+- Typescript
+- GRPC (interprozess Kommunikation)
+
+Untersuchungsgebiete:
+
 - Typisierung
 - Konsistenz
 
@@ -39,3 +98,5 @@ right
 ::::
 
 :::
+
+## Fazit

Defensio/03_Praesentation_Adam_Gaiswinkler.md

@@ -1,95 +0,0 @@
-# Adam Gaiswinkler
-
-## Individueller Teil: Adam Gaiswinkler
-**Entwicklung von CMS-Modulen & Frontend-Design**
-
----
-
-## Ausgangslage & Motivation
-- **Ausgangssituation**: Bedarf an einer modernen Plattform für den Absolventenverein der HTL Ungargasse.
-- **Persönliche Motivation**:
-  - Steigende Verantwortung durch Teamverkleinerung (von 6 auf 3 Personen).
-  - Identifikation mit dem Projekt wuchs deutlich.
-  - Praktische Anwendung von Blazor & ASP.NET in einem realen Umfeld.
-- **Individuelle Ziele**:
-  - Entwicklung von Oqtane-Modulen (Anmeldetool & Hall of Fame).
-  - Web-Entwicklung mit Fokus auf responsives und nutzerfreundliches UI/UX.
-
----
-
-## Eingesetzte Technologien
-- **Backend & Core**: C#, ASP.NET Core
-- **Frontend**: Blazor (für interaktive Weboberflächen direkt in C#)
-- **CMS**: Oqtane Framework
-- **Styling**: Bootstrap & Custom CSS
-- **Spezielle Tools**: QuestPDF (PDF-Generierung), Gitea (Versionskontrolle)
-- **Entwicklungsumgebung**: Visual Studio 2022 & JetBrains Rider (macOS)
-
----
-
-## Umsetzung: Oqtane Theme
-- **Ziel**: Modernes, schlichtes Design im Stil der HTL Ungargasse (szu.at).
-- **Technische Highlights**:
-  - Vollständige Eigenentwicklung der Navigationslogik (über `PageState.Pages`).
-  - Dynamisches Ausblenden von Systemseiten via LINQ.
-  - **Responsive Design**: Einsatz von CSS Media Queries und einer komplett CSS-basierten Burger-Menü-Lösung.
-  - Integration eines `ControlPanels` und Cookie-Consent.
-
----
-
-## Umsetzung: Hall of Fame (1)
-- **Zweck**: Sichtbarmachung von erfolgreichen Absolventinnen und Absolventen.
-- **UI & UX**:
-  - Responsive Kartenübersicht der Personen mit Such- und Sortierfunktion (Echtzeit).
-  - Detailseite im modernen "Glasmorphismus"-Design.
-- **Datenerfassung & Workflow**:
-  - Rich-Text-Editor zur Eingabe des Werdegangs.
-  - Bild-Upload-System (Live-Vorschau, max. 5 MB) statt manueller URLs.
-  - Statusverwaltung ("Entwurf" vs. "Veröffentlicht") inkl. Eigentümerprüfung.
-
----
-
-## Umsetzung: Hall of Fame (2)
-- **PDF-Export**: Dynamische Generierung eines ansprechenden Profil-PDFs mittels *QuestPDF*.
-- **Moderation**:
-  - Integriertes Meldesystem (Reporting) direkt über ein separates Interfaces-Paket angesteuert.
-- **Datenbank & Persistenz**: 
-  - Entity Framework Core inkl. Migrationen (`HallOfFame` und `HallOfFameReport` Tabellen).
-
----
-
-## Umsetzung: Anmeldetool für Treffen
-- **Zweck**: Vereinfachung der Planung und Teilnehmerverwaltung.
-- **Funktion**:
-  - Klare, farblich getrennte Zusage- und Absage-Buttons.
-  - Live-Rückmeldung bei Statusänderung dank Blazor.
-  - Saubere Trennung von UI-Komponente und Backend-API.
-- **UX-Optimierung**:
-  - Fokus auf Overlay-Darstellung und Mobile-Clipping-Vermeidung.
-
----
-
-## Herausforderungen & Lösungen
-- **Plattformwechsel (Windows zu macOS)**: Oqtane ist stark an Windows gekoppelt; gelöst durch Einsatz von JetBrains Rider.
-- **Zeitdruck & Infrastruktur-Ausfälle**: 
-  - Probleme mit Hosting (Hetzner).
-  - **Lösung**: Entwicklung einer schlanken "Übergangslösung" (Node.js/HTML) im Sommer 2025 zur zeitgerechten Event-Abwicklung.
-- **Entity Framework Concurrency Issues**: Gelöst durch Transaktions-Gliederung bei Löschvorgängen (Reports vs. Main Entity).
-
----
-
-## Learnings
-- **Technisch**: Tieferes Verständnis von Version Control (Git), CSS/Flexbox (Responsiveness) und C#/Blazor-Tiefen.
-- **Methodisch**: Eine klare Aufgabenaufteilung sowie regelmäßige Team-Meetings sind unerlässlich für den Projekterfolg.
-- **Persönlich**: Bedeutsamkeit von Eigeninitiative und Verantwortungsübernahme, gerade in schwierigen Projektphasen.
-
----
-
-## Fazit & Ausblick
-- **Erreichtes**:
-  - Theme ist final in Oqtane integriert und mobil optimiert.
-  - Hall of Fame und Anmeldetool sind voll funktionstüchtig.
-- **Ausblick**: 
-  - Integration einer umfassenden Teilnehmerlisten-Auswertung (Datenbank).
-  - Limit-Funktion für maximale Anmeldungen bei Veranstaltungen.
-  - Automatische E-Mail-Erinnerungen für Events.

Defensio/03_Praesentation_Florian_Edlmayer.md

@@ -40,7 +40,7 @@
 - **Lösung**: Vollautomatisiertes Backup-Skript.
 
 ```mermaid
-graph TD
+graph LR
     Start((Start: Cronjob 02:30)) --> Init[Initialisierung]
     Init --> Vars[Konfiguration laden]
 
@@ -82,22 +82,20 @@ graph TD
   - Abbau von Registrierungshürden. 
   - Keine sensiblen Passwörter im eigenen System.
 
-![Ablauf der OAuth-Authentifizierung (Erstellt mit ChatGPT)](../Diplomarbeitsbuch/images/04-Florian/oauth-flow.png)
+![Ablauf der OAuth-Authentifizierung](Images/oauth-flow-new.png)
 
 ---
 
 ## Der Premium-Bereich (1)
-- **Zweck**: Motivation für aktives Mitglieder-Engagement.
+**Zweck**: Motivation für aktives Mitglieder-Engagement.
 
-**Ingenieur-Antrags-Workflow & Prüfung:**
+![](../Diplomarbeitsbuch/images/04-Florian/ingenieur-antrag-status.png){width=20em}
-![Formular zum Einreichen eines Ingenieur-Antrags](../Diplomarbeitsbuch/images/04-Florian/ingenieur-antrag-status.png)
 
-**Bibliothek genehmigter Vorzeige-Anträge:**
+![](../Diplomarbeitsbuch/images/04-Florian/ingenieur-antraege-liste.png){width=20em}
-![Ansicht der genehmigten Ingenieur-Anträge](../Diplomarbeitsbuch/images/04-Florian/ingenieur-antraege-liste.png)
 
 ---
 
-# Der Premium-Bereich (2)
+## Der Premium-Bereich (2)
 **Architektur des Premium-Bereich-Moduls:**
 ```mermaid
 graph LR

Defensio/04_Praesentation_Adam_Gaiswinkler.md

@@ -0,0 +1,88 @@
+# 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.
+![Theme Burger Ansicht](Images/ThemeBurgerMenu.png)
+<!-- 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.
+![Screenshot eines generierten PDFs](Images/HallOfFameBeispiel.png)
+![Screenshot HallOfFame](Images/HallOfFame.png)
+<!-- 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 -->
+
+

Defensio/pandoc.sh

@@ -3,8 +3,8 @@ export TEXINPUTS=".:./libs/awesome-beamer/:./libs/smile/:$TEXINPUTS"
 pandoc \
   01_Praesentation_Allgemein.md \
   02_Praesentation_Konstantin_Hintermayer.md \
-  03_Praesentation_Adam_Gaiswinkler.md \
+  03_Praesentation_Florian_Edlmayer.md \
-  04_Praesentation_Florian_Edlmayer.md \
+  04_Praesentation_Adam_Gaiswinkler.md \
   -t beamer \
   --template 00_preamble.tex \
   --pdf-engine=pdflatex \