Nutzer-Report mit drei Bildern vom Handy: 1. HERO-BILD SASS NICHT MEHR HINTER DEM TEXT (index.html) .hero-artwork hat "inset:0" -- füllt also die GESAMTE Höhe von .hero-cinematic, und diese Sektion umschließt nicht nur die Überschrift, sondern auch die 3 Welt-Kacheln darunter. Auf dem Handy wird die Sektion durch den 4-zeilig umbrechenden Titel + Kacheln riesig (~1570px bei 390px Breite) -- das Trio-Bild (16:9, contain-skaliert an die Breite) wurde dadurch nur ~220px hoch und mittig in dieser riesigen Fläche zentriert, landete also als schmaler Streifen zwischen den Buttons und den Welt-Kacheln statt hinter der Überschrift. Fix: eigenes festes Seitenverhältnis (4:3) für die Bildbox auf dem Handy, von OBEN verankert statt zentriert, background-size auf "cover" -- Verlauf eigens für die neue, kürzere Box abgestimmt (die Desktop-Version wäre zu abrupt gewesen). Über 6 Breiten (320-768px) mit Playwright gegengeprüft. 2. MENÜ-KNOPF ZU UNAUFFÄLLIG (main.js + main.css, alle Seiten) "da soll auch menü stehen und die 3 striche" + "die kiste soll auch leicht eine andere farbe haben so dass sie auffällt, eine leicht blau tönung". Sichtbares "Menü" neben den drei Strichen ergänzt (neuer i18n- Schlüssel nav_toggle_label, alle 5 Sprachen) + dezente Babyblau-Tönung (8% Deckkraft, passend zur Markenfarbe --accent). Dabei einen unabhängigen, zweiten Bug gefunden und mitbehoben: durch die neue Knopfbreite/-höhe wurde ein Rechenfehler im geschlossenen Mobilmenü sichtbar -- "translateY(-110%)" reicht nur, wenn das Panel mindestens 10x so hoch ist wie der Kopfbereich; war das nicht der Fall, ragte die Unterkante (der Sprachschalter) ein paar Pixel sichtbar ins Bild. Robusterer Ersatz: -100% + fester 200px-Puffer, unabhängig von Panel- und Kopfbereichshöhe. Über 3 Breiten gegengeprüft (Panel unsichtbar UND öffnet weiterhin normal). 3. "ÖFFNEN"-KNOPF AUF DER ZUGANGSSEITE ABGESCHNITTEN (gate.html) .gate-card trägt "flex: 1 1 220px" für die Desktop-Reihe (220px als BREITE gedacht). Sobald @media max-width:480px auf flex-direction:column umschaltet, gilt dieselbe Zahl als HÖHE -- die Karte wurde auf genau 220px Höhe gequetscht. overflow:hidden setzt zusätzlich das normale Mindestmaß (min-height:auto) auf 0 herunter, wodurch nichts das Zusammenquetschen verhinderte -- der "Öffnen"-Knopf wurde unten abgeschnitten. Fix: flex:none in genau diesem Media-Block, Breite bleibt weiterhin über width:100%/max-width geregelt. An 4 Breiten x 3 Kacheln (Dogi/VanVan/Diene) gegengeprüft: Karten jetzt 258px statt 220px hoch, Knopf komplett sichtbar. Vollständiger Regressionslauf: alle 34 Seiten bei 390px (kein Überlauf, Menü-Knopf überall erreichbar und beschriftet), Desktop bei 1920px unverändert (Hamburger weiterhin nur unter der bestehenden 1650px- Schwelle sichtbar). Cache-Busting-Version auf 20260821t erhöht. Co-Authored-By: Claude Sonnet 5 <[email protected]>
193 lines
12 KiB
HTML
193 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="spicymedia">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Manager DogFather — Spicy Media — DOGFATHER UNIVERSE</title>
|
||
<meta name="description" content="DogFather als Manager bei der Spicy Media Agency: Scouts, Creator und faire Zusammenarbeit." />
|
||
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
|
||
<link rel="manifest" href="/manifest.json" />
|
||
<meta name="theme-color" content="#0b0d10" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="DOGFATHER UNIVERSE" />
|
||
<meta property="og:title" content="Manager DogFather — Spicy Media — DOGFATHER UNIVERSE" />
|
||
<meta property="og:description" content="DogFather als Manager bei der Spicy Media Agency: Scouts, Creator und faire Zusammenarbeit." />
|
||
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://dogfather-universe.com/manager.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Manager DogFather — Spicy Media — DOGFATHER UNIVERSE" />
|
||
<meta name="twitter:description" content="DogFather als Manager bei der Spicy Media Agency: Scouts, Creator und faire Zusammenarbeit." />
|
||
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
|
||
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
|
||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
|
||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
|
||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
|
||
</head>
|
||
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-manager.jpg');--page-bg-mobile:url('/assets/img/bg-manager-mobile.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-manager.jpg" alt="" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="mgr_eyebrow">Welt 3 — Manager DogFather</span>
|
||
<h1 data-i18n="mgr_h1">Manager DogFather bei Spicy Media</h1>
|
||
<p class="lead worlds" data-i18n="mgr_lead">Professionell. Fair. Auf Augenhöhe mit Scouts und Creator.</p>
|
||
<div class="btn-row" style="justify-content:center;">
|
||
<a class="btn btn-primary" href="bewerben.html" data-i18n="mgr_btn_bewerben">Jetzt bewerben</a>
|
||
<a class="btn btn-outline" href="werte.html" data-i18n="mgr_btn_werte">Werte als Manager</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container grid grid-2" style="align-items:center;gap:2.6rem;">
|
||
<div class="collage-photo frame-rot" style="aspect-ratio:1122/1402;border-radius:var(--radius);">
|
||
<img src="assets/img/manager-dogfather-portrait.jpg" alt="DogFather — Manager bei Spicy Media"
|
||
style="width:100%;height:100%;object-fit:cover;" />
|
||
</div>
|
||
<div>
|
||
<h2 data-i18n="mgr_bin_h2">Das bin ich als Manager</h2>
|
||
<p data-i18n="mgr_bin_1">Ich bin <strong>DogFather</strong> – die meisten kennen mich einfach als <strong>Dogi</strong> – und ich bin Manager bei <strong>Spicy Media</strong>.</p>
|
||
<p data-i18n="mgr_bin_2">Für mich bedeutet Management weit mehr, als Creator zu vermitteln, Zahlen zu kontrollieren oder einfach nur einen Titel zu tragen. Ich möchte Menschen kennenlernen, ihre Stärken erkennen und gemeinsam mit ihnen einen Weg aufbauen, der wirklich zu ihnen passt.</p>
|
||
<p data-i18n="mgr_bin_3">Ich weiß selbst, wie viel Mut, Energie und Durchhaltevermögen es braucht, sich vor eine Kamera zu stellen, regelmäßig live zu gehen und sich eine eigene Community aufzubauen. Deshalb ist mir besonders wichtig, dass sich meine Creator bei mir niemals wie eine Nummer fühlen. Hinter jedem Account steckt ein Mensch – mit eigenen Zielen, Unsicherheiten, Ideen und einer ganz eigenen Persönlichkeit.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container" style="max-width:70ch;">
|
||
<p data-i18n="mgr_p1">Als Manager bin ich ehrlich, direkt und ansprechbar. Ich rede nichts schön, mache keine leeren Versprechen und sage offen, wenn etwas verbessert werden muss. Dabei geht es mir niemals darum, jemanden kleinzumachen. Ich möchte motivieren, stärken und Menschen dabei unterstützen, ihr eigenes Potenzial zu erkennen.</p>
|
||
<p data-i18n="mgr_p2">Ich erwarte keine Perfektion. Mir sind <strong>Loyalität, Respekt, Zuverlässigkeit und ein starkes Mindset</strong> viel wichtiger. Fehler dürfen passieren. Entscheidend ist, dass man bereit ist, daraus zu lernen, weiterzumachen und gemeinsam nach Lösungen zu suchen.</p>
|
||
<p data-i18n="mgr_p3">Wenn ich an jemanden glaube, dann setze ich mich auch für diese Person ein. Ich begleite meine Creator bei Fragen, Problemen, Einschränkungen und Unsicherheiten und versuche, ihnen mit meiner Erfahrung zur Seite zu stehen. Ich möchte niemandem vorschreiben, wie er sein muss. Mein Ziel ist es, die Persönlichkeit eines Creators zu stärken – nicht sie zu verändern.</p>
|
||
<p data-i18n="mgr_p4">Ich bin ehrgeizig, leidenschaftlich und manchmal vielleicht ein wenig verrückt. Aber genau das gehört zu mir. Ich mache keine halben Sachen. Wenn ich etwas aufbaue, dann mit Herz, klaren Zielen und voller Energie.</p>
|
||
<p data-i18n="mgr_p5">Für mich entsteht Erfolg nicht nur durch Reichweite, Geschenke oder Zahlen. Erfolg bedeutet auch, sich weiterzuentwickeln, selbstbewusster zu werden, Rückschläge zu überwinden und am Ende stolz auf den eigenen Weg zu sein.</p>
|
||
<p data-i18n="mgr_p6">Ich möchte kein Manager sein, der nur dann da ist, wenn alles gut läuft. Ich möchte besonders dann da sein, wenn es schwierig wird.</p>
|
||
<p data-i18n="mgr_p7">Ich baue keine Fassade, sondern ein starkes Fundament – mit Ehrlichkeit, Vertrauen, Zusammenhalt und Menschen, die bereit sind, gemeinsam etwas zu erreichen.</p>
|
||
<p data-i18n="mgr_p8"><strong>Ich bin nicht nur Manager. Ich bin Ansprechpartner, Unterstützer, Motivator und jemand, der an seine Creator glaubt – auch dann, wenn sie selbst gerade an sich zweifeln.</strong></p>
|
||
<p style="margin-top:1.8rem;" data-i18n="mgr_signatur">
|
||
<strong>Euer Dogi 🩵</strong><br>
|
||
<strong>DogFather</strong><br>
|
||
<em>Manager bei Spicy Media</em>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Spicy Media Agency: eigene 2-Spalten-Sektion im selben Stil wie
|
||
"Das bin ich als Manager" oben, Logo auf Wunsch (02.08.2026) rechts
|
||
statt links (Text zuerst, Logo zweite Spalte). -->
|
||
<section class="section-tight">
|
||
<div class="container grid grid-2" style="align-items:center;gap:2.6rem;">
|
||
<div>
|
||
<h2 data-i18n="mgr_agency_h2">Spicy Media Agency</h2>
|
||
<p data-i18n="mgr_agency_p1">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.</p>
|
||
<p data-i18n="mgr_agency_p2">Scouts finden und begleiten neue Talente für Dogi.</p>
|
||
<!-- Bewusst NICHT öffentlich: interne Vereinbarungen, Beteiligungen oder Verdienste der Scouts. Das geht die Öffentlichkeit nichts an (Vorgabe Dogi, 31.07.2026). -->
|
||
<!-- TikTok-Button zum Spicy-Media-Agentur-Profil, gleicher Mechanismus/Stil wie
|
||
der TikTok-Button auf dogfather.html (.btn-tiktok, siehe main.css), auf
|
||
Wunsch Dogi 20.08.2026. -->
|
||
<a class="btn-tiktok" href="https://www.tiktok.com/@spicymediaagentur" target="_blank" rel="noopener" style="margin-top:1rem;"><span class="btn-tiktok-note" aria-hidden="true">♪</span><span class="btn-tiktok-text">TikTok</span></a>
|
||
</div>
|
||
<div class="collage-photo frame-rot" style="aspect-ratio:1/1;border-radius:var(--radius);background:#000;">
|
||
<img src="assets/img/spicy-media-logo.jpg" alt="Spicy Media Agency Logo"
|
||
style="width:100%;height:100%;object-fit:contain;padding:1.6rem;" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- "Weitere Manager" (21.08.2026, Nutzer-Wunsch: "überall wo ... Manager
|
||
... sind, will ich dass ich die easy über meine Verwaltungsseite
|
||
hinzufüge"). Aktuell gibt es nur DogFather selbst als Manager -- diese
|
||
Sektion bleibt deshalb komplett unsichtbar (hidden), bis über die
|
||
Verwaltung mindestens ein weiterer Manager angelegt wurde. Gleiches
|
||
flaches Karten-Raster wie team-scouts.html. -->
|
||
<section class="section-tight" id="weitere-manager-root" hidden>
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mgr_weitere_h2" data-site-text-key="seitentitel_manager">Weitere Manager</h2>
|
||
<div id="weitere-manager-grid" class="grid grid-4"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mgr_team_h2">Willst du dazugehören?</h2>
|
||
<p class="lead text-center" style="max-width:60ch;margin:0 auto 2rem;" data-i18n="mgr_team_lead">Als Scout, Creator oder Manager — bewirb dich direkt.</p>
|
||
<!-- Nur die Agentur-Ebene: Scouts und Creator. Das Modi-Team gehört zu
|
||
DogFather persönlich (Team Dogi) und steht deshalb unter „DogFather".
|
||
Dritte Kiste "Bewerbung" fasst die vorher separate CTA-Sektion
|
||
darunter zusammen (weniger verstreute Bewerbungs-Hinweise auf der
|
||
Seite, auf Wunsch von Dogi 02.08.2026). Überschrift/Lead am
|
||
02.08.2026 auf Wunsch nochmal angepasst. -->
|
||
<div class="grid grid-3" style="max-width:1000px;margin:0 auto;">
|
||
<a class="card" href="team-scouts.html">
|
||
<h3 data-i18n="mgr_scouts_h3">🔍 Scouts</h3>
|
||
<p data-i18n="mgr_scouts_p">Finden und begleiten neue Talente — Übersicht & Profile.</p>
|
||
</a>
|
||
<a class="card" href="creator.html">
|
||
<h3 data-i18n="mgr_creator_h3">🎬 Creator</h3>
|
||
<p data-i18n="mgr_creator_p">Content Creator, die Teil von Spicy Media sind.</p>
|
||
</a>
|
||
<a class="card" href="bewerben.html">
|
||
<h3 data-i18n="mgr_bewerbung_h3">📝 Bewerbung</h3>
|
||
<p data-i18n="mgr_bewerbung_p">Als Creator, Scout oder Kooperationspartner — bewirb dich direkt.</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/data-manager.js?v=20260821t"></script>
|
||
<script src="assets/js/i18n-manager.js?v=20260821t"></script>
|
||
<script src="assets/js/main.js?v=20260821t"></script>
|
||
<script>
|
||
// "Weitere Manager" (21.08.2026) -- siehe Kommentar bei #weitere-manager-root
|
||
// oben. Aktuell IMMER window.MANAGERS === [] (siehe data-manager.js), Inhalt
|
||
// kommt also ausschließlich über die Verwaltung (dogiTeamLaden). Bleibt
|
||
// komplett unsichtbar, solange niemand eingetragen ist.
|
||
document.addEventListener("DOMContentLoaded", () => {
|
||
const root = document.getElementById("weitere-manager-root");
|
||
const grid = document.getElementById("weitere-manager-grid");
|
||
if (!root || !grid) return;
|
||
|
||
const feld = (x) => (window.dogiFeld ? window.dogiFeld(x) : x || "");
|
||
const t = (schluessel) => (window.dogiUebersetzen ? window.dogiUebersetzen(schluessel) : schluessel);
|
||
|
||
const renderWeitereManager = () => {
|
||
const liste = window.MANAGERS || [];
|
||
if (!liste.length) {
|
||
root.hidden = true;
|
||
return;
|
||
}
|
||
grid.innerHTML = liste.map((m) => {
|
||
const quoteText = feld(m.quote);
|
||
return `
|
||
<a class="profile-card" href="profil.html?p=${m.slug}">
|
||
<div class="avatar">${(m.avatar || m.photo) ? `<img src="${m.avatar || m.photo}" alt="${m.name}" loading="lazy">` : `<span class="avatar-initial">${m.name.charAt(0).toUpperCase()}</span>`}</div>
|
||
<h3>${m.name}</h3>
|
||
<div class="role">${feld(m.role)}</div>
|
||
${quoteText ? `<p class="quote">„${quoteText}"</p>` : ""}
|
||
<span class="btn btn-outline" style="margin-top:.7rem;pointer-events:none;">${t("mgr_weitere_profil_btn")}</span>
|
||
</a>`;
|
||
}).join("");
|
||
root.hidden = false;
|
||
};
|
||
|
||
document.addEventListener("dogi-sprache-geaendert", renderWeitereManager);
|
||
|
||
if (window.dogiTeamLaden) {
|
||
window.dogiTeamLaden("manager").then((neue) => {
|
||
if (!neue.length) return;
|
||
// Runde 2 (21.08.2026, "wenn ich eine änderung mache ist es auch für
|
||
// jeden"): überschreibt bereits importierte Manager statt zu duplizieren.
|
||
window.MANAGERS = window.dogiTeamZusammenfuehren(window.MANAGERS || [], neue);
|
||
renderWeitereManager();
|
||
});
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|