Vorheriger max-height-Deckel (460px) fürs sehr hochkantige
streamer-mascot.jpg (900x2812) war zu knapp und ließ eine sichtbare
Lücke neben dem längeren Text ("die größe vom bild vom husky soll dem
text rechts nebendran angepasst werden"). Deckel auf 720px erhöht
(orientiert an der typischen Texthöhe in diesem Abschnitt), Grid-Stretch-
Ansatz ausprobiert und wegen Rückkopplung mit dem extremen
Seitenverhältnis verworfen (siehe Kommentare in main.css/streamer.html).
Cache-Busting-Version auf 20260821b erhöht (Cloudflare cached CSS/JS
sonst bis zu 4h am Edge).
Co-Authored-By: Claude Sonnet 5 <[email protected]>
78 lines
4.2 KiB
HTML
78 lines
4.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>Streamer gesucht — DOGFATHER UNIVERSE</title>
|
|
<meta name="description" content="Du bist Streamer und suchst einen Manager? Bewirb dich als Creator bei Spicy Media." />
|
|
<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="Streamer gesucht — DOGFATHER UNIVERSE" />
|
|
<meta property="og:description" content="Du bist Streamer und suchst einen Manager? Bewirb dich als Creator bei Spicy Media." />
|
|
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
|
<meta property="og:url" content="https://dogfather-universe.com/bewerben-creator.html" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Streamer gesucht — DOGFATHER UNIVERSE" />
|
|
<meta name="twitter:description" content="Du bist Streamer und suchst einen Manager? Bewirb dich als Creator bei Spicy Media." />
|
|
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
|
|
|
<link rel="stylesheet" href="assets/css/main.css?v=20260821b" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821b" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821b" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821b" />
|
|
</head>
|
|
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
|
|
<div id="site-header"></div>
|
|
|
|
<main>
|
|
<section class="hero page-bg">
|
|
<div class="hero-banner"><img src="/assets/img/bg-bewerben-creator.jpg" alt="" loading="eager" /></div>
|
|
<div class="container">
|
|
<span class="eyebrow" data-i18n="bwc_eyebrow">Manager DogFather — Agentur</span>
|
|
<h1 data-i18n="bwc_h1">Streamer? Ich such dich als Creator.</h1>
|
|
<p class="lead worlds" data-i18n="bwc_lead">Du bist Streamer und suchst jemanden, der dich als Manager unterstützt? Bewirb dich hier.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-tight">
|
|
<div class="container" style="max-width:640px;">
|
|
<form class="app-form" id="form-creator" novalidate>
|
|
<div class="field">
|
|
<label for="c-name" data-i18n="bwc_label_name">Name *</label>
|
|
<input id="c-name" name="name" type="text" required />
|
|
</div>
|
|
<div class="field">
|
|
<label for="c-email" data-i18n="bwc_label_email">E-Mail *</label>
|
|
<input id="c-email" name="email" type="email" required />
|
|
<span class="error-msg" data-i18n="bwc_error_email">Bitte gültige E-Mail-Adresse eingeben.</span>
|
|
</div>
|
|
<div class="field">
|
|
<label for="c-platform" data-i18n="bwc_label_platform">Plattform & Handle *</label>
|
|
<input id="c-platform" name="platform" type="text" placeholder="z.B. TikTok @dein-handle" data-i18n-attr="placeholder:bwc_placeholder_platform" required />
|
|
</div>
|
|
<div class="field">
|
|
<label for="c-content" data-i18n="bwc_label_content">Was für Content machst du? *</label>
|
|
<textarea id="c-content" name="content" required></textarea>
|
|
</div>
|
|
<button class="btn btn-primary" type="submit" data-i18n="bwc_submit">Bewerbung als Creator senden</button>
|
|
<div class="form-status"></div>
|
|
</form>
|
|
|
|
<div class="btn-row" style="justify-content:center;margin-top:1.6rem;">
|
|
<a class="btn btn-outline" href="creator.html" data-i18n="bwc_link_creator">← Bereits bei Spicy Media</a>
|
|
<a class="btn btn-outline" href="bewerben.html" data-i18n="bwc_link_bewerben">Andere Bewerbung suchen</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="site-footer"></div>
|
|
<script src="assets/js/forms.js?v=20260821b"></script>
|
|
<script src="assets/js/i18n-bewerben-creator.js?v=20260821b"></script>
|
|
<script src="assets/js/main.js?v=20260821b"></script>
|
|
</body>
|
|
</html>
|