DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1816ed9e1f00b613ea964891174d0d71e9fa4814
dogfather-universe/casper.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

92 lines
7.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de" data-theme="hasidog">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Casper — DOGFATHER UNIVERSE</title>
<meta name="description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
<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="Casper — DOGFATHER UNIVERSE" />
<meta property="og:description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/casper.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Casper — DOGFATHER UNIVERSE" />
<meta name="twitter:description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
<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" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-casper.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="cas_eyebrow">Welt 2 — HasiDog</span>
<h1>Casper 🐾</h1>
<p class="lead worlds" data-i18n="cas_lead">Der Husky an DogFathers Seite — Namensgeber vieler Herzen in der Community.</p>
</div>
</section>
<section class="section-tight">
<div class="container grid grid-2" style="align-items:center;">
<div class="collage-photo" style="aspect-ratio:4/3;border-radius:var(--radius);">
<img src="assets/img/casper-main.jpg" alt="Casper — Husky im Sonnenuntergang" style="width:100%;height:100%;object-fit:cover;object-position:center 30%;" />
</div>
<div>
<h2 data-i18n="cas_wer_h2">Wer ist Casper?</h2>
<p data-i18n="cas_wer_1">Husky Casper ist einer von DogFathers treuen Begleitern und längst Teil der Marke geworden. Zusammen mit Kater Simba gehört er zur „Familie" hinter der Kamera.</p>
<p data-i18n="cas_wer_2">Die gemeinsame Geschichte von DogFather und Casper gibt es sogar als Buch: <strong>„Hasidog &amp; Casper"</strong>.</p>
</div>
</div>
</section>
<section class="section-tight">
<div class="container" style="max-width:70ch;">
<h2 class="text-center" data-i18n="cas_story_h2">Casper – Ein Husky mit dem größten Herzen der Welt 🐾🩵</h2>
<p data-i18n="cas_1">Hallo, ich bin Casper.</p>
<p data-i18n="cas_2">Ich bin ungefähr dreieinhalb Jahre alt und ein Husky mit zwei strahlend blauen Augen und einer ganz besonderen Geschichte. Mein genaues Alter kennt niemand ganz genau, denn ich wurde adoptiert. Ursprünglich komme ich aus der Ukraine, aus einem Gebiet, das vom Krieg betroffen war.</p>
<p data-i18n="cas_3">Heute habe ich bei meinem Papa ein sicheres Zuhause, meine Familie und meinen festen Platz im Leben gefunden.</p>
<p data-i18n="cas_4">Vom Charakter her bin ich meinem Papa ziemlich ähnlich: meistens ruhig, unglaublich lieb und mit einem riesengroßen Herzen. Manchmal bin ich allerdings auch ziemlich verpeilt – und genau dadurch entstehen oft die lustigsten Momente. Für Blödsinn und kleine Dummheiten bin ich nämlich fast immer zu haben.</p>
<p data-i18n="cas_5">Am liebsten bin ich draußen, erkunde meine Umgebung und genieße die frische Luft. Genauso sehr liebe ich es aber, zu Hause ganz nah bei meinem Papa zu liegen und ausgiebig mit ihm zu kuscheln.</p>
<p data-i18n="cas_6">Und sobald irgendwo Hähnchen im Spiel ist, bin ich selbstverständlich sofort zur Stelle. Bei Hähnchen hört der Spaß schließlich auf – das ist eine sehr ernste Angelegenheit.</p>
<p data-i18n="cas_7">Auch wenn ich meistens ruhig, freundlich und verschmust bin, sollte man eines niemals vergessen: Was mir gehört und vor allem die Menschen, die ich liebe, beschütze ich mit meinem Leben.</p>
<p data-i18n="cas_8">Wer meiner Familie oder meinen Liebsten etwas Böses will, lernt sehr schnell eine ganz andere Seite von mir kennen. Denn hinter meinem sanften Blick und meinem großen Herzen steckt ein starker Husky, der für seine Familie alles tun würde.</p>
<p data-i18n="cas_9">Die Community gehört für mich ebenfalls längst zur Familie. Sie liebt mich, und ich liebe sie genauso sehr. Wir sind nicht einfach nur eine Gruppe aus Menschen und einem Hund. Wir sind eine Einheit, eine starke Truppe und eine Familie, die zusammenhält.</p>
<p data-i18n="cas_10">Ich bin Casper: treu, liebevoll, verschmust, manchmal verpeilt, immer für einen Spaß zu haben und mit dem größten Herzen der Welt.</p>
<p class="quote" data-i18n="cas_quote" style="margin-top:1.4rem;">Mit treuen Pfoten, einem großen Herzen und ganz viel Husky-Liebe</p>
<p style="text-align:right;"><strong data-i18n="cas_signatur">Euer Casper 🐾🩵</strong></p>
</div>
</section>
<section>
<div class="container">
<h2 class="text-center" data-i18n="cas_galerie_h2">Casper-Galerie</h2>
<div class="grid grid-4">
<div class="collage-photo frame-lila" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/casper-3.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:center 20%;" /></div>
<div class="collage-photo frame-silver" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/casper-4.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:42% center;" /></div>
<div class="collage-photo frame-gold" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/dogfather-casper-2.jpg" alt="DogFather und Casper" style="width:100%;height:100%;object-fit:cover;object-position:center 38%;" /></div>
<div class="collage-photo frame-tuerkis" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/hasidog-casper-book.jpg" alt="HasiDog &amp; Casper Buch-Illustration" style="width:100%;height:100%;object-fit:cover;" /></div>
</div>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-outline" href="medien-casper.html#fotos" data-i18n="cas_galerie_btn">Zur ganzen Galerie</a>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-casper.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink