Web · Next.js 15 · Self-Hosted
Dieses Portfolio — interaktive Website

Die Seite, auf der Sie gerade sind: vier selbst entwickelte 2D-Canvas-Minispiele mit eigener Physik-Simulation, Element-Theming und Dark Mode — per CI/CD-Pipeline auf einen selbst gehärteten Server deployt (Docker, Caddy, GitHub Actions).
Die vier Minispiele — Feuer, Wasser, Wind und Erde — laufen komplett auf 2D-Canvas mit selbst geschriebener Physik: eine Wellengleichung mit Refraktion im Wasserspiel, Feuerausbreitung mit Wind im Feuerspiel, ein Thermik-Gleiter im Windspiel und Strahlenoptik mit Snellius-Brechung im Kristall-Puzzle.
Das Element-Theming zieht sich durch die ganze Seite: vier Farbwelten plus Hell-/Dunkelmodus, umgesetzt über CSS-Variablen und einen generativen Canvas-Hintergrund, der beim Themenwechsel weich umfärbt.
Betrieb in Eigenregie: GitHub Actions baut bei jedem Push ein Docker-Image, das automatisch auf einen selbst eingerichteten Server mit Caddy als Reverse-Proxy deployt wird.