Fix: mermaid diagrams

.gitea/workflows/create-presentation.yml

@@ -6,8 +6,9 @@ on:
 
 jobs:
   build:
-    name: Build the debian package
+    name: Convert to PDF
     runs-on: ubuntu-latest
+
     steps:
       - name: "Git clone"
         run: git clone ${{ gitea.server_url }}/${{ gitea.repository }}.git .
@@ -15,17 +16,30 @@ jobs:
         run: git checkout "${{ gitea.sha }}"
       - name: "Submodules auschecken"
         run: git submodule update --init
-      
-      - name: "Install dependencies"
-        run: sudo apt-get update && sudo apt-get install pandoc nodejs texlive-full -y
-
-      - name: "Install mermaid"
-        run: npm i -g @mermaid-js/mermaid-cli
-
-      - name: "Build .deb"
-        run: cd ./Defensio && ./pandoc.sh
+      - name: "Debug"
+        run: ls -la ./Defensio
+      - uses: docker://git.kocoder.xyz/docker/ga-pandoc:d2995fb914e313703da2c7754763e7fa01dae88f
+        name: Pandoc
+        with:
+          env: TEXINPUTS=/workspace/Diplomarbeit-Absolventenverein/pm/Defensio:/workspace/Diplomarbeit-Absolventenverein/pm/Defensio/libs/awesome-beamer/:/workspace/Diplomarbeit-Absolventenverein/pm/Defensio/libs/smile/
+          command: pandoc
+          args: >-
+            /workspace/Diplomarbeit-Absolventenverein/pm/Defensio/01_Praesentation_Allgemein.md
+            /workspace/Diplomarbeit-Absolventenverein/pm/Defensio/02_Praesentation_Konstantin_Hintermayer.md
+            /workspace/Diplomarbeit-Absolventenverein/pm/Defensio/03_Praesentation_Florian_Edlmayer.md
+            /workspace/Diplomarbeit-Absolventenverein/pm/Defensio/04_Praesentation_Adam_Gaiswinkler.md
+            -t beamer
+            --template /workspace/Diplomarbeit-Absolventenverein/pm/Defensio/00_preamble.tex
+            --pdf-engine=pdflatex
+            --slide-level=2
+            --number-sections
+            --lua-filter /workspace/Diplomarbeit-Absolventenverein/pm/_extensions/diagram/diagram.lua
+            --syntax-definition /workspace/Diplomarbeit-Absolventenverein/pm/_extensions/razor/razor.xml
+            --syntax-definition /workspace/Diplomarbeit-Absolventenverein/pm/_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" ]
 

.gitignore

@@ -1 +1,2 @@
-diplomarbeitsbuch.pdf
+diplomarbeitsbuch.pdf
+defensio.pdf

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/03_Praesentation_Adam_Gaiswinkler.md

@@ -1,65 +0,0 @@
-# Adam Gaiswinkler
-
-## Individueller Teil: Adam Gaiswinkler
-**CMS‑Modul & Frontend**
-
----
-
-## 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).
-
----
-
-## 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.
-
----
-
-## 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.
-
----
-
-## Umsetzung: Anmeldetool
-- Klar getrennte Ja/Nein‑Buttons.
-- Live‑Status‑Updates via Blazor.
-- UI‑Overlay, mobile‑freundlich.
-
----
-
-## Herausforderungen & Lösungen
-- **Plattformwechsel**: Windows → macOS → JetBrains Rider.
-- **Hosting‑Probleme**: Node.js/HTML‑Übergangslösung 2025.
-
----
-
-## 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.
-
-

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/puppeteer-config.json

@@ -0,0 +1,3 @@
+{
+  "args": ["--no-sandbox"]
+}

_extensions/diagram/diagram.lua

@@ -151,6 +151,11 @@ local mermaid = {
   compile = function (self, code)
     local mime_type = self.mime_type or 'image/svg+xml'
     local file_extension = extension_for_mimetype[mime_type]
+
+    -- Resolve puppeteer config path
+    local puppeteer_config = pandoc.path.join({pandoc.system.get_working_directory(), 'puppeteer-config.json'})
+
+
     return with_temporary_directory("diagram", function (tmpdir)
       return with_working_directory(tmpdir, function ()
         local infile = 'diagram.mmd'
@@ -158,7 +163,7 @@ local mermaid = {
         write_file(infile, code)
         pipe(
           self.execpath or 'mmdc',
-          {"--pdfFit", "--iconPacksNamesAndUrls", "mdi#https://unpkg.com/@iconify-json/mdi@1.2.3/icons.json", "--input", infile, "--output", outfile},
+          {"--pdfFit", "--iconPacksNamesAndUrls", "mdi#https://unpkg.com/@iconify-json/mdi@1.2.3/icons.json", "-p", puppeteer_config, "--input", infile, "--output", outfile},
           ''
         )
         return read_file(outfile), mime_type
@@ -167,6 +172,24 @@ local mermaid = {
   end,
 }
 
+-- Source - https://stackoverflow.com/a/27028488
+-- Posted by hookenz, modified by community. See post 'Timeline' for change history
+-- Retrieved 2026-04-18, License - CC BY-SA 4.0
+
+function dump(o)
+   if type(o) == 'table' then
+      local s = '{ '
+      for k,v in pairs(o) do
+         if type(k) ~= 'number' then k = '"'..k..'"' end
+         s = s .. '['..k..'] = ' .. dump(v) .. ','
+      end
+      return s .. '} '
+   else
+      return tostring(o)
+   end
+end
+
+
 --- TikZ
 --
 

_extensions/diagram/puppeteer-config.json

@@ -0,0 +1,3 @@
+{
+  "args": ["--no-sandbox"]
+}

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