DogFatherGit
3d5b187a58
Seite hatte bisher gar kein Hintergrundmotiv (nur body ohne Klasse) - jetzt nach dem etablierten Muster ergänzt: body.mit-hintergrund mit --page-bg/--page-bg-mobile + echter hero-banner-<img> oben (garantiert volle Breite und komplett sichtbar, wie auf allen anderen Seiten).
106 lines
6.0 KiB
HTML
106 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="dogfather">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Dogfather als Streamer — DOGFATHER UNIVERSE</title>
|
||
<meta name="description" content="Dogfathers Content: Halligalli, Eindeutig Zweideutig, Hasencontent — Formate, Themen und Persönlichkeit als Streamer." />
|
||
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="DOGFATHER UNIVERSE" />
|
||
<meta property="og:title" content="Dogfather als Streamer — DOGFATHER UNIVERSE" />
|
||
<meta property="og:description" content="Dogfathers Content: Halligalli, Eindeutig Zweideutig, Hasencontent — Formate, Themen und Persönlichkeit als Streamer." />
|
||
<meta property="og:image" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/streamer.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Dogfather als Streamer — DOGFATHER UNIVERSE" />
|
||
<meta name="twitter:description" content="Dogfathers Content: Halligalli, Eindeutig Zweideutig, Hasencontent — Formate, Themen und Persönlichkeit als Streamer." />
|
||
<meta name="twitter:image" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
|
||
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<link rel="stylesheet" href="assets/css/theme-dogfather.css" />
|
||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||
</head>
|
||
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamer.jpg');--page-bg-mobile:url('/assets/img/bg-streamer-mobile.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-streamer.jpg" alt="" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow">Welt 1 — Dogfather</span>
|
||
<h1>Dogfather als Streamer</h1>
|
||
<p class="lead worlds">TikTok @dogfather0804 — Halligalli, Humor und ganz viel Community.</p>
|
||
<div class="btn-row" style="justify-content:center;">
|
||
<a class="btn btn-primary" href="streamplan.html">Streamplan ansehen</a>
|
||
<a class="btn btn-outline" href="links.html">Alle Social Links</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container grid grid-2" style="align-items:center;">
|
||
<div>
|
||
<h2>Warum schauen Menschen zu?</h2>
|
||
<p>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.</p>
|
||
<!-- TODO: 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. -->
|
||
</div>
|
||
<div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
|
||
<img src="assets/img/streamer-highlight.jpg" alt="Dogfather" style="width:100%;height:auto;display:block;" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container" style="max-width:70ch;">
|
||
<h2 class="text-center">Der Mensch hinter DogFather</h2>
|
||
<p>Hinter <strong>DogFather</strong> steht ein Mensch, dem Familie, Loyalität und echter Zusammenhalt besonders wichtig sind.</p>
|
||
<p>Ich bin ein direkter, ehrlicher und humorvoller Mensch, der großen Wert darauf legt, andere so zu behandeln, wie er selbst behandelt werden möchte. Respekt, Vertrauen und Verlässlichkeit sind für mich keine leeren Worte, sondern Werte, nach denen ich jeden Tag lebe.</p>
|
||
<p>Menschen, die mir wichtig sind, können sich jederzeit auf mich verlassen. Ich höre zu, unterstütze, wo ich kann, und versuche auch in schwierigen Situationen, den Blick für das Positive nicht zu verlieren. Gleichzeitig bin ich jemand, der offen seine Meinung sagt und lieber ehrlich als oberflächlich ist.</p>
|
||
<p>Neben meiner ernsten und verantwortungsvollen Seite gehört auch eine große Portion Humor zu mir. Ich lache gerne, nehme mich selbst nicht immer zu ernst und genieße die kleinen, besonderen Momente im Leben.</p>
|
||
<p>Für mich zählt nicht, was ein Mensch besitzt oder nach außen darstellt. Entscheidend sind sein Charakter, sein Herz und die Art, wie er mit anderen Menschen umgeht.</p>
|
||
<p class="quote" style="margin-top:1.4rem;">Echt im Herzen. Klar im Kopf. Loyal bis zum Schluss.</p>
|
||
<p style="text-align:right;"><strong>– Filipe</strong></p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container">
|
||
<h2 class="text-center">Content-Säulen</h2>
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<span class="tag">Kern</span>
|
||
<h3>Halligalli, Spaß & Humor</h3>
|
||
<p>Content der Menschen zum Lachen bringt — der Kern von allem, was Dogfather macht.</p>
|
||
</div>
|
||
<div class="card">
|
||
<span class="tag">Frech</span>
|
||
<h3>Eindeutig Zweideutig</h3>
|
||
<p>Suggestiver, frecher Humor, der bewusst mit Grenzen spielt.</p>
|
||
</div>
|
||
<div class="card">
|
||
<span class="tag">Chaos</span>
|
||
<h3>Hasencontent</h3>
|
||
<p>Pranks, Überraschungen und lustig-verpeilte Vibes — Leute werden liebevoll „hops genommen".</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container text-center">
|
||
<h2>Mehr sehen</h2>
|
||
<div class="btn-row" style="justify-content:center;">
|
||
<a class="btn btn-secondary" href="videos.html">Video-Highlights</a>
|
||
<a class="btn btn-outline" href="medien.html">Foto-Galerie</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
</html>
|