Team Dogi: Sternenfeld auf jeder Kachel, und die Sicht zeigt endlich, was sie verspricht

DER GRUND JEDER KACHEL IM HAUS VON TEAM DOGI

Filipe: "ich will dass die hintergrunde von den kacheln immer unviersum
artig ist, es muss richtig geil sein aber immer so dass man alles noch
gut erkkent. und das IN DER GANZEN WEBSITE VON TEAM DOGI. nur die
kacheln. [...] wichtig ist die form der kacheln soll gleich bleiben."

module.css hat eine kanonische KACHELLISTE -- 48 Klassen, siebenmal in
der Datei, von pruef-css-klassen gegeneinander gehalten. Eine achte
Abschrift in crew-haus.css waere die Sorte Fehler, die nicht auffaellt:
heute vollstaendig, bei der naechsten neuen Kachel lautlos nicht mehr.
Deshalb faerbt crew-haus.css keine einzige Kachel. module.css baut den
Grund jetzt aus vier Werten (--sternenfeld, -mass, -lage,
--modul-schleier), und das zweite Haus setzt nur diese vier um. Damit
hat jede Kachel der ganzen Adresse den Himmel -- auch die, die es noch
nicht gibt. Im Agenturhaus steht `none`: kein Pixel aendert sich.

ZWEI DINGE HAT ERST DIE MESSUNG GEFUNDEN, NICHT DAS NACHDENKEN:

1. Die Nebel standen zuerst oben links. Dort ist aber JEDE Kachel dieses
   Hauses schon von sich aus am hellsten -- ihr eigener Lichtverlauf
   laeuft bei allen aus derselben Richtung (155/150/158 Grad) --, und
   genau dort stehen ueberall die Ueberschriften. Hinter der leisesten
   Textzeile lagen dadurch 2,09 % der Bildpunkte unter 4,5:1; im
   Agenturhaus sind es an derselben Stelle 0,115 %. Nach dem Umzug in
   die beiden gegenueberliegenden Ecken: 0,22 % -- und der Nebel durfte
   dabei KRAEFTIGER werden (.80 statt .62), weil er nicht mehr auf dem
   hellsten Punkt liegt. Besser lesbar und deutlicher zu sehen; das ist
   selten und war hier umsonst zu haben.

2. Kleinere, dafuer hellere Sternkerne waren der falsche Weg: Der
   hellste Punkt blieb fast gleich, der Stern wurde nur unschaerfer.
   Entschieden hat die Deckkraft, nicht die Groesse.

Form unangetastet: Fase, Silhouette und die drei Eckwinkel werden vor
und nach dem Hauswechsel Zeichen fuer Zeichen verglichen.

pruef-kachel-universum.mjs (NEU, 37 Pruefungen, Port 4391) misst an
echten Bildpunkten und fragt nicht nach Durchschnitt allein, sondern
nach dem ANTEIL der Punkte unter 4,5:1 -- das unterscheidet einen Punkt
von einer Flaeche. Zwei Gegenproben: ein zu dunkler Text UND ein zu
heller Nebel muessen durchfallen.

MEINE SICHT -- "GENAU SO WIE SIE ES SEHEN"

Filipe: "oben bei meine sicht soll ich auch die sicht von allen jeden
moment sehen koennen und das genau genau so wie sie es sehen alles.
ausser die kalender daten oder chat daten wo ich nicht mit drin bin.."

Gemessen wurde nicht "mit Umschalter gegen ohne" -- das ist bei duenner
Datenlage ueberall gleich und beweist nichts. Gemessen wurde die
Antwort mit Umschalter gegen die Antwort, die die Person SELBST bekommt.
Das hat sechs Stellen gefunden:

* workspace-zentrale.js las `req.person.sicht` -- ein Feld, das es nicht
  gibt. Der Ausdruck war immer `undefined || req.person`, daneben ein
  ausfuehrlicher Kommentar, der genau das Richtige beschrieb. Die grosse
  Kachel zeigte verlaesslich die eigene Lage, waehrend die Zahlen
  darunter der fremden folgten -- zwei Wahrheiten in einer Kachel. Ein
  Tippfehler in einem Variablennamen macht nichts kaputt; er tut nur
  nichts, und genau deshalb faellt so etwas nie von selbst auf. Die
  Route hatte ausserdem ZWEI Personenvariablen; jetzt hat sie eine.
* sichtPerson() gab die angesehene Person ohne Feld `haus` zurueck --
  und nurHaus()/hausBedingung() fangen beide mit `haus !== "crew"` an.
  Jede fremde Sicht war damit eine Agentursicht: In der Sicht auf einen
  Modi kamen die Dateien, Personen und Berichte des anderen Hauses.
  Das Haus haengt jetzt an der ROLLE, nicht an der Adresse.
* leistung, profil, schulung, fruehwarnung, report und teamlage lasen
  weiterhin den Angemeldeten. Nur LESEN ist umgestellt, nie ein Recht --
  und weil DogFather ohnehin alles sehen darf, kann das nichts oeffnen,
  nur weniger zeigen.

Der Sicht-Umschalter zeichnete ausserdem nur die fuenf Rollen aus
bereiche.js; wer eine sechste hat, stand nicht darin. Dieselbe Luecke
wie in der Chat-Auswahl und der Personenliste, zum dritten Mal. Die
Ueberschrift kommt jetzt vom Server (`gruppe`), der Browser zeichnet,
was ankommt -- auch eine Rolle, deren Namen er nicht kennen darf.

DREI STELLEN FOLGEN BEWUSST NICHT: die Personenliste (aus ihr wird der
Umschalter gebaut -- folgte sie der Sicht, kaeme man aus einer fremden
nicht mehr heraus), die Auswahllisten beim Anlegen (Kategorien,
Empfaenger) und steckbrief/mein (ein Formular, das fremd liest und
eigen speichert, zerstoert Daten).

KALENDER UND CHAT BLEIBEN PRIVAT, auch mit Umschalter -- Termine,
Calls und Wiederholungen lesen ab jetzt immer die eigene Person. Eine
Pruefung musste dafuer umgedreht werden: pruef-sicht verlangte bis
heute das Gegenteil ("dafuer gibt es den Umschalter"). Die Gegenprobe
bleibt dieselbe Frage, nur andersherum -- Patrick selbst MUSS seine
Termine sehen, sonst hiesse "DogFather sieht sie nicht" nur, dass sie
niemand sieht. Dabei fiel auf, dass die Managerin gar keinen Call
hatte: Die Pruefung "bleibt privat" war nicht bestanden, sondern nicht
durchfuehrbar. Antwort darauf sind Daten, keine weichere Bedingung.

Gruen: pruef-sicht 84 (vorher 53), pruef-kachel-universum 37 (neu),
pruef-rollen 282, pruef-crew-adresse 129, pruef-start-ansicht 143,
pruef-kalender 104, pruef-haus-trennung 62, pruef-team-ampel 32,
pruef-team-stufen 26, pruef-css-klassen. Stempel 202609110209.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/crew-haus.css

@@ -446,3 +446,139 @@
      2px  2px 16px -11px rgba(143, 216, 255, .5),
      0 8px 20px -12px rgba(0, 0, 0, .9);
 }
+
+
+/* =====================================================================
+   DER GRUND JEDER KACHEL: EIN STERNENFELD
+   =====================================================================
+
+   Filipe: "veraender die kacheln und den hintergrund, ich will dass
+   die hintergrunde von den kacheln immer unviersum artig ist, es muss
+   richtig geil sein aber immer so dass man alles noch gut erkkent.
+   und das IN DER GANZEN WEBSITE VON TEAM DOGI. nur die kacheln. [...]
+   wichtig ist die form der kacheln soll gleich bleiben."
+
+   ---------------------------------------------------------------------
+   WARUM HIER NUR VIER WERTE STEHEN UND KEINE EINZIGE KACHELREGEL
+
+   Das Haus hat eine kanonische KACHELLISTE -- 48 Klassen, von der
+   grossen Startkachel bis zur Personenzeile. Sie steht in module.css
+   SIEBENMAL, und pruef-css-klassen vergleicht die sieben Vorkommen
+   miteinander. Eine achte Abschrift an dieser Stelle waere die Sorte
+   Fehler, die nicht auffaellt: Sie ginge heute auf und waere bei der
+   naechsten neuen Kachel unvollstaendig -- lautlos, denn niemand
+   vermisst einen Hintergrund, den er nie gesehen hat.
+
+   Deshalb faerbt diese Datei keine Kachel. Sie setzt die Werte um, aus
+   denen module.css den Grund JEDER Kachel baut. Was danach dazukommt,
+   bekommt das Sternenfeld von selbst. pruef-kachel-universum haelt
+   fest, dass hier keine Kachelklasse auftaucht.
+
+   DIE FORM BLEIBT UNANGETASTET. Fase, Kantenlicht und die drei
+   Eckwinkel stehen an anderen Stellen und werden hier nicht erwaehnt;
+   die Pruefung vergleicht Silhouette, Fase und Eckwinkel vor und nach
+   dem Hauswechsel Zeichen fuer Zeichen. Diese Datei aendert Farbe,
+   nicht Geometrie.
+
+   ---------------------------------------------------------------------
+   WARUM DIE NEBEL OBEN RECHTS UND UNTEN LINKS STEHEN
+
+   Das ist die wichtigste Zeile dieses Abschnitts, und sie stammt nicht
+   aus dem Geschmack, sondern aus einer Messung.
+
+   Zuerst standen sie oben links -- die naheliegende Ecke, weil dort in
+   jedem Bild der Blick anfaengt. Gemessen wurde danach etwas anderes:
+   Hinter der leisesten Textzeile einer Personenkarte lagen
+   ZWEI PROZENT aller Bildpunkte unter der Lesbarkeitsgrenze. Im
+   Agenturhaus sind es an derselben Stelle 0,1 Prozent.
+
+   Der Grund: JEDE Kachel dieses Hauses hat bereits einen eigenen
+   Lichtverlauf, und der laeuft bei allen aus derselben Richtung --
+   155 Grad bei den Startkacheln, 150 bei den Teamkacheln, 158 beim
+   Kantenlicht. Oben links ist damit ueberall schon die hellste Stelle
+   der Kachel, und genau dort stehen ueberall die Ueberschriften. Ein
+   Nebel obendrauf addiert Licht auf Licht, ausgerechnet unter dem Text.
+
+   Nach dem Umzug in die beiden GEGENUEBERLIEGENDEN Ecken: 0,22 Prozent.
+   Derselbe Nebel, an einer anderen Stelle -- und er durfte dabei sogar
+   KRAEFTIGER werden (.80 statt .62), weil er nicht mehr auf dem
+   hellsten Punkt der Kachel liegt. Besser lesbar UND deutlicher zu
+   sehen; das ist selten und war hier umsonst zu haben.
+
+   ---------------------------------------------------------------------
+   WARUM ES LESBAR BLEIBT -- die Zahlen dahinter
+
+   Alles unten ist an echten Bildpunkten gemessen, nicht gerechnet, und
+   gegen dieselbe Stelle im Agenturhaus gehalten. Drei Regeln haben die
+   Werte bestimmt:
+
+   1. DIE FLAECHE ZAEHLT, NICHT DER PUNKT. Ein Sternenfeld ist kein
+      Hintergrund, sondern viele. Gemessen wird deshalb, welcher ANTEIL
+      der Punkte hinter einer Textzeile unter 4,5:1 faellt. Im
+      Agenturhaus sind das im schlechtesten Fall 0,115 Prozent, hier
+      0,253 Prozent -- beides ein paar hundert Punkte von 17 000, und
+      es sind die Sternkerne. Der Mittelwert, also das, was ein
+      Buchstabe wirklich sieht, liegt ueberall bei 6,4:1 oder besser.
+
+   2. STERNE SIND PUNKTE UND BLEIBEN LEISE. Ihre Deckkraft ist die
+      einzige Zahl, die den hellsten Punkt hinter einem Buchstaben
+      bestimmt. Bei .58 mal dem Schleier von .30 kommt der Kern auf gut
+      ein Sechstel Weiss; auf dem dunklen Grund dieses Hauses steht die
+      Schrift selbst DORT noch bei 3,6:1. Ein Versuch mit kleineren,
+      dafuer helleren Kernen war der falsche Weg: Der hellste Punkt
+      blieb fast gleich, der Stern wurde nur unschaerfer.
+
+   3. KEIN KARO. Die Sternebenen wiederholen sich in Abstaenden ohne
+      gemeinsamen Teiler (89/77, 59/51, 167/139). Gleiche Zahlen
+      ergaeben ein Muster, und ein Muster sieht man sofort als Tapete.
+      Ungleiche ergeben ein Feld, das sich erst nach Hunderten von
+      Pixeln wiederholt -- laenger, als eine Kachel breit ist.
+
+   Der Nebel nimmt zu knapp einem Fuenftel den Ton der jeweiligen
+   Kachel auf. Dadurch hat jede Kategorie ihren eigenen Himmel, ohne
+   dass eine Kachel aus der Mischung faellt: Vier Fuenftel bleiben
+   Lila beziehungsweise Babyblau. */
+:root {
+  --sternenfeld:
+    /* feine weisse Sterne */
+    radial-gradient(circle at 22% 28%, rgba(255, 255, 255, .58) 0 .9px, transparent 2px),
+    /* babyblaue Sterne, dichter gesaet */
+    radial-gradient(circle at 68% 71%, rgba(142, 201, 255, .52) 0 .8px, transparent 1.8px),
+    /* wenige groessere in Lila */
+    radial-gradient(circle at 47% 15%, rgba(169, 139, 255, .60) 0 1.3px, transparent 3px),
+    /* Nebel oben RECHTS, Lila -- die Ecke, an der keine Kachel schon
+       von sich aus hell ist (siehe oben) */
+    radial-gradient(ellipse 74% 64% at 90% 16%,
+      color-mix(in srgb, var(--ton, var(--violett)) 18%, rgba(125, 92, 224, .80)) 0%,
+      transparent 68%),
+    /* Nebel unten LINKS, Babyblau -- die gegenueberliegende Ecke,
+       damit der Verlauf quer durch die Kachel laeuft */
+    radial-gradient(ellipse 66% 62% at 12% 88%,
+      color-mix(in srgb, var(--ton, var(--akzent)) 18%, rgba(90, 162, 232, .70)) 0%,
+      transparent 70%);
+
+  --sternenfeld-mass:
+    89px 77px,
+    59px 51px,
+    167px 139px,
+    100% 100%,
+    100% 100%;
+
+  /* Die Versaetze sorgen dafuer, dass die drei Sternebenen nicht in
+     derselben Ecke anfangen -- sonst stuenden an jedem Rasterpunkt
+     drei Sterne uebereinander und dazwischen keiner. */
+  --sternenfeld-lage:
+    0 0,
+    11px 19px,
+    5px 7px,
+    0 0,
+    0 0;
+
+  /* Der Schleier daempft Raster, Eckwinkel UND Sternenfeld gemeinsam
+     -- eine Ebene, eine Deckkraft. Im Agenturhaus steht er auf .26,
+     dort traegt er nur ein Raster. Hier traegt er einen Himmel; .30
+     ist der Wert, bei dem die Sternkerne die Messung oben halten. Die
+     Eckwinkel werden dadurch um einen Hauch mitgehoben, was recht ist:
+     Sie sind die Form, und die soll vor dem Himmel nicht verschwinden. */
+  --modul-schleier: .30;
+}

workspace/assets/css/module.css

@@ -106,6 +106,32 @@
   --raster:
     repeating-linear-gradient(0deg, rgba(150, 186, 220, .09) 0 1px, transparent 1px 26px),
     repeating-linear-gradient(90deg, rgba(150, 186, 220, .09) 0 1px, transparent 1px 26px);
+
+  /* DAS STERNENFELD -- die Stelle, an der ein Haus dem Grund jeder
+     Kachel etwas Eigenes geben kann, OHNE die Kachelliste ein achtes
+     Mal abzuschreiben.
+
+     Hier steht `none`: Im Agenturhaus aendert sich dadurch kein
+     einziges Pixel -- eine Ebene ohne Bild zeichnet nichts. Wer ein
+     Haus baut, setzt diese drei Werte auf `:root` um und hat damit
+     jede Kachel der ganzen Adresse erwischt, auch die, die es noch
+     gar nicht gibt.
+
+     DREI WERTE, WEIL EIN HINTERGRUND DREI LISTEN HAT. Bild, Groesse
+     und Lage werden Ebene fuer Ebene einander zugeordnet. Wer nur das
+     Bild austauscht, bekommt die Groesse der Ebene davor -- deshalb
+     gehoeren sie zusammen und werden zusammen gesetzt.
+
+     Die FORM bleibt davon unberuehrt: Fase, Kantenlicht und Eckwinkel
+     stehen woanders. Ein Sternenfeld faerbt, es schneidet nicht. */
+  --sternenfeld: none;
+  --sternenfeld-mass: auto;
+  --sternenfeld-lage: 0 0;
+
+  /* Wie stark die ganze Ebene aus Raster, Eckwinkeln und Sternenfeld
+     durchkommt. Steht als Wert da, damit ein Haus mit eigenem Grund
+     ihn heben kann -- .26 bleibt der Wert des Agenturhauses. */
+  --modul-schleier: .26;
 }
 
 /* MODULLISTE */
@@ -185,21 +211,24 @@
     var(--winkel), var(--winkel),      /* unten rechts */
     var(--winkel), var(--winkel),      /* oben rechts  */
     var(--winkel), var(--winkel),      /* unten links  */
-    var(--raster);
+    var(--raster),
+    var(--sternenfeld, none);
   background-size:
     18px 1.5px, 1.5px 18px,
     18px 1.5px, 1.5px 18px,
     18px 1.5px, 1.5px 18px,
-    26px 26px, 26px 26px;
+    26px 26px, 26px 26px,
+    var(--sternenfeld-mass, auto);
   background-position:
     right 10px bottom 10px, right 10px bottom 10px,
     right 10px top 10px,    right 10px top 10px,
     left 10px bottom 10px,  left 10px bottom 10px,
-    0 0, 0 0;
+    0 0, 0 0,
+    var(--sternenfeld-lage, 0 0);
   /* .3 war zu laut: Das Raster soll man nicht LESEN, sondern spueren.
      Bei 26 px Abstand und einem Viertel Deckkraft bleibt der Eindruck
      "Messgeraet", ohne dass die Linien mit dem Text konkurrieren. */
-  opacity: .26;
+  opacity: var(--modul-schleier, .26);
   transform: none;
 }