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:
@@ -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); }
|
||||
|
||||
Reference in New Issue
Block a user