Klickbare Profilseiten fuer jedes Team-Mitglied

Wunsch: Klick auf eine Person (z.B. Bananenstift) oeffnet eine eigene
Seite mit grossem Foto und Vorstellungstext daneben - fuer jeden.

- Neue Seite profil.html: generische Profilseite, liest Person per
  ?p=<slug> aus MODIS/SCOUTS/CREATORS, zeigt grosses Foto (4:5, farbiger
  Rahmen passend zur Person), Name, Rolle, Vorstellungstext, optional
  Zitat und Social-Links. Welt/Theme (blau=Team Dogi, rot=Agentur) und
  Hintergrundmotiv passen sich automatisch an, ob die Person Modi,
  Scout oder Creator ist. Unbekannter Slug zeigt eine freundliche
  Fehlermeldung statt kaputter Seite.
- data-modis.js, data-scouts.js, data-creator.js: neues Feld "slug"
  (eindeutige ID fuer die URL) und "bio" (Vorstellungstext) fuer jede
  Person ergaenzt. VanVan behaelt ihre eigene, ausfuehrlichere Seite
  (vanvan.html) und wird nicht auf profil.html umgeleitet.
- team-modis.html, team-scouts.html, creator.html, index.html
  (Team-Vorschau): Karten sind jetzt komplett anklickbar (ganze Karte
  ist ein Link), nicht mehr nur ein kleiner Knopf.
- Bugfix: gerade curly quotes ("„...\"") mitten in einem doppelt
  angefuehrten JS-String schlossen den String vorzeitig ab und haetten
  main.js kaputt gemacht (per node --check gefunden, bevor es live ging).

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/js/data-modis.js

@@ -13,17 +13,21 @@
    eine eigene exklusive Seite (vanvan.html) — hier trotzdem gelistet,
    damit die Hierarchie an einer Stelle vollständig bleibt.
 
-   Felder: name, role, rank, photo, quote, social, page (optionale eigene
-   Unterseite), status
+   Felder: name, slug (eindeutig, für profil.html?p=slug), role, rank,
+   photo, avatar, bio (Vorstellungstext für die Profilseite), quote,
+   social, page (optionale EIGENE Unterseite statt der generischen
+   Profilseite — aktuell nur VanVan), status
    ===================================================================== */
 
 const MODIS = [
   {
     name: "VanVan",
+    slug: "vanvan",
     role: "Rechte Hand von Dogfather · Musik-Produzentin (Van-Van, Spotify)",
     rank: 1,
     photo: "assets/img/card-vanvan.jpg",
     avatar: "assets/img/avatar-vanvan.jpg",
+    bio: "VanVan ist die rechte Hand von Dogfather — und seine beste Freundin. Sie bekommt täglich die Neuigkeiten, Aufgaben und Infos direkt von ihm und verteilt bzw. delegiert sie im Team, oder organisiert gemeinsam mit Diene. Neben ihrer Rolle im Team ist sie außerdem Musik-Produzentin unter dem Namen „Van-Van”.",
     quote: "", // TODO: Zitat von VanVan einholen
     social: {},
     page: "vanvan.html",
@@ -31,10 +35,12 @@ const MODIS = [
   },
   {
     name: "Diene",
+    slug: "diene",
     role: "Organisiert & plant gemeinsam mit VanVan",
     rank: 2,
     photo: "assets/img/card-diene.jpg",
     avatar: "assets/img/avatar-diene.jpg",
+    bio: "Diene organisiert und plant gemeinsam mit VanVan den Alltag von Team Dogi. Zusammen sorgen die beiden dafür, dass Aufgaben ankommen, nichts liegen bleibt und das Team reibungslos zusammenarbeitet.",
     quote: "",
     social: {},
     page: "",
@@ -42,10 +48,12 @@ const MODIS = [
   },
   {
     name: "Funny",
+    slug: "funny",
     role: "Modi",
     rank: 3,
     photo: "assets/img/card-funny.jpg",
     avatar: "assets/img/avatar-funny.jpg",
+    bio: "Funny ist Teil des Modi-Teams von Team Dogi und mit dafür verantwortlich, dass im Chat und in der Community alles rundläuft.",
     quote: "",
     social: {},
     page: "",
@@ -53,10 +61,12 @@ const MODIS = [
   },
   {
     name: "Miss",
+    slug: "miss",
     role: "Modi & Cutterin",
     rank: 4,
     photo: "assets/img/card-miss.jpg",
     avatar: "assets/img/avatar-miss.jpg",
+    bio: "Miss ist als Modi im Chat aktiv und schneidet außerdem Clips aus den Streams — ein Teil der besten Momente von Dogfather geht direkt auf ihre Arbeit zurück.",
     quote: "",
     social: {},
     page: "",
@@ -64,10 +74,12 @@ const MODIS = [
   },
   {
     name: "Marina",
+    slug: "marina",
     role: "Kommentare auf den Clip-Accounts · alias FlauschiRex",
     rank: 5,
     photo: "assets/img/card-marina.jpg",
     avatar: "assets/img/avatar-marina.jpg",
+    bio: "Marina, alias FlauschiRex, kümmert sich um die Kommentare auf den Clip-Accounts von Team Dogi und sorgt dafür, dass die Community dort genauso gut betreut ist wie im Livestream.",
     quote: "",
     social: {},
     page: "",
@@ -75,10 +87,12 @@ const MODIS = [
   },
   {
     name: "Michi",
+    slug: "michi",
     role: "Kommentare auf den Clip-Accounts",
     rank: 5,
     photo: "assets/img/card-michi.jpg",
     avatar: "assets/img/avatar-michi.jpg",
+    bio: "Michi kümmert sich gemeinsam mit Marina um die Kommentare auf den Clip-Accounts von Team Dogi und ist Teil des Teams hinter den Kulissen.",
     quote: "",
     social: {},
     page: "",
@@ -86,12 +100,14 @@ const MODIS = [
   },
   {
     name: "Ghost",
+    slug: "ghost",
     role: "Privat für Dogi — nicht für Stream-Themen zuständig",
     // Auf dem Bild sind Ghost und seine Frau zu sehen (von Dogi ausdrücklich
     // freigegeben). Gezählt und vorgestellt wird hier ausschließlich Ghost.
     rank: 6,
     photo: "assets/img/card-ghost.jpg",
     avatar: "assets/img/avatar-ghost.jpg",
+    bio: "Ghost ist Teil von Team Dogi, aber privat für Dogi da — nicht für Stream- oder Community-Themen zuständig.",
     quote: "",
     social: {},
     page: "",