Community-Kacheln: das Loch, die Zwillinge, die unsichtbaren Farben

Filipe, mit einem Bildschirmfoto: "das wie es jetzt ist ist es einfach
total scheisse ... gerade einfach nur dahin geknallt und drauf
geschissen". Er hatte in allen drei Punkten recht, und alle drei sind
messbar.

1. DAS LOCH IM RASTER -- eine Zeile Reihenfolge
Drei Spalten, "Der Treff" doppelt breit -- aber an DRITTER Stelle. Nach
zwei normalen Kacheln war noch EINE Spalte frei, er passte nicht und
rutschte eine Reihe tiefer. Genau das ist die Luecke auf dem Foto.

  DIE REGEL, und sie gilt fuer jedes Raster im Haus: Eine breite Kachel
  gehoert an den ANFANG. Steht sie hinten, faellt die Luecke in die
  MITTE -- und eine Luecke in der Mitte sieht kaputt aus, eine am Ende
  sieht grosszuegig aus.

Jetzt: Treff (2 Spalten) + Anschlagbrett fuellen Reihe 1, drei weitere
Reihe 2, der Rest Reihe 3. Fuer DogFather und die Modis geht es genau
auf, 3 x 3. Und es stimmt auch inhaltlich: Der Treff IST das Herz
dieses Bereichs.

2. ZWEI KACHELN, EIN SYMBOL
"Regeln & Hilfe" und "Meldungen & Massnahmen" trugen beide `schutz` --
im Quelltext zweimal, nebeneinander, auf dem Schirm nicht zu
unterscheiden. Meldungen bekommt `startcheck`, die abgehakte Liste:
Bei Regeln steht, was GILT. Hier steht, was daraus WURDE.

3. DIE FARBEN WAREN DA UND KAMEN NICHT AN
Die sieben Toene sind laengst klar verschieden (#cc9451, #668e6e,
#cc92c6, #656a9e ...). Der Grund stand direkt daneben:
`.kachel:hover::before` und ein ausfuehrlicher Kommentar sprechen von
einer Schiene, die "heller wird und weiter in die Platte strahlt" --
nur hatte `.kachel::before` ausser einem Uebergang KEINEN Inhalt. Das
Element wurde beim Umbau am 07.09. entfernt, seine Hover-Regeln blieben
stehen. Seither trug den Ton nur ein Verlauf, der bei 58 % verschwunden
ist; unter dem Buehnenbild reicht das nicht.

Das hier ist deshalb kein neuer Einfall, sondern das Wiedereinsetzen
dessen, womit der Rest der Datei ohnehin rechnet. Drei Pixel, oben,
nach rechts auslaufend -- Farbe an der Kante unterscheidet, Farbe auf
der Flaeche blendet.

NEU: pruef-kachelraster (15 Pruefungen)
Ein Loch wird nicht angesehen, sondern gerechnet:

  belegte Zellen = Kacheln + 1 je doppelt breiter
  kleinstmoegliche Reihen = aufgerundet (Zellen / Spalten)

Mehr Reihen als das heisst: irgendwo liegt eine Zelle leer, die es
nicht muesste. Eine Luecke am ENDE faellt bewusst heraus. Dazu: jedes
Zeichen genau einmal (erkannt am SVG-Pfad, nicht an einem Namen -- den
gibt es im DOM nicht), jede Kachel mit Schiene, acht verschiedene
Toene. Und die Gegenprobe in beide Richtungen: die ALTE Reihenfolge
MUSS ein Loch melden, die neue nicht.

ZWEI EIGENE FEHLER DABEI, beide durch Messen gefunden:
- Ich hielt ein Vollbild-Foto fuer den Beweis, dass keine Kacheln da
  sind -- sie blenden sich beim Hereinscrollen ein. Die Pruefung
  scrollt jetzt erst hin.
- Ich erwartete sieben Kacheln fuer einen Modi. Er moderiert, also
  sieht er acht. Der Code hatte recht, meine Annahme nicht.

pruef-treff hat die Reihenfolge festgehalten und ist rot geworden --
genau ihre Aufgabe. Erwartung nachgezogen, mit dem Grund daneben.
pruef-kachel-universum 37, pruef-haus-seiten 34, pruef-treff 66,
pruef-css-klassen und pruef-start-ansicht: gruen.

Der ausfuehrliche Plan fuer den ganzen Bereich liegt im Vault:
"02 Projekte/Community-Bereich - Plan zur Perfektion" (fuenf
Durchgaenge).

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-17 10:25:04 +02:00
co-authored by Claude Opus 5
parent 3ebe87611e
commit e4d11caeb0
34 changed files with 751 additions and 363 deletions
+40
View File
@@ -5029,9 +5029,49 @@ body[data-fremde-sicht="ja"]::after {
opacity: .58;
transition: opacity var(--tempo), background-position .55s cubic-bezier(.35, 0, .2, 1);
}
/* DIE SCHIENE — und sie war nicht da (17.09.2026).
Filipe, mit einem Bildschirmfoto der Community: „das wie es jetzt
ist ist es einfach total scheisse". Beim Nachmessen: Die sieben
Bereiche HABEN klar verschiedene Töne (#cc9451 orange, #668e6e grün,
#cc92c6 rosa, #656a9e blau …) — auf dem Schirm kam davon fast
nichts an.
Der Grund stand direkt daneben. Die Regeln `.kachel:hover::before`
und der Kommentar darüber sprechen ausführlich von einer Schiene,
die „heller wird und weiter in die Platte strahlt" — nur hatte
`.kachel::before` ausser einem Übergang KEINEN Inhalt. Das Element
wurde beim Umbau am 07.09. entfernt, seine Hover-Regeln blieben
stehen. Seither trug den Ton nur noch ein Verlauf, der auf den
obersten 12 % der Platte bei 30 % anfängt und bei 58 % verschwunden
ist — unter einem Bühnenbild reicht das nicht.
Das hier ist deshalb kein neuer Einfall, sondern das Wiedereinsetzen
dessen, womit der Rest der Datei ohnehin rechnet.
AUGENSCHONEND: drei Pixel, oben, nach rechts auslaufend. Ein
durchgezogener Balken wirkt wie ein Etikett, ein auslaufender wie
Licht — dieselbe Überlegung wie bei den Spalten des Aufgabenbretts.
Nicht die Fläche einfärben: Farbe an der Kante unterscheidet,
Farbe auf der Fläche blendet. */
.kachel::before {
content: "";
position: absolute; left: 0; right: 0; top: 0; height: 3px;
z-index: 2; pointer-events: none;
border-radius: 16px 16px 0 0;
opacity: .82;
background: linear-gradient(90deg,
var(--ton),
color-mix(in srgb, var(--ton) 38%, transparent) 58%,
color-mix(in srgb, var(--ton) 6%, transparent) 88%,
transparent);
transition: opacity var(--tempo), width var(--tempo), box-shadow var(--tempo);
}
/* Wer weniger Bewegung will, bekommt sie trotzdem in Farbe -- die
Schiene ist Information, keine Animation. */
@media (prefers-reduced-motion: reduce) {
.kachel::before { transition: none; }
}
/* ANHEBEN STATT AUFLEUCHTEN. Beim Überfahren wird die Kachel nicht
heller, sondern sie kommt näher: Sie steigt zwei Pixel, ihr Schatten