DogFatherGitandClaude Sonnet 5
1f0ec994a9
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]>
120 lines
8.2 KiB
HTML
120 lines
8.2 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>Werte als Manager — DOGFATHER UNIVERSE</title>
|
||
<meta name="description" content="Die Werte, nach denen DogFather als Manager bei Spicy Media arbeitet." />
|
||
<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="Werte als Manager — DOGFATHER UNIVERSE" />
|
||
<meta property="og:description" content="Die Werte, nach denen DogFather als Manager bei Spicy Media arbeitet." />
|
||
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://dogfather-universe.com/werte.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Werte als Manager — DOGFATHER UNIVERSE" />
|
||
<meta name="twitter:description" content="Die Werte, nach denen DogFather als Manager bei Spicy Media arbeitet." />
|
||
<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-werte.jpg');--page-bg-mobile:url('/assets/img/bg-werte-mobile.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-werte.jpg" alt="" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="wt_eyebrow">Welt 3 — Manager DogFather</span>
|
||
<h1 data-i18n="wt_h1">Werte als Manager</h1>
|
||
<p class="lead worlds" data-i18n="wt_lead">Professionell. Fair. Mit Herz — auch im Business.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container">
|
||
<p class="lead text-center" data-i18n="wt_intro" style="max-width:70ch;margin:0 auto 2.6rem;">
|
||
Für mich bedeutet Management nicht, einfach nur Zahlen zu kontrollieren oder Creator zu vermitteln.
|
||
Es bedeutet, Menschen zu begleiten, Potenziale zu erkennen und gemeinsam etwas aufzubauen, das
|
||
langfristig Bestand hat. Ich möchte kein Manager sein, der nur im Hintergrund steht – ich möchte
|
||
Ansprechpartner, Unterstützer und jemand sein, auf den man sich verlassen kann.
|
||
</p>
|
||
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c1_h3">🧠 Starkes Mindset</h3>
|
||
<p data-i18n="wt_c1_p">Erfolg beginnt im Kopf. Rückschläge gehören dazu, aber Aufgeben ist keine Option. Ich helfe meinen Creatorn dabei, an sich selbst zu glauben, ihre Ziele nicht aus den Augen zu verlieren und auch in schwierigen Phasen weiterzumachen.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c2_h3">🤝 Loyalität</h3>
|
||
<p data-i18n="wt_c2_p">Wer zu meinem Team gehört, kann sich auf mich verlassen. Loyalität bedeutet für mich, füreinander einzustehen, ehrlich miteinander umzugehen und nicht beim ersten Problem den Rücken zuzukehren.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c3_h3">🩵 Menschlichkeit</h3>
|
||
<p data-i18n="wt_c3_p">Hinter jedem Account, jedem Stream und jeder Statistik steckt ein Mensch. Deshalb stehen für mich nicht nur Leistungen und Ergebnisse im Mittelpunkt, sondern auch das persönliche Wohlbefinden, die individuelle Situation und der respektvolle Umgang miteinander.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c4_h3">🗣️ Ehrliche Kommunikation</h3>
|
||
<p data-i18n="wt_c4_p">Ich rede nichts schön und mache keine leeren Versprechen. Probleme werden offen angesprochen, Erfolge gemeinsam gefeiert und Entscheidungen verständlich erklärt. Ehrlichkeit schafft Vertrauen – und Vertrauen ist die Grundlage einer starken Zusammenarbeit.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c5_h3">🛡️ Verantwortung</h3>
|
||
<p data-i18n="wt_c5_p">Als Manager übernehme ich Verantwortung für meine Entscheidungen und für die Menschen, die mir vertrauen. Ich nehme Anliegen ernst, suche nach Lösungen und lasse meine Creator bei Problemen nicht allein.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c6_h3">🚀 Entwicklung statt Stillstand</h3>
|
||
<p data-i18n="wt_c6_p">Jeder Mensch besitzt Potenzial. Meine Aufgabe ist es, dieses Potenzial zu erkennen und gezielt zu fördern. Gemeinsam arbeiten wir an Auftritt, Content, Livestreams, Selbstvertrauen und persönlichen Zielen – Schritt für Schritt und ohne jemanden zu verbiegen.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c7_h3">🎯 Ziele und klare Richtung</h3>
|
||
<p data-i18n="wt_c7_p">Träume sind wichtig, aber ohne einen Plan bleiben sie nur Träume. Gemeinsam setzen wir realistische Ziele, entwickeln klare Strategien und verfolgen den Fortschritt. Dabei zählt nicht, wie schnell jemand wächst, sondern dass er sich kontinuierlich weiterentwickelt.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c8_h3">💪 Lösungen statt Ausreden</h3>
|
||
<p data-i18n="wt_c8_p">Probleme gehören zum Weg dazu. Entscheidend ist, wie man mit ihnen umgeht. Ich suche nicht nach Schuldigen, sondern nach Lösungen. Stillstehen, weil etwas schwierig wird, passt nicht zu meiner Einstellung.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c9_h3">👑 Respekt auf Augenhöhe</h3>
|
||
<p data-i18n="wt_c9_p">Unabhängig von Reichweite, Erfahrung oder Status verdient jeder Mensch Respekt. Ich begegne meinen Creatorn auf Augenhöhe, höre zu und nehme unterschiedliche Meinungen ernst. Niemand ist mehr wert, nur weil seine Zahlen größer sind.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c10_h3">🌟 Individualität</h3>
|
||
<p data-i18n="wt_c10_p">Niemand muss eine Kopie von jemand anderem sein, um erfolgreich zu werden. Jeder Creator hat seine eigene Persönlichkeit, Geschichte und Stärke. Genau diese Einzigartigkeit soll sichtbar werden und erhalten bleiben.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c11_h3">🫂 Zusammenhalt</h3>
|
||
<p data-i18n="wt_c11_p">Ich möchte keine oberflächliche Gruppe aufbauen, in der jeder nur an sich denkt. Mein Ziel ist eine Gemeinschaft, in der man sich gegenseitig unterstützt, motiviert und Erfolge miteinander teilt. Zusammen sind wir stärker als allein.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c12_h3">🔥 Leidenschaft</h3>
|
||
<p data-i18n="wt_c12_p">Ich mache meine Arbeit nicht halbherzig. Wenn ich an einen Menschen und sein Potenzial glaube, setze ich mich mit voller Energie dafür ein. Erfolg entsteht dort, wo Leidenschaft, Disziplin und echtes Engagement zusammenkommen.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3 data-i18n="wt_c13_h3">🏆 Mein Anspruch</h3>
|
||
<p data-i18n="wt_c13_p">Ich möchte nicht einfach nur Creator verwalten. Ich möchte Menschen stärken, Chancen schaffen und gemeinsam mit ihnen etwas Echtes aufbauen.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card text-center" style="max-width:640px;margin:2.6rem auto 0;">
|
||
<p class="quote" data-i18n="wt_quote" style="font-size:1.1rem;margin:0;">Keine Fassade. Keine leeren Versprechen. Sondern Vertrauen, Entwicklung und ein starkes gemeinsames Fundament.</p>
|
||
</div>
|
||
|
||
<div class="btn-row" style="justify-content:center;margin-top:2.2rem;">
|
||
<a class="btn btn-primary" href="bewerben.html" data-i18n="wt_btn">Jetzt bewerben</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/i18n-werte.js?v=20260821t"></script>
|
||
<script src="assets/js/main.js?v=20260821t"></script>
|
||
</body>
|
||
</html>
|