From 39d97c584661d810f35f31405caf8df6ac6f5edc Mon Sep 17 00:00:00 2001 From: Dogfather Date: Fri, 31 Jul 2026 22:57:51 +0200 Subject: [PATCH] Drei getrennte Bewerbungsseiten statt einer Seite mit Reitern Wunsch: eigene Seiten fuer Agentur-Bewerbungen und Community, konkret Modi fuer Dogfather, Scouts fuer Dogfather, und Streamer die Dogfather als Manager suchen -- statt allem auf einer Seite mit Tabs. Neu: - bewerben-modi.html -- Community/Team Dogi, babyblau, eigenes Motiv - bewerben-scout.html -- Agentur, rot, Scout-Motiv - bewerben-creator.html -- Agentur, rot, "Streamer? Ich such dich als Creator." -- fuer Streamer, die einen Manager suchen - bewerben-kooperation.html -- Agentur, rot, Business-Anfragen bewerben.html ist jetzt eine kurze Uebersicht mit drei grossen Karten (Modi/Scout/Creator) plus einem Hinweis auf die Kooperationsseite, statt eines Tab-Systems. Alle internen Links aktualisiert (team-modis.html, team-scouts.html, creator.html, links.html-Text) auf die jeweils passende, direkte Seite. Generische "Jetzt bewerben"-Knoepfe (Startseite, Werte, Manager) bleiben bewusst auf der Uebersicht, da dort keine Rolle vorausgewaehlt ist. forms.js vereinfacht: das Tab-/Hintergrundwechsel-System ist raus, jede Seite traegt ihr Motiv jetzt wie jede andere Seite der Website fest im HTML. Kein Backend-/Datenbankaenderung noetig -- "modi" war schon als Bewerbungstyp erlaubt. Co-Authored-By: Claude Opus 5 --- assets/js/forms.js | 72 ++++---------------- bewerben-creator.html | 73 ++++++++++++++++++++ bewerben-kooperation.html | 68 ++++++++++++++++++ bewerben-modi.html | 82 ++++++++++++++++++++++ bewerben-scout.html | 74 ++++++++++++++++++++ bewerben.html | 140 +++++++------------------------------- creator.html | 2 +- links.html | 2 +- sitemap.xml | 6 +- team-modis.html | 2 +- team-scouts.html | 2 +- 11 files changed, 344 insertions(+), 179 deletions(-) create mode 100644 bewerben-creator.html create mode 100644 bewerben-kooperation.html create mode 100644 bewerben-modi.html create mode 100644 bewerben-scout.html diff --git a/assets/js/forms.js b/assets/js/forms.js index c87a087..7187ed9 100644 --- a/assets/js/forms.js +++ b/assets/js/forms.js @@ -1,20 +1,20 @@ /* ===================================================================== - forms.js — Validierung + Versand für die drei Bewerbungsformulare - (Creator / Scout / Kooperation) auf bewerben.html + forms.js — Validierung + Versand für die Bewerbungsformulare + (Creator: bewerben-creator.html, Scout: bewerben-scout.html, + Modi: bewerben-modi.html, Kooperation: bewerben-kooperation.html) + + Jede Bewerbungsart hat ihre eigene Seite (kein Tab-System mehr) — + Hintergrundbild und Farbwelt sitzen wie überall sonst auf der Website + fest im HTML jeder Seite selbst. Versand-Logik: - 1) Wenn API_BASE_URL gesetzt ist (Cloudflare-Worker-Postfach deployed, - siehe cloudflare-worker/README.md): Bewerbung wird per POST an - `${API_BASE_URL}/submit` gesendet und landet im code-geschützten - Postfach (postfach.html). - 2) Solange API_BASE_URL leer ist ODER der Versand fehlschlägt (z.B. - offline, Worker noch nicht deployed): Fallback auf einen - vorausgefüllten "mailto:"-Link, wie bisher. + 1) Bewerbung wird per POST an `${API_BASE_URL}/submit` an den + Cloudflare-Worker gesendet und landet im code-geschützten Postfach + (postfach.html). + 2) Schlägt der Versand fehl (z.B. offline): Fallback auf einen + vorausgefüllten "mailto:"-Link. ===================================================================== */ -// TODO: nach dem Deploy des Cloudflare Workers hier die Worker-URL ohne -// abschließenden Slash eintragen, z.B. -// "https://dogfather-universe-postfach.DEIN-ACCOUNT.workers.dev" const API_BASE_URL = "https://dogfather-universe-postfach.dogfather1608.workers.dev"; const CONTACT_EMAIL = "kontakt@dogfather-universe.example"; // TODO: echte Kontakt-E-Mail eintragen @@ -109,55 +109,7 @@ function setupForm(formId, subjectLabel) { }); } -/* Der Kopfbereich wechselt Hintergrundbild, Welt-Farbe (Theme) und Eyebrow- - Text mit dem gewählten Reiter: Creator/Scout/Kooperation sind Spicy-Media- - Agentur (rot), Modi ist Dogfathers persönliches Team (babyblau) — genau - wie überall sonst auf der Seite (Rot = NUR Agentur). So passt Bild UND - Farbwelt immer zur gerade gewählten Bewerbung. */ -const TAB_HINTERGRUENDE = { - "tab-creator": { bg: "bg-bewerben-creator", theme: "spicymedia", eyebrow: "Manager Dogfather" }, - "tab-scout": { bg: "bg-bewerben", theme: "spicymedia", eyebrow: "Manager Dogfather" }, - "tab-modi": { bg: "bg-dogfather", theme: "dogfather", eyebrow: "🩵 Team Dogi" }, - "tab-kooperation": { bg: "bg-bewerben", theme: "spicymedia", eyebrow: "Manager Dogfather" }, -}; - -function setzeTabHintergrund(tabId) { - const einstellung = TAB_HINTERGRUENDE[tabId]; - if (!einstellung) return; - // Die Bildvariablen hängen am — das Motiv trägt die ganze Seite. - document.body.style.setProperty("--page-bg", `url('/assets/img/${einstellung.bg}.jpg')`); - document.body.style.setProperty("--page-bg-mobile", `url('/assets/img/${einstellung.bg}-mobile.jpg')`); - document.documentElement.setAttribute("data-theme", einstellung.theme); - const eyebrow = document.getElementById("bewerben-eyebrow"); - if (eyebrow) eyebrow.textContent = einstellung.eyebrow; -} - -function setupTabs() { - const tabs = document.querySelectorAll(".tab-btn"); - const panels = document.querySelectorAll(".tab-panel"); - tabs.forEach((tab) => { - tab.addEventListener("click", () => { - tabs.forEach((t) => t.classList.remove("active")); - panels.forEach((p) => p.classList.remove("active")); - tab.classList.add("active"); - document.getElementById(tab.dataset.tab).classList.add("active"); - setzeTabHintergrund(tab.dataset.tab); - }); - }); - - // Direkt-Link auf einen Reiter, z.B. bewerben.html#modi von der Modi- - // Team-Seite aus — öffnet die Bewerbung gleich auf dem richtigen Tab. - const gewuenscht = location.hash.replace("#", ""); - const linkBtn = gewuenscht && document.querySelector(`.tab-btn[data-tab="tab-${gewuenscht}"]`); - if (linkBtn) linkBtn.click(); - - // Beim Laden passend zum aktiven Reiter setzen (bereits aktiv ODER gerade per Hash geöffnet) - const aktiv = document.querySelector(".tab-btn.active"); - if (aktiv) setzeTabHintergrund(aktiv.dataset.tab); -} - document.addEventListener("DOMContentLoaded", () => { - setupTabs(); setupForm("form-creator", "Creator"); setupForm("form-scout", "Scout"); setupForm("form-modi", "Modi"); diff --git a/bewerben-creator.html b/bewerben-creator.html new file mode 100644 index 0000000..ec165c9 --- /dev/null +++ b/bewerben-creator.html @@ -0,0 +1,73 @@ + + + + + +Streamer gesucht — DOGFATHER UNIVERSE + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Manager Dogfather — Agentur +

Streamer? Ich such dich als Creator.

+

Du bist Streamer und suchst jemanden, der dich als Manager unterstützt? Bewirb dich hier.

+
+
+ +
+
+
+
+ + +
+
+ + + Bitte gültige E-Mail-Adresse eingeben. +
+
+ + +
+
+ + +
+ +
+
+ +
+ ← Bereits bei Spicy Media + Andere Bewerbung suchen +
+
+
+
+ + + + + + diff --git a/bewerben-kooperation.html b/bewerben-kooperation.html new file mode 100644 index 0000000..0d55f11 --- /dev/null +++ b/bewerben-kooperation.html @@ -0,0 +1,68 @@ + + + + + +Kooperation anfragen — DOGFATHER UNIVERSE + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Manager Dogfather — Agentur +

Kooperation anfragen

+

Marke, Firma oder eigenes Projekt — schick deine Idee direkt an Team Dogi.

+
+
+ +
+
+
+
+ + +
+
+ + + Bitte gültige E-Mail-Adresse eingeben. +
+
+ + +
+ +
+
+ +
+ Andere Bewerbung suchen +
+
+
+
+ + + + + + diff --git a/bewerben-modi.html b/bewerben-modi.html new file mode 100644 index 0000000..bcde6ab --- /dev/null +++ b/bewerben-modi.html @@ -0,0 +1,82 @@ + + + + + +Modi werden — DOGFATHER UNIVERSE + + + + + + + + + + + + + + + + + + + + + +
+
+
+ 🩵 Team Dogi — Community +

Werde Modi bei Team Dogi

+

Chat, Community und Zusammenhalt im Alltag — mit Herz statt nur Regeln.

+
+
+ +
+
+
+
+ + +
+
+ + + Bitte gültige E-Mail-Adresse eingeben. +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+

Modis sind Dogfathers persönliches Team — nicht Teil der Spicy Media Agentur. 🩵

+ +
+
+ +
+ ← Zum Modi-Team + Andere Bewerbung suchen +
+
+
+
+ + + + + + diff --git a/bewerben-scout.html b/bewerben-scout.html new file mode 100644 index 0000000..1c06546 --- /dev/null +++ b/bewerben-scout.html @@ -0,0 +1,74 @@ + + + + + +Scout werden — DOGFATHER UNIVERSE + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Manager Dogfather — Agentur +

Werde Scout für Dogfather

+

Du kennst Leute mit Potenzial? Finde und begleite neue Talente für Team Dogi.

+
+
+ +
+
+
+
+ + +
+
+ + + Bitte gültige E-Mail-Adresse eingeben. +
+
+ + +
+
+ + +
+

Scouts finden und begleiten neue Talente für Dogi.

+ +
+
+ +
+ ← Zum Scout-Team + Andere Bewerbung suchen +
+
+
+
+ + + + + + diff --git a/bewerben.html b/bewerben.html index 666a157..a60bc7d 100644 --- a/bewerben.html +++ b/bewerben.html @@ -4,17 +4,17 @@ Bewerben — DOGFATHER UNIVERSE - + - + - + @@ -28,130 +28,42 @@
- Manager Dogfather -

Werde Teil vom Team

-

Als Creator, Scout, Modi oder Kooperationspartner.

+ Werde Teil vom Team +

Community oder Agentur — such dir deinen Weg

+

Drei Bewerbungen, drei ganz unterschiedliche Rollen. Wähl, was zu dir passt.

-
- - - - +
+ + 🩵 Community — Team Dogi +

Modi werden

+

Dogfathers persönliches Team. Chat, Community und Zusammenhalt im Alltag.

+ + + Agentur — Spicy Media +

Scout werden

+

Finde und begleite neue Talente für Dogfather als Manager.

+ + + Agentur — Spicy Media +

Als Streamer bewerben

+

Du suchst einen Manager? Bewirb dich als Creator bei Spicy Media.

+
-
-
-
- - -
-
- - - Bitte gültige E-Mail-Adresse eingeben. -
-
- - -
-
- - -
- -
-
+
+

Firma, Marke oder eigenes Projekt?

+

Für Kooperationsanfragen gibt es eine eigene, kurze Seite.

+ Kooperation anfragen
- -
-
-
- - -
-
- - - Bitte gültige E-Mail-Adresse eingeben. -
-
- - -
-
- - -
-

Scouts finden und begleiten neue Talente für Dogi.

- -
-
-
- -
-
-
- - -
-
- - - Bitte gültige E-Mail-Adresse eingeben. -
-
- - -
-
- - -
-
- - -
-
- - -
-

Modis sind Dogfathers persönliches Team — Chat, Community und Zusammenhalt im Alltag. 🩵

- -
-
-
- -
-
-
- - -
-
- - - Bitte gültige E-Mail-Adresse eingeben. -
-
- - -
- -
-
-
- -
- diff --git a/creator.html b/creator.html index 93cae21..2841be1 100644 --- a/creator.html +++ b/creator.html @@ -40,7 +40,7 @@
- Als Creator bewerben + Als Creator bewerben
diff --git a/links.html b/links.html index d225e3a..2e50157 100644 --- a/links.html +++ b/links.html @@ -51,7 +51,7 @@

📝 Bewerben

-

Creator, Scout oder Kooperation

+

Modi, Scout, Creator oder Kooperation

 diff --git a/sitemap.xml b/sitemap.xml index 688e56a..9aecc5b 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -20,6 +20,10 @@ https://REPLACE-WITH-YOUR-DOMAIN.tld/vanvan.html2026-07-30 https://REPLACE-WITH-YOUR-DOMAIN.tld/creator.html2026-07-30 https://REPLACE-WITH-YOUR-DOMAIN.tld/stimmen.html2026-07-30 - https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben.html2026-07-30 + https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben.html2026-07-31 + https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben-modi.html2026-07-31 + https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben-scout.html2026-07-31 + https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben-creator.html2026-07-31 + https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben-kooperation.html2026-07-31 https://REPLACE-WITH-YOUR-DOMAIN.tld/kontakt.html2026-07-30 diff --git a/team-modis.html b/team-modis.html index c4c29dc..7a6b8fa 100644 --- a/team-modis.html +++ b/team-modis.html @@ -56,7 +56,7 @@
- Als Modi bewerben 🩵 + Als Modi bewerben 🩵
diff --git a/team-scouts.html b/team-scouts.html index 0004330..0ca8a21 100644 --- a/team-scouts.html +++ b/team-scouts.html @@ -39,7 +39,7 @@
- Als Scout bewerben + Als Scout bewerben