Die Kopfleiste wird zur Klammer: Chili links, Husky rechts, Spicy & Dogi

Filipe (Nachtliste, screen17): "wo der husky ist soll eine geile rot
gruene peperoni sein, dogfather universe ersetzen durch, Spicy & Dogi.
und der husky von links soll rechts sein. die farben von der peperoni und
von dem husky sollen ueber den text ziehen und sich dan in der mitte
treffen." Dazu screen9: die Zierzeile der Zentrale heisst jetzt
"Spicy Media" statt "Dogfather Universe".

Die Chili steht als BILD (sie ist von sich aus rot mit gruenem Stiel und
soll ihre Farben behalten), der Husky als MASKE (schwarzweiss gezeichnet
waere er auf dunklem Grund ein dunkler Fleck; von der Maske zaehlt nur
die Silhouette, gefuellt mit Silber und Babyblau). Dazwischen laeuft der
Schriftzug von Chili-Rot ueber Silber nach Babyblau -- Treffpunkt in der
Mitte, genau beim "&".

DER VERLAUF IM TEXT IST EINE AUSNAHME MIT SICHERUNG. Direkt darueber
steht seit dem 01.09. "KEIN Farbverlauf IM Text", und der Grund gilt
weiter: Durchsichtige Schrift haengt an einer einzigen Technik, und
faellt die aus, ist der Text WEG statt nur anders gefaerbt (gemessen
damals 1,05:1). Beides geht zusammen, wenn der Verlauf nur eine Zugabe
ist: `color` steht zuerst und voll sichtbar da, Verlauf und
durchsichtige Fuellung stehen NUR in einem @supports-Block (wer es nicht
kann, betritt ihn nicht), und bei `forced-colors: active` wird alles
zurueckgenommen. Die drei Stuetzstellen sind bewusst hell -- beim
Verlauf bestimmt der dunkelste Punkt den schlechtesten Kontrast.

EIN SELEKTOR, DER RICHTIG AUSSAH UND FALSCH WAR. Der Husky sollte nur
auf die Startseite; `body.start` davorzusetzen wirkte naheliegend. Diese
Klasse tragen aber ALLE 18 Seiten -- sie kennzeichnet den Grundstil,
nicht die Startseite. Folge auf den Unterseiten, wo `.marke` den Rueckweg
traegt: Die 22 px des Huskys nahmen dem Text so viel Platz, dass
"Creator Workspace" zu "CREAT…" wurde. Gesehen im Bildschirmfoto, nicht
im Code. Jetzt steht die Regel in heim.css, das ausschliesslich von der
Startseite geladen wird -- die Datei selbst ist die Bedingung.

Nachgemessen dabei, damit es nicht faelschlich mir zugeschrieben wird:
Der Schriftzug auf den Unterseiten ist AUCH IM ALTEN STAND abgeschnitten
(151 px Inhalt auf 91 px Platz). Das ist ein vorbestehender Mangel und
steht auf der offenen Liste, kein Rueckschritt aus diesem Commit.

pruef-start-ansicht angepasst: Sie prueft den Namen im Schriftzug und
erwartete "Dogfather Universe" -- sie hat ihre Arbeit getan und
angeschlagen. EXIT=0, weiterhin 140 Pruefungen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-08 04:37:51 +02:00
co-authored by Claude Opus 5
parent 963ea492b1
commit ff8ea38595
4 changed files with 134 additions and 7 deletions
+39
View File
@@ -1487,3 +1487,42 @@
@media (forced-colors: active) {
.gruppe__kopf { border: 1px solid CanvasText; }
}
/* ===================================================================
DER HUSKY RECHTS IN DER KOPFLEISTE (08.09.2026)
Filipe: "wo der husky ist soll eine geile rot grüne peperoni sein …
und der husky von links soll rechts sein."
Zusammen mit der Chili links (start.css) ergibt das eine Klammer um
den Schriftzug: Spicy links, Dogi rechts -- genau die Reihenfolge des
Namens "Spicy & Dogi", und die Farben laufen zwischen beiden über den
Text aufeinander zu.
WARUM DIESE REGEL HIER STEHT UND NICHT IN start.css: heim.css wird
ausschliesslich von der Startseite geladen. Auf den Unterseiten traegt
`.marke` den Rueckweg statt des Markennamens -- dort hat der Husky
nicht nur nichts zu suchen, er hat auch Schaden angerichtet: Seine
22 px plus Abstand nahmen dem Text so viel Platz, dass "Creator
Workspace" zu "CREAT…" abgeschnitten wurde.
Der naheliegende Weg, ein `body.start` davorzusetzen, funktioniert
NICHT: Diese Klasse tragen alle 18 Seiten -- sie kennzeichnet den
Grundstil, nicht die Startseite. Der Selektor las sich richtig und
war es nicht; gesehen erst im Bildschirmfoto der Unterseite.
Als MASKE und nicht als Bild: Der Husky ist schwarzweiss gezeichnet
und waere auf dunklem Grund ein dunkler Fleck. Von einer Maske zaehlt
nur die Silhouette, und die wird hier mit Silber und Babyblau
gefuellt -- seine beiden Farben aus dem Rollenschema. Die Augenfarbe
klingt im Verlauf an, ohne dass man bei 22 px Augen zeichnen muesste.
=================================================================== */
.kopfleiste .marke::after {
content: "";
flex: none; width: 22px; height: 22px;
background: linear-gradient(160deg, #eaf1f8 8%, #b9c6d6 46%, var(--dogi-haupt) 100%);
-webkit-mask: url("../img/marke-husky.webp") center / contain no-repeat;
mask: url("../img/marke-husky.webp") center / contain no-repeat;
transition: filter var(--tempo);
}
.kopfleiste:hover .marke::after { filter: brightness(1.2); }