diff --git a/_check.jpg b/_check.jpg new file mode 100644 index 0000000..9d0cd1e Binary files /dev/null and b/_check.jpg differ diff --git a/assets/css/main.css b/assets/css/main.css index fc8b5c7..f11f5df 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -860,6 +860,59 @@ footer.site-footer { .char-card, .char-card img { animation: none; transition: none; } } +/* ========================================================================== + SEITEN-HINTERGRÜNDE + + Jede Seite kann ihr eigenes Artwork hinter den Kopfbereich legen. Das Bild + wird nicht fest im CSS hinterlegt, sondern pro Seite über zwei Variablen + gesetzt — so bleibt eine einzige Regel für alle Seiten: + +
+ + Aufbau: Bild (::before) → Abdunkelung (::after) → Inhalt. + Die Abdunkelung sorgt dafür, dass Überschriften immer lesbar bleiben und + der Rand sauber in die Seitenfarbe ausläuft. + ========================================================================== */ +.page-bg { + position: relative; + isolation: isolate; + overflow: hidden; +} +.page-bg::before { + content: ""; + position: absolute; + inset: 0; + z-index: -2; + background-image: var(--page-bg); + background-size: cover; + background-position: var(--page-bg-pos, center); + background-repeat: no-repeat; +} +.page-bg::after { + content: ""; + position: absolute; + inset: 0; + z-index: -1; + background: + radial-gradient(ellipse 115% 85% at 50% 45%, + rgba(0, 0, 0, .30) 0%, rgba(0, 0, 0, .66) 66%, rgba(0, 0, 0, .88) 100%), + linear-gradient(to bottom, + rgba(0, 0, 0, .62) 0%, + rgba(0, 0, 0, .34) 30%, + rgba(0, 0, 0, .48) 72%, + var(--bg) 100%); +} +/* Text auf Bildhintergrund immer mit weicher Abschattung */ +.page-bg h1, .page-bg h2, .page-bg .lead, .page-bg .eyebrow { + text-shadow: 0 2px 18px rgba(0, 0, 0, .8), 0 1px 3px rgba(0, 0, 0, .9); +} +.page-bg.hero { padding: clamp(4.5rem, 11vw, 7.5rem) 0; } +@media (max-width: 760px) { + .page-bg::before { background-image: var(--page-bg-mobile, var(--page-bg)); } +} + /* ========================================================================== TEAM-DOGI-HINTERGRUND — die große Team-Collage hinter dem Team-Abschnitt ========================================================================== */ diff --git a/assets/img/avatar-funny.jpg b/assets/img/avatar-funny.jpg new file mode 100644 index 0000000..44a0707 Binary files /dev/null and b/assets/img/avatar-funny.jpg differ diff --git a/assets/img/avatar-ghost.jpg b/assets/img/avatar-ghost.jpg new file mode 100644 index 0000000..e710714 Binary files /dev/null and b/assets/img/avatar-ghost.jpg differ diff --git a/assets/img/bg-bewerben-creator-mobile.jpg b/assets/img/bg-bewerben-creator-mobile.jpg new file mode 100644 index 0000000..009839d Binary files /dev/null and b/assets/img/bg-bewerben-creator-mobile.jpg differ diff --git a/assets/img/bg-bewerben-creator.jpg b/assets/img/bg-bewerben-creator.jpg new file mode 100644 index 0000000..5a70611 Binary files /dev/null and b/assets/img/bg-bewerben-creator.jpg differ diff --git a/assets/img/bg-bewerben-mobile.jpg b/assets/img/bg-bewerben-mobile.jpg new file mode 100644 index 0000000..8a3e910 Binary files /dev/null and b/assets/img/bg-bewerben-mobile.jpg differ diff --git a/assets/img/bg-bewerben.jpg b/assets/img/bg-bewerben.jpg new file mode 100644 index 0000000..cc261a8 Binary files /dev/null and b/assets/img/bg-bewerben.jpg differ diff --git a/assets/img/bg-casper-mobile.jpg b/assets/img/bg-casper-mobile.jpg new file mode 100644 index 0000000..ea7fac3 Binary files /dev/null and b/assets/img/bg-casper-mobile.jpg differ diff --git a/assets/img/bg-casper.jpg b/assets/img/bg-casper.jpg new file mode 100644 index 0000000..1418145 Binary files /dev/null and b/assets/img/bg-casper.jpg differ diff --git a/assets/img/bg-community-mobile.jpg b/assets/img/bg-community-mobile.jpg new file mode 100644 index 0000000..3cf721d Binary files /dev/null and b/assets/img/bg-community-mobile.jpg differ diff --git a/assets/img/bg-community.jpg b/assets/img/bg-community.jpg new file mode 100644 index 0000000..36ff873 Binary files /dev/null and b/assets/img/bg-community.jpg differ diff --git a/assets/img/bg-dogfather-mobile.jpg b/assets/img/bg-dogfather-mobile.jpg new file mode 100644 index 0000000..d4ce1de Binary files /dev/null and b/assets/img/bg-dogfather-mobile.jpg differ diff --git a/assets/img/bg-dogfather.jpg b/assets/img/bg-dogfather.jpg new file mode 100644 index 0000000..7157265 Binary files /dev/null and b/assets/img/bg-dogfather.jpg differ diff --git a/assets/img/bg-manager-mobile.jpg b/assets/img/bg-manager-mobile.jpg new file mode 100644 index 0000000..5780792 Binary files /dev/null and b/assets/img/bg-manager-mobile.jpg differ diff --git a/assets/img/bg-manager.jpg b/assets/img/bg-manager.jpg new file mode 100644 index 0000000..221e6b1 Binary files /dev/null and b/assets/img/bg-manager.jpg differ diff --git a/assets/img/bg-scouts-mobile.jpg b/assets/img/bg-scouts-mobile.jpg new file mode 100644 index 0000000..8d50337 Binary files /dev/null and b/assets/img/bg-scouts-mobile.jpg differ diff --git a/assets/img/bg-scouts.jpg b/assets/img/bg-scouts.jpg new file mode 100644 index 0000000..916e272 Binary files /dev/null and b/assets/img/bg-scouts.jpg differ diff --git a/assets/img/bg-stimmen-mobile.jpg b/assets/img/bg-stimmen-mobile.jpg new file mode 100644 index 0000000..6e94830 Binary files /dev/null and b/assets/img/bg-stimmen-mobile.jpg differ diff --git a/assets/img/bg-stimmen.jpg b/assets/img/bg-stimmen.jpg new file mode 100644 index 0000000..6b10ba8 Binary files /dev/null and b/assets/img/bg-stimmen.jpg differ diff --git a/assets/img/bg-streamplan-mobile.jpg b/assets/img/bg-streamplan-mobile.jpg new file mode 100644 index 0000000..4838e7e Binary files /dev/null and b/assets/img/bg-streamplan-mobile.jpg differ diff --git a/assets/img/bg-streamplan.jpg b/assets/img/bg-streamplan.jpg new file mode 100644 index 0000000..fdb051d Binary files /dev/null and b/assets/img/bg-streamplan.jpg differ diff --git a/assets/img/bg-vanvan-mobile.jpg b/assets/img/bg-vanvan-mobile.jpg new file mode 100644 index 0000000..b7cebbb Binary files /dev/null and b/assets/img/bg-vanvan-mobile.jpg differ diff --git a/assets/img/bg-vanvan.jpg b/assets/img/bg-vanvan.jpg new file mode 100644 index 0000000..6b7bc6b Binary files /dev/null and b/assets/img/bg-vanvan.jpg differ diff --git a/assets/img/bg-werte-mobile.jpg b/assets/img/bg-werte-mobile.jpg new file mode 100644 index 0000000..ec31245 Binary files /dev/null and b/assets/img/bg-werte-mobile.jpg differ diff --git a/assets/img/bg-werte.jpg b/assets/img/bg-werte.jpg new file mode 100644 index 0000000..9fa0371 Binary files /dev/null and b/assets/img/bg-werte.jpg differ diff --git a/assets/img/bg-zeitreise-mobile.jpg b/assets/img/bg-zeitreise-mobile.jpg new file mode 100644 index 0000000..66ae1f7 Binary files /dev/null and b/assets/img/bg-zeitreise-mobile.jpg differ diff --git a/assets/img/bg-zeitreise.jpg b/assets/img/bg-zeitreise.jpg new file mode 100644 index 0000000..a2ff17c Binary files /dev/null and b/assets/img/bg-zeitreise.jpg differ diff --git a/assets/img/card-funny.jpg b/assets/img/card-funny.jpg new file mode 100644 index 0000000..0cffb5b Binary files /dev/null and b/assets/img/card-funny.jpg differ diff --git a/assets/img/card-ghost.jpg b/assets/img/card-ghost.jpg new file mode 100644 index 0000000..2022a3b Binary files /dev/null and b/assets/img/card-ghost.jpg differ diff --git a/assets/img/casper-main.jpg b/assets/img/casper-main.jpg new file mode 100644 index 0000000..c68fd13 Binary files /dev/null and b/assets/img/casper-main.jpg differ diff --git a/assets/img/dogfather-main.jpg b/assets/img/dogfather-main.jpg new file mode 100644 index 0000000..79abf1c Binary files /dev/null and b/assets/img/dogfather-main.jpg differ diff --git a/assets/img/streamer-highlight.jpg b/assets/img/streamer-highlight.jpg new file mode 100644 index 0000000..9090723 Binary files /dev/null and b/assets/img/streamer-highlight.jpg differ diff --git a/assets/js/data-modis.js b/assets/js/data-modis.js index 012d697..176cc05 100644 --- a/assets/js/data-modis.js +++ b/assets/js/data-modis.js @@ -44,7 +44,8 @@ const MODIS = [ name: "Funny", role: "Modi", rank: 3, - photo: "", + photo: "assets/img/card-funny.jpg", + avatar: "assets/img/avatar-funny.jpg", quote: "", social: {}, page: "", @@ -85,9 +86,12 @@ const MODIS = [ }, { name: "Ghost", - role: "Privat für Dogi — nicht für Stream-Themen zuständig", // neu dazugekommen, kein Foto verfügbar (Discord-Link abgelaufen) + 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: "", + photo: "assets/img/card-ghost.jpg", + avatar: "assets/img/avatar-ghost.jpg", quote: "", social: {}, page: "", diff --git a/assets/js/data-scouts.js b/assets/js/data-scouts.js index 5bdc964..8a8050a 100644 --- a/assets/js/data-scouts.js +++ b/assets/js/data-scouts.js @@ -1,7 +1,7 @@ /* ===================================================================== data-scouts.js — Scout-Datenobjekt Scouts arbeiten mit Dogfather als Manager zusammen (Spicy Media), - 50/50 Gewinn-Sharing-Modell (Details siehe manager.html / TODO). + Interne Vereinbarungen stehen bewusst NICHT auf der Website. NEUEN SCOUT HINZUFÜGEN: einfach ein neues Objekt unten ins Array kopieren und Felder ausfüllen. Kein Code-Umbau nötig — team-scouts.html diff --git a/assets/js/forms.js b/assets/js/forms.js index 21b4d1b..d1ae4e2 100644 --- a/assets/js/forms.js +++ b/assets/js/forms.js @@ -108,6 +108,23 @@ function setupForm(formId, subjectLabel) { }); } +/* Der Kopfbereich wechselt sein Hintergrundbild mit dem gewählten Reiter: + Creator bekommt sein eigenes Motiv, Scout und Kooperation das + Spicy-Media-Motiv. So passt das Bild immer zur gewählten Bewerbung. */ +const TAB_HINTERGRUENDE = { + "tab-creator": "bg-bewerben-creator", + "tab-scout": "bg-bewerben", + "tab-kooperation": "bg-bewerben", +}; + +function setzeTabHintergrund(tabId) { + const hero = document.querySelector(".hero.page-bg"); + const basis = TAB_HINTERGRUENDE[tabId]; + if (!hero || !basis) return; + hero.style.setProperty("--page-bg", `url('assets/img/${basis}.jpg')`); + hero.style.setProperty("--page-bg-mobile", `url('assets/img/${basis}-mobile.jpg')`); +} + function setupTabs() { const tabs = document.querySelectorAll(".tab-btn"); const panels = document.querySelectorAll(".tab-panel"); @@ -117,8 +134,13 @@ function setupTabs() { panels.forEach((p) => p.classList.remove("active")); tab.classList.add("active"); document.getElementById(tab.dataset.tab).classList.add("active"); + setzeTabHintergrund(tab.dataset.tab); }); }); + + // Beim Laden passend zum bereits aktiven Reiter setzen + const aktiv = document.querySelector(".tab-btn.active"); + if (aktiv) setzeTabHintergrund(aktiv.dataset.tab); } document.addEventListener("DOMContentLoaded", () => { diff --git a/bewerben.html b/bewerben.html index 90203ef..cef0804 100644 --- a/bewerben.html +++ b/bewerben.html @@ -26,7 +26,7 @@
-
+
Manager Dogfather

Werde Teil vom Team

@@ -85,7 +85,7 @@
-

Scouts arbeiten im 50/50 Gewinn-Sharing-Modell mit Dogfather zusammen — dafür wird aktive Mitarbeit erwartet.

+

Scouts finden und begleiten neue Talente für Dogi.

diff --git a/casper.html b/casper.html index 20ebeb0..89f71fd 100644 --- a/casper.html +++ b/casper.html @@ -26,7 +26,7 @@
-
+
Welt 2 — HasiDog

Casper 🐾

@@ -37,7 +37,7 @@
- Casper + Casper — Husky im Sonnenuntergang

Wer ist Casper?

diff --git a/community.html b/community.html index cdbebda..270dbd9 100644 --- a/community.html +++ b/community.html @@ -26,7 +26,7 @@
-
+
Welt 2 — HasiDog

Die Community

diff --git a/creator.html b/creator.html index 3bf1e10..c53993d 100644 --- a/creator.html +++ b/creator.html @@ -26,7 +26,7 @@
-
+
Manager Dogfather — Team

Creator im Team

diff --git a/dogfather.html b/dogfather.html index 03a19ce..4c75d88 100644 --- a/dogfather.html +++ b/dogfather.html @@ -26,7 +26,7 @@
-
+
Welt 1 — Dogfather

Die Person hinter Dogfather

@@ -37,7 +37,7 @@
- Dogfather + Dogfather

Wer ist Dogfather?

diff --git a/manager.html b/manager.html index 3b6604b..f486866 100644 --- a/manager.html +++ b/manager.html @@ -26,7 +26,7 @@
-
+
Welt 3 — Manager Dogfather

Manager Dogfather bei Spicy Media

@@ -43,8 +43,8 @@

Spicy Media Agency

Neben seiner Arbeit als Streamer ist Dogfather Manager bei der Spicy Media Agency. Er unterstützt Scouts und Creator dabei, gemeinsam zu wachsen — professionell, aber mit demselben Herz wie im restlichen DOGFATHER UNIVERSE.

-

Scouts arbeiten in einem 50/50 Gewinn-Sharing-Modell mit Dogfather zusammen.

- +

Scouts finden und begleiten neue Talente für Dogi.

+
Spicy Media Agency Logo
-
+
Welt 2 — HasiDog

Stimmen über Dogfather

diff --git a/streamer.html b/streamer.html index d57fe4c..f9813af 100644 --- a/streamer.html +++ b/streamer.html @@ -68,8 +68,8 @@

Weil hier niemand nur zuschaut, sondern dazugehört. Dogfather ist loyal, witzig, konfliktscheu aber direkt wenn es drauf ankommt — und immer erreichbar für seine Community.

-
- Stream-Szene / Highlight-Bild
folgt in Kürze +
+ Dogfather
diff --git a/streamplan.html b/streamplan.html index 31c71b9..e7eaf5b 100644 --- a/streamplan.html +++ b/streamplan.html @@ -26,7 +26,7 @@
-
+
Welt 1 — Dogfather

Streamplan & Livebereich

diff --git a/team-modis.html b/team-modis.html index 7538158..beba487 100644 --- a/team-modis.html +++ b/team-modis.html @@ -26,7 +26,7 @@
-
+
🩵 Team Dogi

Das Modi-Team

diff --git a/team-scouts.html b/team-scouts.html index 1d06531..32c6d6a 100644 --- a/team-scouts.html +++ b/team-scouts.html @@ -26,11 +26,11 @@
-
+
Manager Dogfather — Spicy Media

Unser Scout-Team

-

Sie finden und begleiten neue Talente für Team Dogi — mit 50/50 Gewinn-Sharing.

+

Sie finden und begleiten neue Talente für Dogi.

diff --git a/vanvan.html b/vanvan.html index bb8712e..8db200e 100644 --- a/vanvan.html +++ b/vanvan.html @@ -26,7 +26,7 @@
-
+
🩵 Exklusive Seite

VanVan

diff --git a/werte.html b/werte.html index 1e85be7..1c46393 100644 --- a/werte.html +++ b/werte.html @@ -26,7 +26,7 @@
-
+
Welt 3 — Manager Dogfather

Werte als Manager

@@ -39,7 +39,7 @@

🤝 Fairness

-

Zusammenarbeit auf Augenhöhe — z.B. das 50/50 Gewinn-Sharing-Modell mit Scouts.

+

Zusammenarbeit auf Augenhöhe — klare Absprachen, verlässlich und fair.

📈 Wachstum ermöglichen

diff --git a/zeitreise.html b/zeitreise.html index 417203d..4b1d905 100644 --- a/zeitreise.html +++ b/zeitreise.html @@ -26,7 +26,7 @@
-
+
Welt 1 — Dogfather

Zeitreise