DogFatherGitandClaude Opus 5
72b36d1c31
Filipe, screen1: "die leiste da und alles andere was noch rot ist auf
team dogi seite soll lila werden. richtig geiles lila und babyblau
mischung ueberall."
Und screen2: "ich will doch dass der eingang hier getrennt ist von der
workspace seite ... aber es soll trotzdem so bleiben dass ich die daten
hier und da sehe."
GETRENNT WIRD DAS AUSSEHEN, NICHT DER BESTAND. Dieselbe Datenbank,
dieselben Seiten, dasselbe Programm -- und zwei Haeuser, die man nicht
verwechseln kann. Filipe und die rechte Hand sehen ihre Zahlen
weiterhin auf beiden Adressen.
EINE ZEILE JE SEITE, EINE REGEL IM SERVER. Jede Seite laedt als LETZTE
Stilvorlage `haus.css`. Auf der Agenturadresse ist die leer -- das Haus
dort IST der Grundzustand. Auf crew.dogfather-universe.com biegt die
Weiche genau diesen Dateinamen auf `crew-haus.css` um.
Drei Wege habe ich dafuer verworfen, und jeder hat einen Grund:
* `data-haus` per JavaScript -> die Seite laedt erst im falschen Ton
und faerbt sich um. Sichtbar, auf jeder Seite, bei jedem Aufruf.
* dasselbe Attribut serverseitig in den HTML-Text schreiben -> jede
HTML-Antwort muesste durch einen Umschreiber statt als Datei
ausgeliefert zu werden, nur wegen einer Farbe.
* zwanzig zweite <link>-Zeilen -> die muesste jemand bei jeder neuen
Seite mitschreiben, und wer sie vergisst, bekommt eine Seite, die
still zum falschen Haus gehoert.
DAS HAUS SIND FAST NUR VARIABLEN. Wer zwei Dutzend Farbwerte tauscht,
tauscht jede Kachel, jeden Rand, jeden Knopf und jedes Leuchten auf
einmal -- auch an Stellen, die man beim Nachbauen uebersehen wuerde.
Eine Datei, die stattdessen Regel fuer Regel umfaerbt, waere beim
naechsten neuen Bauteil sofort unvollstaendig, ohne dass es auffiele.
WO KEINE VARIABLE STAND, HAT DAS MESSEN SIE GEFUNDEN. Ich habe nicht
im Quelltext gesucht, sondern am fertigen Bildschirm jedes Element nach
Farben abgefragt, bei denen der Rotkanal deutlich ueber den anderen
liegt -- ueber alle Farbquellen, nicht nur `color` und
`background-color`. Erst das brachte die eigentliche Stelle ans Licht:
DIE KOPFLEISTE HAT EINEN ROTEN VERLAUF. Genau die Leiste aus Filipes
Bildschirmfoto. Sie glimmt im Agenturhaus wie Feuer -- sein eigener
Wunsch von screen36, und dort bleibt das auch so. Hier schimmert sie
jetzt lila, in derselben Bauweise: unten waermer, nach oben dunkel,
in der Mitte kraeftiger, alles unter 30 % Deckkraft.
Dazu die Fassung der Zentrale (rot->lila, Silber und Babyblau
unberuehrt, Prozentzahlen auf den Punkt gleich -- sie sind am 08.09.
eigens nachgerechnet worden), die Uhr an vier Stellen, das Universum
dahinter, Glocke und Tagesruf, der Schriftzug, und auf der Zugangswand
Knopf, Kachelreihe, Innenglas und Karte.
ZWEI FEHLER, DIE ERST DER BILDSCHIRM ZEIGTE:
Der Schriftzug wurde zu einem ausgefuellten Balken. `background` ist
eine Kurzschreibweise und setzt `background-clip` mit zurueck -- und
genau darueber wird der Text in die Buchstaben ausgestanzt. Jetzt
`background-image`. Im Quelltext sah die Zeile voellig richtig aus.
Zwei Regeln wurden geladen und taten nichts: Die Originale stehen
unter `.kopfleiste .marke__haupt` und `.willkommen > .zuniversum`.
Wer nur die halbe Kette schreibt, verliert gegen zwei Klassen.
DIE MARKE HAENGT JETZT AN ZWEI DINGEN. `markeFuer()` kannte nur die
Rolle -- und DogFather gehoert nun einmal zur Agentur. Ueber der
Zentrale stand deshalb auch auf der zweiten Adresse gross "SPICY
MEDIA". Jetzt entscheidet auch der Hostname, an EINER Stelle.
WAS WARM BLEIBT, UND WARUM: Warnungen. Eine Warnung ist keine
Verzierung, sondern eine Bedeutung -- faerbt man sie ins Lila der
Seite, sieht "etwas stimmt nicht" aus wie alles andere. Sie wird nur
ins Rosa gezogen, damit sie neben Lila kein Fremdkoerper ist. Ebenso
bleiben die 24 Kachelfarben: dass jede Kachel ihre eigene hat, ist
gepruefte Absicht.
Weisse Schrift auf dem Anmeldeknopf haelt jetzt 6,23 zu 1 statt 5,1 --
an echten Bildpunkten gemessen, nicht an der Farbangabe.
pruef-crew-adresse 123 -> 129 · pruef-crew-wand-bild 45 ·
pruef-css-klassen gruen (prueft ab jetzt das PAAR module.css/haus.css,
nicht mehr eine Datei) · pruef-modi-wortleck 5 · pruef-rollen 274 ·
pruef-start-ansicht gruen · pruef-chat-kanaele 79.
Co-Authored-By: Claude Opus 5 <[email protected]>
51 lines
2.3 KiB
CSS
51 lines
2.3 KiB
CSS
/* =====================================================================
|
|
haus.css — welches HAUS diese Seite gerade ist (10.09.2026)
|
|
|
|
Filipe: "ich will doch dass der eingang hier getrennt ist von der
|
|
workspace seite … aber es soll trotzdem so bleiben dass ich die daten
|
|
hier und da sehe."
|
|
|
|
---------------------------------------------------------------------
|
|
DIESE DATEI IST ABSICHTLICH LEER.
|
|
|
|
Sie ist ein PLATZHALTER, und genau das ist ihr Zweck. Auf der
|
|
Agenturadresse (workspace.dogfather-universe.com) bleibt alles, wie es
|
|
ist -- also steht hier nichts. Auf der Adresse von Team Dogi biegt
|
|
`crewWeiche()` in server/crew-adresse.js diesen einen Dateinamen auf
|
|
`crew-haus.css` um, und dort steht das ganze andere Farbhaus.
|
|
|
|
WARUM SO UND NICHT ANDERS -- drei Wege, die ich verworfen habe:
|
|
|
|
Ein `data-haus="crew"` am <html>, gesetzt per JavaScript. Dann
|
|
laedt die Seite ZUERST im Agenturton und faerbt sich danach um.
|
|
Sichtbar, auf jeder Seite, bei jedem Aufruf.
|
|
|
|
Dasselbe Attribut serverseitig in den HTML-Text schreiben. Dann
|
|
muesste jede HTML-Antwort durch einen Umschreiber laufen statt
|
|
einfach als Datei ausgeliefert zu werden -- ein neuer Weg fuer
|
|
JEDE Seite, nur wegen einer Farbe.
|
|
|
|
Zwanzig Seiten mit einer zweiten <link>-Zeile fuer das zweite Haus.
|
|
Die muesste jemand bei jeder neuen Seite mitschreiben, und wer sie
|
|
vergisst, bekommt eine Seite, die still zum falschen Haus gehoert.
|
|
|
|
So gibt es EINE Zeile in jeder Seite und EINE Regel im Server. Und
|
|
das Bild ist beim ersten Abruf schon richtig -- kein Umfaerben,
|
|
kein Flackern.
|
|
|
|
SIE MUSS DIE LETZTE STILVORLAGE JEDER SEITE SEIN. Sie ueberschreibt
|
|
nur Variablen (`:root`), da entscheidet allein die Reihenfolge.
|
|
pruef-css-klassen.mjs prueft das.
|
|
===================================================================== */
|
|
|
|
/* EINE EINZIGE ANGABE STEHT DOCH HIER, und sie ist keine Farbe.
|
|
|
|
Eine Pruefung muss unterscheiden koennen zwischen "die leere Fassung
|
|
ist angekommen" und "die Datei ist gar nicht geladen worden". Ohne
|
|
diesen Griff sehen beide Faelle gleich aus -- und ein fehlendes
|
|
Stilblatt waere auf der Agenturadresse unsichtbar, bis eines Tages
|
|
auf der anderen Adresse das Haus fehlt und niemand weiss, seit wann.
|
|
|
|
Der dritte Ausgang, in einer Zeile CSS. */
|
|
:root { --haus-name: "workspace"; }
|