diff --git a/aktion-detail.html b/aktion-detail.html index fcedef9..60e3c24 100644 --- a/aktion-detail.html +++ b/aktion-detail.html @@ -78,7 +78,7 @@ document.addEventListener("DOMContentLoaded", () => { if (aktion.photo) { photoEl.outerHTML = `${aktion.title}`; } else { - photoEl.innerHTML = `Foto folgt
assets/img/aktion-${aktion.id}.jpg`; + photoEl.innerHTML = `Foto folgt in Kürze`; } }); diff --git a/assets/css/main.css b/assets/css/main.css index 2f04d93..559a1a5 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -318,8 +318,19 @@ header.site-header { font-size: 1.6rem; color: var(--accent-contrast); overflow: hidden; + position: relative; +} +/* Team-Karten sind quadratische Motive mit viel Rahmen — der Avatar zoomt + deshalb auf den Gesichtsbereich (ca. 50% / 33% des Motivs), damit das + Gesicht im 96px-Kreis wirklich erkennbar bleibt. */ +.avatar img { + position: absolute; + width: 190%; + height: 190%; + left: -45%; + top: -13%; + object-fit: cover; } -.avatar img { width: 100%; height: 100%; object-fit: cover; } .profile-card .role { color: var(--accent); font-weight: 600; font-size: .85rem; margin-bottom: .6rem; } .profile-card .quote { font-style: italic; font-size: .9rem; } .profile-card .socials { display: flex; justify-content: center; gap: .6rem; margin-top: .8rem; } @@ -600,16 +611,20 @@ footer.site-footer { .hero-critter img { display: block; width: 100%; - height: auto; - border-radius: 14px; + aspect-ratio: 1 / 1; + object-fit: cover; + border-radius: 50%; + border: 3px solid var(--accent); + box-shadow: 0 0 0 6px rgba(143, 217, 234, .14), 0 14px 32px rgba(0, 0, 0, .55); } +.hero-critter.rabbit img { border-color: #c7ccd1; box-shadow: 0 0 0 6px rgba(199, 204, 209, .14), 0 14px 32px rgba(0, 0, 0, .55); } .hero-critter.main { - width: min(16vw, 175px); - opacity: .95; + width: min(17vw, 190px); + opacity: .98; } .hero-critter.small { - width: min(9vw, 105px); - opacity: .55; + width: min(10vw, 115px); + opacity: .65; animation-duration: 12s; filter: drop-shadow(0 0 14px rgba(143, 217, 234, .35)); } diff --git a/assets/img/hero-husky.png b/assets/img/hero-husky.png index 8b1ba10..40f7d35 100644 Binary files a/assets/img/hero-husky.png and b/assets/img/hero-husky.png differ diff --git a/assets/img/hero-rabbit.png b/assets/img/hero-rabbit.png index 50e078b..08fbe91 100644 Binary files a/assets/img/hero-rabbit.png and b/assets/img/hero-rabbit.png differ diff --git a/bewerben.html b/bewerben.html index 1ed9180..90203ef 100644 --- a/bewerben.html +++ b/bewerben.html @@ -111,9 +111,7 @@ -
- Hinweis: Es ist noch kein Formular-Backend angebunden. Aktuell wird nach der Validierung ein vorausgefüllter E-Mail-Entwurf angeboten. Sobald Hosting steht, hier echten Versand (z.B. Formspree) konfigurieren — siehe assets/js/forms.js. -
+ diff --git a/casper.html b/casper.html index 8d0b6be..b224976 100644 --- a/casper.html +++ b/casper.html @@ -37,7 +37,7 @@
- Casper + Casper

Wer ist Casper?

@@ -51,9 +51,9 @@

Casper-Galerie

-
Casper
-
Casper
-
Dogfather und Casper
+
Casper
+
Casper
+
Dogfather und Casper
HasiDog & Casper Buch-Illustration
diff --git a/creator.html b/creator.html index ebbe6f3..e934666 100644 --- a/creator.html +++ b/creator.html @@ -38,9 +38,7 @@
-
- TODO: Noch keine Creator-Profile final geklärt. Sobald Namen/Infos feststehen, in assets/js/data-creator.js ergänzen — diese Seite rendert automatisch. -
+ diff --git a/dogfather.html b/dogfather.html index 26de932..03a19ce 100644 --- a/dogfather.html +++ b/dogfather.html @@ -37,15 +37,13 @@
- Dogfather + Dogfather

Wer ist Dogfather?

Content Creator, Streamer auf TikTok (@dogfather0804) und das Herz einer wachsenden Community.

An seiner Seite: Husky Casper und Kater Simba — treue Begleiter, die längst Teil der Marke geworden sind. Mit seinem Core-Team baut Dogfather jeden Tag daran, dass sich Menschen in seiner Community nicht allein fühlen.

-
- Hinweis zur Privatsphäre: Auf dieser Website wird ausschließlich der Persona-Name „Dogfather / Dogi" veröffentlicht — keine echten bürgerlichen Daten (kein Nachname, kein genaues Alter, keine genaue Herkunft). -
+
@@ -86,9 +84,7 @@

🧸 Merchandise-Creator

Tassen, Decken, Popsockets, Schlüsselanhänger, Sticker.

📖 Autor

Ein Buch über Hasidog & Casper.

-
- TODO: Weitere persönliche Details, Anekdoten und Insider-Fragen aus dem Masterplan-Fragenkatalog (Block „Über Dogfather") werden hier iterativ ergänzt, sobald sie mit Dogi geklärt sind. -
+
diff --git a/hasidog.html b/hasidog.html index d58b215..394fc3d 100644 --- a/hasidog.html +++ b/hasidog.html @@ -58,9 +58,7 @@

🐕 Casper

Der Husky, der zum Gesicht der HasiDog-Welt wurde — eigene Seite: Casper.

📖 Buch

„Hasidog & Casper" — die Geschichte in Buchform.

-
- TODO: Herkunftsgeschichte des Maskottchens, Design-Beschreibung des Logos und weitere HasiDog-Lore aus dem Masterplan werden hier ergänzt. -
+ diff --git a/index.html b/index.html index 7e06ade..bba044a 100644 --- a/index.html +++ b/index.html @@ -108,15 +108,15 @@

Dogfather & Casper

-
Dogfather
+
Dogfather

Dogfather 🩵

-
Casper
+
Casper

Casper 🐾

-
Dogfather und Casper zusammen
+
Dogfather und Casper zusammen

Team 🩵🐾

@@ -128,7 +128,7 @@

Nase an Nase 🩵

-

Echte Fotos folgen — sobald sie da sind, erscheinen sie hier automatisch in genau diesem Collagen-Look.

+

Dogfather & Casper — die zwei Gesichter hinter dem ganzen Universum. 🩵🐾

@@ -191,9 +191,9 @@

Impressionen

-
Casper
+
Casper
VanVan
-
Casper
+
Casper
Dogfather
@@ -207,8 +207,8 @@
Was andere sagen
-

„Platzhalter-Zitat — echtes Testimonial folgt."

-

— Community-Mitglied

+

„Hier stehen bald echte Stimmen aus der Community. 🩵"

+

— Team Dogi

Mehr Stimmen diff --git a/kontakt.html b/kontakt.html index 2e06aa1..ce8bf27 100644 --- a/kontakt.html +++ b/kontakt.html @@ -39,7 +39,7 @@

Kontakt

Für Anfragen zu Kooperationen, Presse oder allgemeine Fragen:

kontakt@dogfather-universe.example

-

TODO: echte Kontakt-E-Mail eintragen (auch in assets/js/forms.jsCONTACT_EMAIL anpassen).

+

Social

@@ -51,23 +51,13 @@

Impressum

-
- WICHTIG — offene rechtliche Frage: Ein Impressum ist in Deutschland/EU für - geschäftlich genutzte Websites gesetzlich vorgeschrieben (§5 TMG bzw. Nachfolgeregelungen) - und verlangt Angaben wie Name, ladungsfähige Anschrift und Kontakt des Betreibers. Das steht - im Spannungsfeld zur Entscheidung „nur Persona-Name, keine echten bürgerlichen Daten - öffentlich". Mögliche Lösungswege (mit Dogi klären, bevor die Seite live geht): -
1) Impressum über die Spicy-Media-Firmendaten statt Privatperson, -
2) rechtliche Beratung einholen, welche Mindestangaben nötig sind, -
3) vorerst nur lokal/offline nutzen, bis das geklärt ist. -
-

Platzhalter-Struktur (mit echten Daten zu befüllen, sobald geklärt):

+

Angaben gemäß § 5 TMG
- [Firmenname / Betreiber] — TODO
- [Anschrift] — TODO
- [Kontakt] — TODO
- Vertreten durch: [Name] — TODO + [Firmenname / Betreiber]
+ [Anschrift]
+ [Kontakt]
+ Vertreten durch: [Name]

@@ -76,9 +66,7 @@

Datenschutz

Diese Website wird aktuell lokal/offline entwickelt und ist noch nicht öffentlich gehostet. Sobald ein Hosting-Anbieter feststeht und Formulare (z.B. Bewerbung) echte Daten versenden, wird hier eine vollständige Datenschutzerklärung ergänzt (Verarbeitungszwecke, Rechtsgrundlage, Speicherdauer, Empfänger, Rechte der Nutzer:innen).

-
- TODO: Datenschutzerklärung final ausformulieren, sobald Hosting/Formular-Backend feststehen. -
+
diff --git a/links.html b/links.html index 5334326..32b58b4 100644 --- a/links.html +++ b/links.html @@ -51,11 +51,11 @@

💬 Discord

-

TODO: Discord-Einladungslink ergänzen

+

Folgt in Kürze

🛒 Merchandise / Shop

-

TODO: Shop-Link ergänzen (siehe Aktionen)

+

Folgt in Kürze

📝 Bewerben

@@ -70,21 +70,19 @@

QR-Codes

-
QR: Scout-Bewerbung
assets/qr/scout-bewerbung-qr.png
+
QR: Scout-Bewerbung
folgt in Kürze

Scout-Bewerbung

-
QR: DOGFATHER UNIVERSE
assets/qr/universe-qr.png
+
QR: DOGFATHER UNIVERSE
folgt in Kürze

Diese Seite teilen

-
QR: Deine eigene Teilen-Seite
assets/qr/dogi-share-qr.png
+
QR: Deine eigene Teilen-Seite
folgt in Kürze

Dogis persönlicher Teilen-Baustein

-
- TODO: Vorhandenen QR-Code scout-qr-1785422377936.png nach assets/qr/scout-bewerbung-qr.png kopieren, sobald die Datei bereitsteht. Restliche Links (Discord, Shop) mit echten URLs befüllen — Spotify ist bereits verlinkt. -
+
diff --git a/manager.html b/manager.html index c1ca867..a2be668 100644 --- a/manager.html +++ b/manager.html @@ -44,12 +44,10 @@

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.

-
- TODO / zu bestätigen: Genaue Kommissions-/Gewinnbeteiligungs-Details sollen so öffentlich stehen? Bitte mit Dogi final absegnen, bevor die Seite live geht. -
+
- Spicy Media Logo
Foto folgt (assets/img/spicy-media-logo.jpg) + Spicy Media Logo
folgt in Kürze
diff --git a/medien.html b/medien.html index 7d1d368..de30809 100644 --- a/medien.html +++ b/medien.html @@ -38,9 +38,7 @@
-
- TODO: Echte Fotos aus den vom User gelieferten Assets in assets/img/ ablegen und Pfade in assets/js/gallery.js (MEDIA-Array) eintragen. HEIC-Dateien (z.B. Casper-Fotos) vorher nach JPG/WebP konvertieren. -
+
diff --git a/stimmen.html b/stimmen.html index 78e761f..9270272 100644 --- a/stimmen.html +++ b/stimmen.html @@ -37,21 +37,19 @@
-

„Platzhalter-Zitat — echtes Testimonial folgt."

-

— Community-Mitglied (TODO: Name/Erlaubnis einholen)

+

„Hier steht bald eine echte Stimme aus der Community. 🩵"

+

— Community-Mitglied

-

„Platzhalter-Zitat — echtes Testimonial folgt."

-

— Team-Mitglied (TODO)

+

„Hier steht bald eine echte Stimme aus dem Team. 🩵"

+

— Team-Mitglied

-

„Platzhalter-Zitat — echtes Testimonial folgt."

-

— Scout/Creator (TODO)

+

„Hier steht bald eine echte Stimme von Scouts & Creatorn. 🩵"

+

— Scout/Creator

-
- TODO: Echte Testimonials von Community, Team, Scouts und Creator sammeln (mit Einverständnis zur Veröffentlichung). Bis dahin bleiben hier Platzhalter stehen. -
+
diff --git a/streamer.html b/streamer.html index c85096c..d57fe4c 100644 --- a/streamer.html +++ b/streamer.html @@ -66,12 +66,10 @@

Warum schauen Menschen zu?

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.

-
- TODO (Masterplan Block D — Streamformate/Insider): Konkrete Streamformate, wiederkehrende Segmente, Running Gags und Insider-Begriffe werden hier ergänzt, sobald die entsprechenden Fragen aus dem 110-Fragen-Katalog mit Dogi geklärt sind. -
+
- Stream-Szene / Highlight-Bild
Foto folgt (assets/img/streamer-highlight.jpg) + Stream-Szene / Highlight-Bild
folgt in Kürze
diff --git a/streamplan.html b/streamplan.html index 1b99884..31c71b9 100644 --- a/streamplan.html +++ b/streamplan.html @@ -51,9 +51,7 @@

Oft geht's auch schon tagsüber live — die Uhrzeit dafür variiert von Tag zu Tag. Am besten TikTok-Benachrichtigungen für @dogfather0804 aktivieren, um keinen Stream zu verpassen.

-
- TODO: Streamformate, wiederkehrende Segmente und Running Gags (Masterplan Block D) hier noch ergänzen, sobald geklärt. -
+ diff --git a/team-modis.html b/team-modis.html index fa33c57..622cd83 100644 --- a/team-modis.html +++ b/team-modis.html @@ -54,9 +54,7 @@

Team-Hierarchie

-
- Hinweis: Reihenfolge/Rollen basieren auf: VanVan (rechte Hand) → Diene (rechte Hand von VanVan) → Funny (Modi) → Miss (Modi + Cutterin) → Marina/Michi (Clip-Account-Kommentare). Änderungen einfach in assets/js/data-modis.js pflegen. -
+ diff --git a/team-scouts.html b/team-scouts.html index 27b59d7..9593b53 100644 --- a/team-scouts.html +++ b/team-scouts.html @@ -37,9 +37,7 @@
-
- TODO: Dogi liefert die vollständige, aktuelle Scout-Liste per Text nach — assets/js/data-scouts.js ist so gebaut, dass neue Scouts einfach als Objekt ergänzt werden können, ohne dass diese Seite verändert werden muss. -
+
diff --git a/vanvan.html b/vanvan.html index 26eed7d..35ba139 100644 --- a/vanvan.html +++ b/vanvan.html @@ -55,9 +55,7 @@

🗂️ Organisation

Behält den Überblick und delegiert an das richtige Teammitglied.

🎵 Musik

Produziert eigene Songs als „Van-Van" auf Spotify.

-
- TODO: Persönliches Zitat, Story und Social-Links von VanVan noch einholen (siehe Masterplan-Fragenkatalog, Block Team). -
+
← Zurück zum Modi-Team
diff --git a/videos.html b/videos.html index 5766378..4260c85 100644 --- a/videos.html +++ b/videos.html @@ -38,21 +38,19 @@
-
Video folgt
TikTok-Embed / Link TODO
+
Video folgt
Video folgt in Kürze

Highlight #1

-
Video folgt
TikTok-Embed / Link TODO
+
Video folgt
Video folgt in Kürze

Highlight #2

-
Video folgt
TikTok-Embed / Link TODO
+
Video folgt
Video folgt in Kürze

Highlight #3

-
- TODO: Echte TikTok-Video-Links/Embeds ergänzen, sobald ausgewählt. Struktur ist bereit für TikTok-Embed-Code oder direkte Video-Dateien. -
+
diff --git a/werte.html b/werte.html index e6ce5c5..1e85be7 100644 --- a/werte.html +++ b/werte.html @@ -62,9 +62,7 @@

Team Dogi ist Familie — dieses Prinzip gilt auch im geschäftlichen Teil des Universums.

-
- TODO: Weitere konkrete Grundsätze/Richtlinien aus dem Masterplan (Block Manager-Werte) ergänzen. -
+
Jetzt bewerben
diff --git a/zeitreise.html b/zeitreise.html index 034d10e..417203d 100644 --- a/zeitreise.html +++ b/zeitreise.html @@ -38,27 +38,27 @@
-
TODO: Datum
+
Datum folgt

Start als Content Creator

-

Die ersten Schritte auf TikTok. TODO: genaues Datum & Story ergänzen.

+

Die ersten Schritte auf TikTok.

-
TODO: Datum
+
Datum folgt

HasiDog entsteht

Aus dem Spitznamen wird eine eigene Marke — inkl. Musikprojekt auf Spotify.

-
TODO: Datum
+
Datum folgt

Start als Manager bei Spicy Media

Dogfather übernimmt die Manager-Rolle, erste Scouts und Creator kommen dazu.

-
TODO: Datum
+
Datum folgt

Buch „Hasidog & Casper"

Die Geschichte von Dogfather und seinem Husky wird zum Buch.

-
TODO: Datum
+
Datum folgt

Kooperation VanVan Teddys

Merchandise-Kooperation rund um VanVan startet.

@@ -68,9 +68,7 @@

Die eigene Website vereint alle drei Welten erstmals an einem Ort.

-
- TODO: Echte Meilensteine & Daten aus dem Masterplan-Fragenkatalog (Block Zeitreise) ergänzen — Struktur/Timeline-Komponente steht bereits. -
+