neues desing

Defensio/04_Praesentation_Adam_Gaiswinkler.md

@@ -117,44 +117,88 @@
 ---
 
 ## Anmeldetool
-- **UI**: Ja/Nein‑Buttons (grün/rot)
-- **Live‑Feedback**: Sofortige Statusänderung via Blazor
-- **Mobile**: Sauberes Touch-Handling
-- **Architektur**: UI & Backend-API getrennt
-
----
-
-## Herausforderungen & Lösungen
-- **Plattformwechsel** Windows → macOS
-  - Oqtane stark an Windows gebunden
-  - → **Visual Studio Code** als plattformübergreifende Lösung
-- **Keine funktionsfähige Website** (Sommer 2025)
-  - Kurz vor einem Event, kein funktionierendes CMS
-  - → Schnelle **Node.js/HTML-Übergangslösung** sicherte Event-Anmeldung
-
----
-
-## Learnings
-
 \vspace{1cm}
 \begin{tikzpicture}[remember picture, overlay]
 \node at (current page.center) {
-\renewcommand{\arraystretch}{1.5}
-\begin{tabular}{c c c}
-\textbf{Technisch} & \textbf{Methodisch} & \textbf{Persönlich} \\
-\hline
-Git & Aufgabenverteilung & Eigeninitiative \\
-CSS-Flexbox & Regelmäßige Meetings & Verantwortung \\
-Blazor & & \\
+\begin{tabular}{@{}c@{\hspace{4mm}}c@{}}
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{UI}, width=6cm]
+\centering Ja/Nein-Buttons (grün/rot)
+\end{tcolorbox}
+&
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Live-Feedback}, width=6cm]
+\centering Sofort via Blazor
+\end{tcolorbox}
+\\[3mm]
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Mobile}, width=6cm]
+\centering Sauberes Touch-Handling
+\end{tcolorbox}
+&
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Architektur}, width=6cm]
+\centering UI \& Backend-API getrennt
+\end{tcolorbox}
 \end{tabular}
 };
 \end{tikzpicture}
 
 ---
 
-## Fazit & Ausblick
-- **Ergebnis**:
-  - Theme final & mobil-optimiert
-  - Hall of Fame funktionsfähig
-  - Anmeldetool einsatzbereit
+## Herausforderungen & Lösungen
+
+\vspace{5mm}
+\begin{tikzpicture}[remember picture, overlay,
+  problem/.style={rectangle, rounded corners=3pt, draw=red!60!black, fill=red!8, minimum width=5cm, minimum height=1.4cm, align=center, font=\small},
+  solution/.style={rectangle, rounded corners=3pt, draw=green!60!black, fill=green!8, minimum width=5cm, minimum height=1.4cm, align=center, font=\small},
+  header/.style={font=\small\bfseries\color{gray!70}}
+]
+% Spalten-Header
+\node[header] at ([xshift=-2.5cm, yshift=2.2cm]current page.center) {Herausforderung};
+\node[header] at ([xshift=2.5cm, yshift=2.2cm]current page.center) {Lösung};
+
+% Reihe 1
+\node[problem] at ([xshift=-2.5cm, yshift=0.9cm]current page.center) (p1) {$\triangle$\;\textbf{Plattformwechsel}\\[-1mm]{\scriptsize Windows $\rightarrow$ macOS}};
+\node[solution] at ([xshift=2.5cm, yshift=0.9cm]current page.center) (s1) {\checkmark\;\textbf{Visual Studio Code}\\[-1mm]{\scriptsize Plattformübergreifend}};
+
+% Trennlinie
+\draw[gray!30, dashed] ([xshift=-4.5cm]current page.center) -- ([xshift=4.5cm]current page.center);
+
+% Reihe 2
+\node[problem] at ([xshift=-2.5cm, yshift=-1.1cm]current page.center) (p2) {$\triangle$\;\textbf{Kein CMS verfügbar}\\[-1mm]{\scriptsize Sommer 2025, Event steht an}};
+\node[solution] at ([xshift=2.5cm, yshift=-1.1cm]current page.center) (s2) {\checkmark\;\textbf{Node.js/HTML}\\[-1mm]{\scriptsize Übergangslösung}};
+\end{tikzpicture}
+
+---
+
+## Learnings
+
+\vspace{1cm}
+\begin{tikzpicture}[remember picture, overlay,
+  every node/.style={font=\small},
+  branch/.style={thick, accent},
+  cat/.style={rectangle, rounded corners=3pt, draw=accent, fill=accent!15, font=\small\bfseries, minimum height=7mm, align=center},
+  item/.style={font=\scriptsize, align=left}
+]
+\node[circle, draw=accent, fill=accent!20, font=\bfseries, minimum size=1.5cm] at (current page.center) (center) {Learnings};
+
+% Technisch - links
+\node[cat] at ([xshift=-3.5cm, yshift=0.8cm]current page.center) (tech) {Technisch};
+\draw[branch] (center) -- (tech);
+\node[item, anchor=east] at ([xshift=-1mm, yshift=5mm]tech.west) {Git};
+\node[item, anchor=east] at ([xshift=-1mm]tech.west) {CSS-Flexbox};
+\node[item, anchor=east] at ([xshift=-1mm, yshift=-5mm]tech.west) {Blazor};
+
+% Methodisch - rechts oben
+\node[cat] at ([xshift=3.5cm, yshift=0.8cm]current page.center) (meth) {Methodisch};
+\draw[branch] (center) -- (meth);
+\node[item, anchor=west] at ([xshift=1mm, yshift=3mm]meth.east) {Aufgaben-};
+\node[item, anchor=west] at ([xshift=1mm, yshift=-3mm]meth.east) {verteilung};
+\node[item, anchor=west] at ([xshift=1mm, yshift=-9mm]meth.east) {Meetings};
+
+% Persönlich - unten
+\node[cat] at ([yshift=-2cm]current page.center) (pers) {Persönlich};
+\draw[branch] (center) -- (pers);
+\node[item] at ([yshift=-7mm]pers.south) {Eigeninitiative \& Verantwortung};
+\end{tikzpicture}
+
+
+