DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
55450aa83f0dcf21b53247ddf9575c6a52a2b215
dogfather-universe/bewerben-modi.html
T
DogFatherGitandClaude Opus 5 43264c0990 Startseite hochwertiger: Typografie, Weltfarben, Event-Karte 
Wunsch 27.08.2026: "soll nur noch hochwertiger und professioneller
aussehen." Kein neues Design, sondern die Details, die den Unterschied
zwischen "gemacht" und "gesetzt" ausmachen:

- Ueberschrift enger gesetzt (-.022em, Zeilenabstand 1.08, text-wrap:
  balance). Bei 4rem wirkt normale Laufweite auseinandergefallen; die
  drei Zeilen verteilen sich jetzt gleichmaessig statt mit kurzer
  Restzeile.
- Jede Welt-Kachel traegt die Farbe IHRER Welt statt dreimal derselben:
  Babyblau, Silber, das gedeckte Rot von Spicy Media. Die Werte sind
  nicht erfunden, sondern die --accent-Toene der drei Themendateien.
- Plaketten ("WELT 1") klein, in Versalien, weit gesperrt -- liest sich
  als Kapitelmarke statt als Beschriftung.
- Event-Karte: Datum als gesperrte Versalzeile (ordnet sich dem Titel
  unter), "Mehr erfahren" als ruhiger Knopf statt nacktem Textlink,
  Haarlinie am Bild, Text auf 5 Zeilen begrenzt -- damit nicht die
  Textlaenge aus der Verwaltung das Aussehen der Startseite bestimmt und
  bei zwei Events beide Kacheln gleich hoch sind (geprueft: 572/572px).

ZWEI FUNDE BEIM PRUEFEN, BEIDE WICHTIGER ALS DER FEINSCHLIFF:

1. INHALTSRICHTLINIE UND ZEILENENDEN. Der Browser rechnet die Pruefsumme
   eines Inline-Skripts NICHT ueber die Bytes der Datei, sondern ueber
   den Text im Dokument -- und der HTML-Parser ersetzt beim Einlesen
   jedes CR LF durch LF (HTML-Spezifikation, "preprocessing the input
   stream"). Eine Datei mit Windows-Zeilenenden ergibt serverseitig also
   eine ANDERE Summe, und die Seite fuehrt ihr eigenes Skript nicht mehr
   aus: kein Live-Status, keine Events, nichts. Live war es unauffaellig
   (Linux-Auscheckung hat LF), auf dem Windows-Rechner sofort tot
   (core.autocrlf=true). inhaltsrichtlinie.js vereinheitlicht jetzt vor
   dem Rechnen auf LF -- das ist die Summe, die der Browser wirklich
   bildet, und macht die Richtlinie unabhaengig davon, mit welchem
   Werkzeug eine Datei zuletzt gespeichert wurde.

2. TESTS MIT FESTEM PORT KOENNEN LUEGEN. Drei Server aus frueheren
   Laeufen liefen noch. Neue Testlaeufe konnten ihren Port nicht belegen,
   starben still -- und massen weiter gegen den ALTEN Code. Ergebnis
   waren Fehlermeldungen zu einem laengst behobenen Fehler. pruef-musik,
   pruef-kasse und pruef-startseite suchen sich jetzt einen freien Port.

Neuer Test pruef-startseite.mjs (19 Pruefungen) mit FESTEN Event-Daten:
Beim Pruefen kam einmal nichts vom Server, der Abschnitt blieb leer und
der Test haette "kein Fehler" gemeldet, obwohl er nichts gesehen hat.
Geprueft werden Maske am Artwork, genau eine Kachel bei einem Event,
volle Breite, saubere Textkuerzung auf ganze Zeilen, eigene Weltfarben,
zwei gleich hohe Kacheln bei zwei Events, Handy ohne Ueberlauf.

Alles gruen: startseite 19, musik 17, kasse 15, inhaltsrichtlinie 22,
handy 56.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-08-27 16:06:09 +02:00

87 lines
4.7 KiB
HTML
Raw Blame History

<!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>Modi werden — DOGFATHER UNIVERSE</title>
<meta name="description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
<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="Modi werden — DOGFATHER UNIVERSE" />
<meta property="og:description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/bewerben-modi.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Modi werden — DOGFATHER UNIVERSE" />
<meta name="twitter:description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-modi.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-modi-mobile.jpg');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-bewerben-modi.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="bwm_eyebrow">🩵 Team Dogi — Community</span>
<h1 data-i18n="bwm_h1">Werde Modi bei Team Dogi</h1>
<p class="lead worlds" data-i18n="bwm_lead">Chat, Community und Zusammenhalt im Alltag — mit Herz statt nur Regeln.</p>
</div>
</section>
<section class="section-tight">
<div class="container" style="max-width:640px;">
<form class="app-form" id="form-modi" novalidate>
<div class="field">
<label for="m-name" data-i18n="bwm_label_name">Name *</label>
<input id="m-name" name="name" type="text" required />
</div>
<div class="field">
<label for="m-email" data-i18n="bwm_label_email">E-Mail *</label>
<input id="m-email" name="email" type="email" required />
<span class="error-msg" data-i18n="bwm_error_email">Bitte gültige E-Mail-Adresse eingeben.</span>
</div>
<div class="field">
<label for="m-kontakt" data-i18n="bwm_label_kontakt">Discord- oder TikTok-Handle *</label>
<input id="m-kontakt" name="kontakt" type="text" placeholder="z.B. Discord: dein-tag" data-i18n-attr="placeholder:bwm_placeholder_kontakt" required />
</div>
<div class="field">
<label for="m-erfahrung" data-i18n="bwm_label_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" data-i18n="bwm_label_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" data-i18n="bwm_label_warum">Warum willst du Modi bei Team Dogi werden? *</label>
<textarea id="m-warum" name="warum" required></textarea>
</div>
<p class="small muted" data-i18n="bwm_hinweis">Modis sind DogFathers persönliches Team — nicht Teil der Spicy Media Agentur. 🩵</p>
<button class="btn btn-primary" type="submit" data-i18n="bwm_submit">Bewerbung als Modi 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="team-modis.html" data-i18n="bwm_link_modis">← Zum Modi-Team</a>
<a class="btn btn-outline" href="bewerben.html" data-i18n="bwm_link_bewerben">Andere Bewerbung suchen</a>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260828e"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink