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
+        name: Pandoc
+        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 ./Defensio/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

@@ -67,7 +67,7 @@
 
 \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}

Defensio/02_Praesentation_Konstantin_Hintermayer.md

@@ -9,6 +9,7 @@ Aufgabenbereiche:
 
 - Infrastruktur & CI/CD
 - Product Owner
+- Kundenschnittstelle
 - Softwareentwicklung:
   - Event Registration
   - Black Board
@@ -18,13 +19,20 @@ Aufgabenbereiche:
 
 :::: column
 
-![](./Images/images/konstantin/profile.jpg){width=4em}
+\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 & CI/CD
+## Infrastruktur 
+
+::: columns
+:::: column
 
 Systemaufbau: 
 
@@ -33,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
 
@@ -61,3 +98,5 @@ right
 ::::
 
 :::
+
+## Fazit

Defensio/03_Praesentation_Adam_Gaiswinkler.md

@@ -1,92 +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
-
-- **Styling**: Bootstrap & Custom CSS
-- **Spezielle Tools**: QuestPDF (PDF-Generierung), Gitea (Versionskontrolle)
-- **Entwicklungsumgebung**: Visual Studio 2022 & Visual Studio Code (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.
-
-
----
-
-## 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.
-
-
----
-
-## 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 & Mögliche Erweiterungen
-- **Erreichtes**:
-  - Theme ist final in Oqtane integriert und mobil optimiert.
-  - Hall of Fame und Anmeldetool sind voll funktionstüchtig.
-- **Mögliche Erweiterungen**: 
-  - Integration einer umfassenden Teilnehmerlisten-Auswertung (Datenbank).
-  - Limit-Funktion für maximale Anmeldungen bei Veranstaltungen.
-  - Automatische E-Mail-Erinnerungen für Events.

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 \
-  04_Praesentation_Florian_Edlmayer.md \
+  03_Praesentation_Florian_Edlmayer.md \
+  04_Praesentation_Adam_Gaiswinkler.md \
   -t beamer \
   --template 00_preamble.tex \
   --pdf-engine=pdflatex \

defensio.md

@@ -1,31 +0,0 @@
-% Habits
-% John Doe
-% March 22, 2005
-
-# In the morning
-
-## Getting up
-
-- Turn off alarm
-- Get out of bed
-
-## Breakfast
-
-- Eat eggs
-- Drink coffee
-
-# In the evening
-
-## Dinner
-
-- Eat spaghetti
-- Drink wine
-
-------------------
-
-![picture of spaghetti](images/spaghetti.jpg)
-
-## Going to sleep
-
-- Get in bed
-- Count sheep

pandoc-tex.sh

@@ -1,26 +0,0 @@
-#!/bin/bash
-pandoc \
-  00-praemble.md \
-  01-toc.md \
-  02-Allgemein.md \
-  03-Diplomarbeitsbuch-individueller-teil-Adam-Gaiswinkler.md \
-  04-Diplomarbeitsbuch-individueller-teil-Florian-Edlmayer.md \
-  05-Diplomarbeitsbuch-individueller-teil-Konstantin-Hintermayer.md \
-  97-tabellenverzeichnis.md \
-  98-abbildungsverzeichnis.md \
-  99-bibliographie.md \
-  --number-sections \
-  --lua-filter _extensions/diagram/diagram.lua \
-  --syntax-definition _extensions/razor/razor.xml \
-  --syntax-definition _extensions/nginx/nginx.xml \
-  --citeproc \
-  --bibliography sources.bib \
-  --csl _extensions/sources/tgm.csl \
-  --include-before-body 00_preamble.tex \
-  -H _extensions/header/header.tex \
-  -V geometry:"top=2.5cm, bottom=2cm, left=3cm, right=2cm, a4paper" \
-  -V toc-title="Inhaltsverzeichnis" \
-  -V classoption=twoside \
-  -V fontsize=12pt \
-  -V linestretch=1.5 \
-  -o diplomarbeitsbuch.tex