feat(projects): add architecture diagrams, align project texts

Add diagrams to three projects. A tap opens them full size.
Align en/de texts: no versions, Gitea not GitHub, Portainer, home
server + VPS. Make To Be Played the featured project.
Remove the Hostinger logo image.

src/assets/i18n/de.json

@@ -212,9 +212,9 @@
         "LINK_EXTERNAL": "andreas-dahm.eu",
         "LINK_INTERNAL": "Projektdetails",
         "HIGHLIGHTS": {
-          "P1": "Einsatz moderner Technologien und CI/CD-Pipelines (Angular 20+, Spring Boot 4, GitHub).",
+          "P1": "Moderner Frontend-Stack und eine CI/CD-Pipeline mit Gitea Actions (Angular, Docker).",
           "P2": "Präsentation persönlicher Projekte und kontinuierliche Verbesserung algorithmischer Fähigkeiten.",
-          "P3": "Vertiefung von JavaScript/TypeScript-, Angular- und Spring-Boot-Kenntnissen durch praktisches Arbeiten."
+          "P3": "Vertiefung von JavaScript/TypeScript- und Angular-Kenntnissen durch praktisches Arbeiten."
         }
       },
       "P1": {
@@ -301,6 +301,7 @@
   "PROJECTS": {
     "DOWNLOAD": "Herunterladen",
     "READ_MORE": "Mehr erfahren",
+    "DIAGRAM_ALT": "Architekturdiagramm",
     "LINK_TO_PROJECT": "Zum Projekt",
     "CLOSE": "Schließen",
     "SECTION": {
@@ -309,11 +310,11 @@
     },
     "PLAYGROUND": {
       "TITLE": "Playground Portfolio",
-      "SHORT_DESCRIPTION": "Full-Stack Portfolio mit interaktiven Algorithmus-Visualisierungen.",
+      "SHORT_DESCRIPTION": "Frontend-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_1": "Entwicklung mit Angular und Material Design.",
       "BULLET_2": "Implementierung performanter Visualisierungen (WebGPU, Shader, Canvas).",
-      "BULLET_3": "Automatisierte CI/CD-Pipelines und Containerisierung mit Docker.",
+      "BULLET_3": "Automatisierte CI/CD mit Gitea Actions und Containerisierung mit Docker.",
       "BULLET_4": "Internationalization (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.",
@@ -322,11 +323,11 @@
     },
     "TRIBBLE": {
       "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.",
+      "SHORT_DESCRIPTION": "Home-Server für CI und private Dienste, dazu ein VPS für die öffentlichen Seiten.",
+      "INTRODUCTION": "Zwei Maschinen: Der Home-Server „Tribble“ betreibt Gitea mit Actions-Runner und die privaten Dienste, ein Hostinger-VPS liefert die öffentlichen Seiten aus. Die CI baut die Images zu Hause, der VPS zieht neue Images mit Watchtower über Tailscale, und Traefik leitet die öffentlichen Seiten weiter.",
       "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_3": "Private Versionskontrolle und CI mit Gitea, Medien-Streaming mit 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.",
@@ -336,14 +337,13 @@
     "EL_MUCHO": {
       "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#).",
+      "INTRODUCTION": "Ein kommerzielles Spiel, das mein Bruder und ich von der ersten Idee bis zum Release auf Steam gebracht haben: geplant, gebaut, verkauft. Ein taktisches RPG, das klassische Gameplay-Elemente mit modernen Systemen verbindet.",
+      "BULLET_1": "Spielentwicklung 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."
     },