diff --git a/assets/js/data-creator.js b/assets/js/data-creator.js index 45020b2..53dbf6f 100644 --- a/assets/js/data-creator.js +++ b/assets/js/data-creator.js @@ -7,17 +7,21 @@ creator.html liest automatisch aus und rendert Filter/Karten. Felder: - name, category (z.B. "Gaming", "Lifestyle", "Comedy" ...), - role, photo, quote, social, status + name, slug (eindeutig, für profil.html?p=slug), + category (z.B. "Gaming", "Lifestyle", "Comedy" ...), + role, photo, bio (Vorstellungstext für die Profilseite), + quote, social, status ===================================================================== */ const CREATORS = [ // Beispiel-Struktur (auskommentiert, zur Orientierung beim Befüllen): // { // name: "Name", + // slug: "name", // category: "Comedy", // role: "Creator bei Spicy Media", // photo: "assets/img/creator-name.jpg", + // bio: "Kurzer Vorstellungstext für die eigene Profilseite.", // quote: "Kurzes Zitat", // social: { tiktok: "https://tiktok.com/@handle" }, // status: "aktiv", diff --git a/assets/js/data-modis.js b/assets/js/data-modis.js index 176cc05..4f2f660 100644 --- a/assets/js/data-modis.js +++ b/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: "", diff --git a/assets/js/data-scouts.js b/assets/js/data-scouts.js index 8a8050a..7a1fc88 100644 --- a/assets/js/data-scouts.js +++ b/assets/js/data-scouts.js @@ -9,8 +9,10 @@ Felder: name – Anzeigename (Groß-/Kleinschreibung korrekt!) + slug – eindeutig, für die Profilseite (profil.html?p=slug) role – Kurzrolle / Fokus photo – Pfad zu assets/img/... oder "" für Platzhalter-Avatar + bio – Vorstellungstext für die Profilseite quote – kurzes Zitat/Motto (optional, "" wenn keins) social – { platform: "url", ... } optional status – "aktiv" | "neu" | "pausiert" @@ -19,18 +21,22 @@ const SCOUTS = [ { name: "Patrick", + slug: "patrick", role: "Scout — Team Dogi", photo: "assets/img/avatar-patrick.jpg", avatar: "assets/img/avatar-patrick.jpg", + bio: "Patrick ist Scout bei Team Dogi. Er findet und begleitet gemeinsam mit Bananenstift neue Talente für Dogfather als Manager.", quote: "", // TODO: Zitat von Patrick einholen social: {}, status: "aktiv", }, { name: "Bananenstift", + slug: "bananenstift", role: "Scout — Team Dogi", photo: "assets/img/avatar-bananenstift.jpg", avatar: "assets/img/avatar-bananenstift.jpg", + bio: "Bananenstift ist Scout bei Team Dogi. Er findet und begleitet neue Talente für Dogfather als Manager.", quote: "", // TODO: Zitat von Bananenstift einholen social: {}, status: "aktiv", diff --git a/creator.html b/creator.html index 1ff6eb2..93cae21 100644 --- a/creator.html +++ b/creator.html @@ -68,12 +68,13 @@ document.addEventListener("DOMContentLoaded", () => { function draw(filter) { const items = filter === "alle" ? list : list.filter((c) => c.category === filter); grid.innerHTML = items.map((c) => ` -
+
${(c.avatar || c.photo) ? `${c.name}` : `${c.name.charAt(0).toUpperCase()}`}

${c.name}

${c.role}
${c.quote ? `

„${c.quote}"

` : ""} -
`).join(""); + Profil ansehen + `).join(""); } filterBar.addEventListener("click", (e) => { diff --git a/index.html b/index.html index 6fd67e3..0a48d79 100644 --- a/index.html +++ b/index.html @@ -322,11 +322,11 @@ document.addEventListener("DOMContentLoaded", () => { teamPreview.innerHTML = people .map( (p) => ` -
+
${(p.avatar || p.photo) ? `${p.name}` : `${p.name.charAt(0).toUpperCase()}`}

${p.name}

${p.role}
-
` + ` ) .join(""); } diff --git a/profil.html b/profil.html new file mode 100644 index 0000000..8fd4f05 --- /dev/null +++ b/profil.html @@ -0,0 +1,179 @@ + + + + + +Profil — DOGFATHER UNIVERSE + + + + + + + + + + + + + + + + + + + +
+
+
+ 🩵 Team Dogi +

Profil

+

+
+
+ +
+
+
+
+ +
+
+ +

+
+

+

+ +
+
+
+ +
+
+ ← Zurück +
+
+
+
+ + + + + + + + + diff --git a/team-modis.html b/team-modis.html index 0818f27..a412a80 100644 --- a/team-modis.html +++ b/team-modis.html @@ -68,13 +68,13 @@ document.addEventListener("DOMContentLoaded", () => { if (!grid || !window.MODIS) return; const rest = window.MODIS.filter((m) => m.name !== "VanVan").sort((a,b) => a.rank - b.rank); grid.innerHTML = rest.map((m) => ` -
+
${(m.avatar || m.photo) ? `${m.name}` : `${m.name.charAt(0).toUpperCase()}`}
Stufe ${m.rank}

${m.name}

${m.role}
- ${m.page ? `Profil ansehen` : ""} -
`).join(""); + Profil ansehen + `).join(""); }); diff --git a/team-scouts.html b/team-scouts.html index 3bb56f7..0004330 100644 --- a/team-scouts.html +++ b/team-scouts.html @@ -53,12 +53,13 @@ document.addEventListener("DOMContentLoaded", () => { const grid = document.getElementById("scouts-grid"); if (!grid || !window.SCOUTS) return; grid.innerHTML = window.SCOUTS.map((s) => ` -
+
${(s.avatar || s.photo) ? `${s.name}` : `${s.name.charAt(0).toUpperCase()}`}

${s.name}

${s.role}
${s.quote ? `

„${s.quote}"

` : `

Zitat folgt

`} -
`).join(""); + Profil ansehen + `).join(""); });