overworked the project detail pages

src/assets/i18n/de.json

@@ -1,4 +1,4 @@
-{
+{
   "APP": {
     "TITLE": "Playground",
     "COPYRIGHT": "Bilder und Sourcecode sind urheberrechtlich geschützt, keine Nutzung ohne Zustimmung!"
@@ -46,7 +46,8 @@
       "ENG_ALGO": "Algorithm Design",
       "ENG_SIM": "3D Simulation",
       "ENG_GPU": "WebGPU / OpenGL / GLSL",
-      "ENG_PERF": "Performance Optimization"
+      "ENG_PERF": "Performance Optimization",
+      "ENG_3D": "3D-Scanner Tech"
     },
     "TOOLS": {
       "GIT": "Git",
@@ -56,8 +57,7 @@
       "K8S": "Kubernetes / k3d",
       "POSTGRES": "PostgreSQL",
       "MONGO": "MongoDB",
-      "GRAFANA": "Grafana/Prometheus",
-      "DOCKER": "Docker"
+      "GRAFANA": "Grafana/Prometheus"
     },
     "XP": {
       "COMPANY8": {
@@ -249,50 +249,75 @@
     "READ_MORE": "Mehr erfahren",
     "LINK_TO_PROJECT": "Zum Projekt",
     "CLOSE": "Schließen",
+    "SECTION": {
+      "TECHNICAL": "Technische Herausforderungen",
+      "LEARNINGS": "Learnings & Soft Skills"
+    },
     "PLAYGROUND": {
-      "TITLE": "Playground Website",
-      "SHORT_DESCRIPTION": "Hier geht es um diese Webseite.",
-      "INTRODUCTION": "Dieses Projekt ist hauptsächlich als eine Art 'Spielwiese' gestartet, daher der Name. Es ist geplant, die Seite mit der Zeit weiter auszubauen. Dabei werden hier neue Projekte auftauchen, oder ich werde die Seite an für sich weiter ausbauen, weil ich neue Sachen im Rahmen von Web Technologien ausprobieren möchte.",
-      "BULLET_1": "Verwendung moderner Technologien und CI/CD-Pipelines (Angular 20+, Spring Boot 4, GitHub).",
-      "BULLET_2": "Präsentation persönlicher Projekte und kontinuierliche Verbesserung algorithmischer Fähigkeiten.",
-      "BULLET_3": "Vertiefung von JavaScript/TypeScript-, Angular- und Spring-Boot-Kenntnissen durch praktisches Arbeiten.",
-      "BULLET_4": "Die Seite ist Open Source und auf GitHub verfügbar."
+      "TITLE": "Playground Portfolio",
+      "SHORT_DESCRIPTION": "Full-Stack Portfolio mit interaktiven Algorithmus-Visualisierungen.",
+      "INTRODUCTION": "Diese Website dient als lebendiges Portfolio und Testumgebung für moderne Webtechnologien. Ziel ist es, komplexe Algorithmen und mathematische Konzepte (wie WebGPU-Simulationen oder Raymarching) anschaulich im Browser darzustellen.",
+      "BULLET_1": "Entwicklung mit Angular 19+ und Material Design.",
+      "BULLET_2": "Implementierung performanter Visualisierungen (WebGPU, Shader, Canvas).",
+      "BULLET_3": "Automatisierte CI/CD-Pipelines und Containerisierung mit Docker.",
+      "BULLET_4": "Internationalisierung (i18n) für globale Reichweite.",
+      "CHALLENGE_1": "Optimierung der Render-Performance bei komplexen 3D-Fraktalen in Echtzeit.",
+      "CHALLENGE_2": "Architektur einer skalierbaren und wartbaren Frontend-Struktur für diverse Sub-Projekte.",
+      "LEARNING_1": "Effektives UI/UX-Design für komplexe datengesteuerte Visualisierungen.",
+      "LEARNING_2": "Modernstes State-Management und reaktive Programmierung in Angular."
     },
     "TRIBBLE": {
-      "TITLE": "Trouble with Tribble",
-      "SHORT_DESCRIPTION": "Ein Projekt, das die Einrichtung und Wartung eines Homeservers beschreibt, auf dem verschiedene Docker-Container für Self-Hosting-Dienste laufen.",
-      "INTRODUCTION": "Dieses Projekt dokumentiert die Einrichtung eines persönlichen Homeservers mit dem Spitznamen \"Tribble\". Es umfasst die Installation von Ubuntu Server und die Containerisierung von Diensten wie Gitea für die Versionskontrolle, Jellyfin für das Mediastreaming und AdGuard Home für das Blockieren von Werbung im Netzwerk. Der Server ist über Traefik als Reverse-Proxy und Tailscale für eine sichere Netzwerkverbindung mit dem Internet verbunden, was das Self-Hosting der CI/CD-Pipeline dieser Website ermöglicht.",
-      "BULLET_1": "Self-Hosting verschiedener Dienste mit Docker.",
-      "BULLET_2": "CI/CD-Pipeline für die persönliche Website mit Gitea.",
-      "BULLET_3": "Sicherer Fernzugriff mit Tailscale und Traefik.",
-      "BULLET_4": "Netzwerkweites Blockieren von Werbung mit AdGuard Home."
+      "TITLE": "Self-Hosted Infrastructure",
+      "SHORT_DESCRIPTION": "Home-Infrastruktur mit Docker, Traefik und sicherer VPN-Anbindung.",
+      "INTRODUCTION": "Dokumentation und Aufbau einer privaten Cloud-Infrastruktur. Fokus liegt auf Datensouveränität, Automatisierung und Sicherheit.",
+      "BULLET_1": "Zentrale Verwaltung via Docker-Compose und Portainer.",
+      "BULLET_2": "Automatisches SSL-Management und Reverse-Proxy mit Traefik.",
+      "BULLET_3": "Private Versionskontrolle (Gitea) und Medien-Streaming (Jellyfin).",
+      "BULLET_4": "Netzwerkweite Ad-Blocking und DNS-Kontrolle via AdGuard Home.",
+      "CHALLENGE_1": "Konfiguration sicherer Netzwerkschichten und Firewall-Regeln für Remote-Zugriff.",
+      "CHALLENGE_2": "Automatisierung von Backups und Recovery-Strategien für containerisierte Daten.",
+      "LEARNING_1": "Tiefes Verständnis für moderne Netzwerkprotokolle und IT-Sicherheit.",
+      "LEARNING_2": "Effizientes Ressourcen-Management auf limitierten Server-Systemen."
     },
     "EL_MUCHO": {
-      "TITLE": "El Mucho",
-      "SHORT_DESCRIPTION": "Hier geht es um mein ersten Spiel auf Steam.",
-      "INTRODUCTION": "El Mucho ist ein rundenbasiertes taktisches RPG in einer fiktiven Welt namens Liberika. Es ist angelehnt an alte Klassiker wie Langrisser aka Warsong. In El Mucho geht es darum, die Welt gegen die Angriffe der fiesen Monster zu verteidigen.",
-      "BULLET_1": "Veröffentlichung eines Spiels auf Steam und Integration der Steam-API.",
-      "BULLET_2": "Konzeption, Planung und vollständige Entwicklung eines eigenen Spiels.",
-      "BULLET_3": "Implementierung komplexer Algorithmen wie einer eigenen A*-Pfadfindungslogik und Spiel-KI.",
-      "BULLET_4": "Das Spiel wurde mit Unity und C# entwickelt."
+      "TITLE": "El Mucho (Steam Release)",
+      "SHORT_DESCRIPTION": "Rundenbasiertes Taktik-RPG, veröffentlicht auf Steam.",
+      "INTRODUCTION": "Ein kommerzielles Spieleprojekt, das von der ersten Idee bis zum weltweiten Release auf Steam eigenverantwortlich umgesetzt wurde. Ein taktisches RPG, das klassische Gameplay-Elemente mit modernen Systemen verbindet.",
+      "BULLET_1": "Komplette Engine-Entwicklung in Unity (C#).",
+      "BULLET_2": "Integration von Steamworks-Funktionen (Achievements, Cloud Saves).",
+      "BULLET_3": "Entwicklung einer eigenen taktischen KI und Pfadfindungs-Logik.",
+      "BULLET_4": "Management des gesamten Asset-Pipelines und Sound-Designs.",
+      "CHALLENGE_1": "Implementierung eines robusten rundenbasierten Systems mit komplexen Abhängigkeiten.",
+      "CHALLENGE_2": "Performance-Optimierung für eine flüssige Darstellung auf verschiedenen Hardware-Profilen.",
+      "CHALLENGE_3": "Umgang mit den strengen Zertifizierungs-Anforderungen von Steam.",
+      "LEARNING_1": "Durchhaltevermögen und Fokus über einen mehrjährigen Entwicklungszyklus.",
+      "LEARNING_2": "Vermarktung und Community-Management für ein digitales Produkt."
     },
     "GAME_JAMS": {
-      "TITLE": "Game Jams",
-      "SHORT_DESCRIPTION": "Hier geht es meine Teilnahme an mehreren Game Jams.",
-      "INTRODUCTION": "Da ich mich für die Entwicklung von Spielen interessiert, sind Game Jams für mich optimal, um fokussiert an neuen Ideen zu arbeiten und dabei Prototypen zu entwickeln, um zu sehen, ob Spielideen funktionieren oder nicht. In den letzten Jahren habe ich an einigen Game Jams teilgenommen und fasse das hier zusammen.",
-      "BULLET_1": "Planung eines realistischen Projektumfangs mit einem Team, der innerhalb von 48 Stunden umsetzbar ist.",
-      "BULLET_2": "Lernen, fokussiert und effizient unter strengen Zeitvorgaben zu arbeiten.",
-      "BULLET_3": "Die Freude zu erleben, in kurzer Zeit ein spielbares Projekt zu erstellen und andere damit spielen zu sehen.",
-      "BULLET_4": "Alle Projekte sind auf Itch.io verfügbar und spielbar."
+      "TITLE": "Rapid Prototyping & Game Jams",
+      "SHORT_DESCRIPTION": "Sammlung innovativer Spielkonzepte, entstanden in unter 48 Stunden.",
+      "INTRODUCTION": "Teilnahme an internationalen Wettbewerben (z.B. Ludum Dare). Hier geht es darum, unter extremem Zeitdruck funktionale und spaßige Prototypen zu erschaffen.",
+      "BULLET_1": "Fokus auf 'Core Game Loop' und schnelles Feedback.",
+      "BULLET_2": "Kollaborative Entwicklung in kleinen, agilen Teams.",
+      "BULLET_3": "Effektives Zeitmanagement und Scope-Kontrolle.",
+      "BULLET_4": "Veröffentlichung und Iteration basierend auf Community-Votings.",
+      "CHALLENGE_1": "Reduzierung komplexer Ideen auf ein in 48h umsetzbares Minimum Viable Product (MVP).",
+      "CHALLENGE_2": "Schnelle Fehlerdiagnose und Bugfixing unter massivem Zeitdruck.",
+      "LEARNING_1": "Radikale Priorisierung von Features ('Kill your darlings').",
+      "LEARNING_2": "Effektive Kommunikation und Entscheidungsfindung im Team-Stress."
     },
     "DIPLOMA": {
-      "TITLE": "Diplomarbeit",
-      "SHORT_DESCRIPTION": "Kollisionserkennung und Behandlung von komplexen Kleidungsstücken.",
-      "INTRODUCTION": "Die Diplomarbeit handelt von der Erkennung und der Behandlung von Kollisionen zwischen, sowie innerhalb, einzelnen Kleidungsstücken in Echtzeit. Das ist gerade aufgrund der Flexibilität von Stoffen und deren unterschiedlichen Eigenschaften besonders herausfordernd.",
-      "BULLET_1": "Echtzeit behandlung von Kollisionserkennung und Behandlung.",
-      "BULLET_2": "Verstehen und Einschätzen von wissenschaftlichen Arbeiten.",
-      "BULLET_3": "Adaption und Weiterentwicklung von vorausgegangenen Forschungsarbeiten.",
-      "BULLET_4": "Die Arbeit wurde mit C++ und OpenGL geschrieben und in die Vidya-Software integriert."
+      "TITLE": "Wissenschaftliche Diplomarbeit",
+      "SHORT_DESCRIPTION": "Echtzeit-Kollisionserkennung für komplexe, flexible 3D-Objekte.",
+      "INTRODUCTION": "Forschungsarbeit im Bereich Computergraphik. Entwicklung eines Algorithmus zur physikalisch korrekten Simulation von Stoffen und Kleidung in Echtzeit.",
+      "BULLET_1": "Mathematische Modellierung von Mass-Spring-Systemen.",
+      "BULLET_2": "Low-Level Programmierung mit C++, OpenGL und Shader-Code.",
+      "BULLET_3": "Optimierung durch räumliche Datenstrukturen (AABB Trees, Bounding Spheres).",
+      "BULLET_4": "Wissenschaftliche Evaluation der Simulations-Präzision.",
+      "CHALLENGE_1": "Behandlung von 'Self-Collisions' bei hochauflösenden Meshes ohne Performance-Einbruch.",
+      "CHALLENGE_2": "Mathematische Stabilisierung der Integrationsverfahren bei hohen Krafteinwirkungen.",
+      "LEARNING_1": "Transfer von theoretischen Forschungsarbeiten in produktiven, performanten Code.",
+      "LEARNING_2": "Präzises Arbeiten und Dokumentation nach wissenschaftlichen Standards."
     }
   },
   "IMPRINT": {
@@ -394,7 +419,7 @@
     "EXPLANATION": {
       "TITLE": "Mathematische Kunst",
       "MANDELBROT_EXPLANATION": "basiert auf der iterativen Formel 'z_{n+1} = z_n^2 + c'. Sie prüft für jeden Punkt in der komplexen Ebene, ob die Zahlenfolge stabil bleibt oder ins Unendliche entkommt. Vorteil: Gilt als 'Apfelmännchen' und Mutter der Fraktale. Sie bietet eine unendliche Vielfalt an selbstähnlichen Strukturen, in die man ewig hineinzoomen kann.",
-      "JULIA_EXPLANATION": "nutzt dieselbe Formel wie Mandelbrot, fixiert jedoch den Parameter 'c' und variiert den Startwert. Je nach Wahl von 'c' entstehen filigrane, wolkenartige Gebilde oder zusammenhanglose 'Staubwolken'. Vorteil: Ermöglicht eine enorme ästhetische Varianz, da jede Koordinate der Mandelbrot-Menge ein völlig eigenes, einzigartiges Julia-Fraktal erzeugt.",
+      "JULIA_EXPLANATION": "nutzt dieselbe Formel wie Mandelbrot, fixiert jedoch den Parameter 'c' und variiert den Startwert. Je nach Wahl von 'c' entstehen filigrane, wolkenartige Gebilde oder zusammenhanglose 'Staubwolken'. Vorteil: Ermöglicht eine enorme ästiehetische Varianz, da jede Koordinate der Mandelbrot-Menge ein völlig eigenes, einzigartiges Julia-Fraktal erzeugt.",
       "NEWTON_EXPLANATION": "entsteht durch die Visualisierung des Newton-Verfahrens zur Nullstellen-Suche einer komplexen Funktion. Jeder Pixel wird danach eingefärbt, zu welcher Nullstelle der Algorithmus konvergiert. Vorteil: Erzeugt faszinierende, sternförmige Symmetrien und komplexe Grenzen, an denen sich die Einzugsgebiete der Nullstellen auf chaotische Weise treffen.",
       "BURNING_SHIP_EXPLANATION": "ist eine Variation des Mandelbrots, bei der vor jedem Iterationsschritt der Absolutbetrag der Real- und Imaginärteile genommen wird: '(|Re(z)| + i|Im(z)|)^2 + c'. Vorteil: Erzeugt eine markante, asymmetrische Struktur, die einem brennenden Schiff mit Segeln ähnelt. Das Fraktal wirkt düsterer und 'mechanischer' als die klassischen Mengen.",
       "DISCLAIMER": "Alle diese Fraktale basieren auf dem Prinzip der Iteration und dem Chaos-Effekt. Das bedeutet für deine Visualisierung:",