Drei getrennte Bewerbungsseiten statt einer Seite mit Reitern
Wunsch: eigene Seiten fuer Agentur-Bewerbungen und Community, konkret Modi fuer Dogfather, Scouts fuer Dogfather, und Streamer die Dogfather als Manager suchen -- statt allem auf einer Seite mit Tabs. Neu: - bewerben-modi.html -- Community/Team Dogi, babyblau, eigenes Motiv - bewerben-scout.html -- Agentur, rot, Scout-Motiv - bewerben-creator.html -- Agentur, rot, "Streamer? Ich such dich als Creator." -- fuer Streamer, die einen Manager suchen - bewerben-kooperation.html -- Agentur, rot, Business-Anfragen bewerben.html ist jetzt eine kurze Uebersicht mit drei grossen Karten (Modi/Scout/Creator) plus einem Hinweis auf die Kooperationsseite, statt eines Tab-Systems. Alle internen Links aktualisiert (team-modis.html, team-scouts.html, creator.html, links.html-Text) auf die jeweils passende, direkte Seite. Generische "Jetzt bewerben"-Knoepfe (Startseite, Werte, Manager) bleiben bewusst auf der Uebersicht, da dort keine Rolle vorausgewaehlt ist. forms.js vereinfacht: das Tab-/Hintergrundwechsel-System ist raus, jede Seite traegt ihr Motiv jetzt wie jede andere Seite der Website fest im HTML. Kein Backend-/Datenbankaenderung noetig -- "modi" war schon als Bewerbungstyp erlaubt. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
+26
-114
@@ -4,17 +4,17 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Bewerben — DOGFATHER UNIVERSE</title>
|
||||
<meta name="description" content="Bewirb dich als Creator, Scout, Modi oder für eine Kooperation bei Team Dogi / Spicy Media." />
|
||||
<meta name="description" content="Werde Teil vom Team: Modi bei Team Dogi, Scout oder Creator bei Spicy Media, oder Kooperation anfragen." />
|
||||
<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="Bewerben — DOGFATHER UNIVERSE" />
|
||||
<meta property="og:description" content="Bewirb dich als Creator, Scout, Modi oder für eine Kooperation bei Team Dogi / Spicy Media." />
|
||||
<meta property="og:description" content="Werde Teil vom Team: Modi bei Team Dogi, Scout oder Creator bei Spicy Media, oder Kooperation anfragen." />
|
||||
<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/bewerben.html" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="Bewerben — DOGFATHER UNIVERSE" />
|
||||
<meta name="twitter:description" content="Bewirb dich als Creator, Scout, Modi oder für eine Kooperation bei Team Dogi / Spicy Media." />
|
||||
<meta name="twitter:description" content="Werde Teil vom Team: Modi bei Team Dogi, Scout oder Creator bei Spicy Media, oder Kooperation anfragen." />
|
||||
<meta name="twitter:image" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
|
||||
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
@@ -28,130 +28,42 @@
|
||||
<main>
|
||||
<section class="hero page-bg">
|
||||
<div class="container">
|
||||
<span class="eyebrow" id="bewerben-eyebrow">Manager Dogfather</span>
|
||||
<h1>Werde Teil vom Team</h1>
|
||||
<p class="lead worlds">Als Creator, Scout, Modi oder Kooperationspartner.</p>
|
||||
<span class="eyebrow">Werde Teil vom Team</span>
|
||||
<h1>Community oder Agentur — such dir deinen Weg</h1>
|
||||
<p class="lead worlds">Drei Bewerbungen, drei ganz unterschiedliche Rollen. Wähl, was zu dir passt.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-tight">
|
||||
<div class="container">
|
||||
<div class="tabs">
|
||||
<button class="tab-btn active" data-tab="tab-creator">Creator</button>
|
||||
<button class="tab-btn" data-tab="tab-scout">Scout</button>
|
||||
<button class="tab-btn" data-tab="tab-modi">Modi</button>
|
||||
<button class="tab-btn" data-tab="tab-kooperation">Kooperation</button>
|
||||
<div class="grid grid-3">
|
||||
<a class="card" href="bewerben-modi.html" style="--accent:#8fd9ea;--accent-2:#8b5cf6;">
|
||||
<span class="tag">🩵 Community — Team Dogi</span>
|
||||
<h3>Modi werden</h3>
|
||||
<p>Dogfathers persönliches Team. Chat, Community und Zusammenhalt im Alltag.</p>
|
||||
</a>
|
||||
<a class="card" href="bewerben-scout.html">
|
||||
<span class="tag">Agentur — Spicy Media</span>
|
||||
<h3>Scout werden</h3>
|
||||
<p>Finde und begleite neue Talente für Dogfather als Manager.</p>
|
||||
</a>
|
||||
<a class="card" href="bewerben-creator.html">
|
||||
<span class="tag">Agentur — Spicy Media</span>
|
||||
<h3>Als Streamer bewerben</h3>
|
||||
<p>Du suchst einen Manager? Bewirb dich als Creator bei Spicy Media.</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel active" id="tab-creator">
|
||||
<form class="app-form" id="form-creator" novalidate>
|
||||
<div class="field">
|
||||
<label for="c-name">Name *</label>
|
||||
<input id="c-name" name="name" type="text" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="c-email">E-Mail *</label>
|
||||
<input id="c-email" name="email" type="email" required />
|
||||
<span class="error-msg">Bitte gültige E-Mail-Adresse eingeben.</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="c-platform">Plattform & Handle *</label>
|
||||
<input id="c-platform" name="platform" type="text" placeholder="z.B. TikTok @dein-handle" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="c-content">Was für Content machst du? *</label>
|
||||
<textarea id="c-content" name="content" required></textarea>
|
||||
</div>
|
||||
<button class="btn btn-primary" type="submit">Bewerbung als Creator senden</button>
|
||||
<div class="form-status"></div>
|
||||
</form>
|
||||
<div class="card text-center" style="max-width:520px;margin:2.4rem auto 0;">
|
||||
<h3 style="margin-top:0;">Firma, Marke oder eigenes Projekt?</h3>
|
||||
<p class="small muted">Für Kooperationsanfragen gibt es eine eigene, kurze Seite.</p>
|
||||
<a class="btn btn-outline" href="bewerben-kooperation.html">Kooperation anfragen</a>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel" id="tab-scout">
|
||||
<form class="app-form" id="form-scout" novalidate>
|
||||
<div class="field">
|
||||
<label for="s-name">Name *</label>
|
||||
<input id="s-name" name="name" type="text" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="s-email">E-Mail *</label>
|
||||
<input id="s-email" name="email" type="email" required />
|
||||
<span class="error-msg">Bitte gültige E-Mail-Adresse eingeben.</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="s-erfahrung">Erfahrung als Scout / im Netzwerk aufbauen *</label>
|
||||
<textarea id="s-erfahrung" name="erfahrung" required></textarea>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="s-verfuegbarkeit">Wie viel Zeit kannst du investieren? *</label>
|
||||
<input id="s-verfuegbarkeit" name="verfuegbarkeit" type="text" required />
|
||||
</div>
|
||||
<p class="small muted">Scouts finden und begleiten neue Talente für Dogi.</p>
|
||||
<button class="btn btn-primary" type="submit">Bewerbung als Scout senden</button>
|
||||
<div class="form-status"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel" id="tab-modi">
|
||||
<form class="app-form" id="form-modi" novalidate>
|
||||
<div class="field">
|
||||
<label for="m-name">Name *</label>
|
||||
<input id="m-name" name="name" type="text" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="m-email">E-Mail *</label>
|
||||
<input id="m-email" name="email" type="email" required />
|
||||
<span class="error-msg">Bitte gültige E-Mail-Adresse eingeben.</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="m-kontakt">Discord- oder TikTok-Handle *</label>
|
||||
<input id="m-kontakt" name="kontakt" type="text" placeholder="z.B. Discord: dein-tag" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="m-erfahrung">Hast du schon Erfahrung als Moderator:in / in einer Community? *</label>
|
||||
<textarea id="m-erfahrung" name="erfahrung" required></textarea>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="m-verfuegbarkeit">Wie viel Zeit kannst du pro Woche investieren? *</label>
|
||||
<input id="m-verfuegbarkeit" name="verfuegbarkeit" type="text" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="m-warum">Warum willst du Modi bei Team Dogi werden? *</label>
|
||||
<textarea id="m-warum" name="warum" required></textarea>
|
||||
</div>
|
||||
<p class="small muted">Modis sind Dogfathers persönliches Team — Chat, Community und Zusammenhalt im Alltag. 🩵</p>
|
||||
<button class="btn btn-primary" type="submit">Bewerbung als Modi senden</button>
|
||||
<div class="form-status"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel" id="tab-kooperation">
|
||||
<form class="app-form" id="form-kooperation" novalidate>
|
||||
<div class="field">
|
||||
<label for="k-firma">Name / Firma *</label>
|
||||
<input id="k-firma" name="firma" type="text" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="k-email">E-Mail *</label>
|
||||
<input id="k-email" name="email" type="email" required />
|
||||
<span class="error-msg">Bitte gültige E-Mail-Adresse eingeben.</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="k-idee">Kooperationsidee *</label>
|
||||
<textarea id="k-idee" name="idee" required></textarea>
|
||||
</div>
|
||||
<button class="btn btn-primary" type="submit">Kooperationsanfrage senden</button>
|
||||
<div class="form-status"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- TODO: 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. -->
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<div id="site-footer"></div>
|
||||
<script src="assets/js/forms.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user