Unsere Seiten, klickbare Video-Karten -- und coturn, das nie vermittelt hat

Drei Sachen von Filipe, und eine davon war ein Fehler von mir.

1. DER VERMITTLUNGSSERVER HAT NIE EINEN ANRUF GETRAGEN.

Am 18.09. habe ich gemeldet, coturn laufe und sei "von aussen
nachgewiesen". Das war falsch. Im Protokoll: null Zuteilungen, jemals.
Beim ersten echten Versuch "check_stun_auth: Cannot find credentials"
-- in /etc/turnserver.conf fehlte `static-auth-secret`, also suchte
coturn die Zugangsdaten in seiner eigenen Datenbank und wies jeden ab.

Und mein eigenes Werkzeug meldete die ganze Zeit gruen:
"Eingetragen, Geheimnis lesbar, Server antwortet." Jedes Wort wahr --
und keins beantwortete die Frage, um die es geht. Eine STUN-Bindung
fragt "bist du da?", eine Zuteilung fragt "traegst du meinen Anruf?".

`tools/turn-sprache.mjs` (neu) versucht jetzt eine ECHTE Zuteilung und
schickt ein Paket darueber. `turn-einrichten.mjs` benutzt sie und hat
drei Ausgaenge statt zwei: traegt / traegt nicht / konnte nicht
nachsehen. Nach Filipes Reparatur auf dem Server gemessen: Zuteilung
auf Port 49199, Paket angekommen -- von Luxemburg durch Deutschland.

2. UNSERE SEITEN -- die erste Kachel, die HINAUSFUEHRT.

Website und VanVans Shop, mit dem Rabattcode DOGI10. Der Code wurde
nachgesehen, nicht abgeschrieben: partnercodes.json, 10 Prozent,
aktiv, "zum weitergeben an Community" -- und giltAufSale: false,
weshalb der Satz zu reduzierten Artikeln danebensteht. Der zweite Code
dort ist als "nur fuer Filipe persoenlich" vermerkt und steht nirgends.

Auch Name und Beschreibung des Shops stammen von der Seite selbst.
Meine erste Fassung hiess "Van's DIY Bastelbedarf" und nannte "Perlen,
Anhaenger, Werkzeug" -- ausgedacht und falsch. Er heisst mit "&" und
verkauft Haekelwerke, Plushies, Schmuck.

Der Ton der Kachel wurde GESUCHT, nicht gewaehlt: sieben geratene
Blautoene schafften den noetigen Abstand nicht, also 372 600
Kombinationen abgesucht. #087ce7, Abstand 0.310, Kontrast 4.51:1.

3. DIE GANZE VIDEO-KARTE KLICKT -- "egal wo man drauf drückt".

Und hier steckte der lehrreiche Fehler: Zuerst stand der Klick-Block
unten vor `return k`. Diese Funktion hat DREI Rueckgabepunkte, und der
erste lautet `if (!darfEintragen()) { ...; return k; }` -- also genau
fuer die Mitglieder, fuer die Filipe es wollte. Beim Team ging es, bei
der Community nicht. Jetzt haengt er dort, wo `videoWeg` entsteht.

Nicht klickbar bleiben Karten ohne Video und solche, deren Video bei
TikTok geloescht wurde -- sonst fuehrt der Klick auf eine Fehlerseite,
und wir sehen kaputt aus.

GEMESSEN: pruef-wege-nach-draussen (neu) 63 Pruefungen, 0 Fehler, auf
1400 und 412 px. Mit Gegenproben: der Kopierknopf oeffnet nichts, der
eigene Knopf wirkt genau einmal, auf einer Karte ohne Video passiert
nichts. pruef-community-sicht 10/0 auf jetzt 11 Seiten, 0 tote Wege.

Nebenbei: Der Pfeil klebte bei langen Untertiteln am Text (auf dem
Bildschirmfoto gesehen). 0.45rem Abstand.

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

workspace/assets/css/start.css

@@ -1098,6 +1098,24 @@ body.start > main { position: relative; z-index: 1; }
    ist die nächste Frage nicht „noch ein Ton", sondern „braucht diese
    Kachel wirklich eine eigene Farbe". */
 [data-ton="37"] { --ton: #61ff09; }   /* Wie geht's dir? */
+/* UNSERE SEITEN (19.09.2026) -- GESUCHT, NICHT GEWAEHLT.
+
+   Die Treff-Gruppe trug Grün (28, 30, 32), Magenta (29), Orange (31)
+   und zweimal Rosa (33, 34). Ein achter Ton von Hand danebengesetzt
+   wäre mit hoher Wahrscheinlichkeit einem davon zu nah gekommen — beim
+   ersten Versuch war genau das der Fall: sieben geratene Blautöne, und
+   keiner schaffte den nötigen Abstand.
+
+   Deshalb abgesucht statt geschätzt: 372 600 Kombinationen aus
+   Helligkeit, Buntheit und Farbton, davon 213 260 überhaupt
+   darstellbar und 140 973 mit ausreichendem Kontrast auf #0a121e.
+   Gewonnen hat der mit dem GRÖSSTEN Mindestabstand zu allen sieben —
+   und bei Gleichstand die leisere Fassung, damit kein Neon entsteht.
+
+   Ergebnis: OKLCH L=0.59 C=0.185 H=254. Abstand 0.310 zum nächsten
+   (Ton 33), Kontrast 4.51:1. Blau ist die einzige Ecke, die im Treff
+   noch frei war — das ist kein Zufall, sondern das Ergebnis. */
+[data-ton="38"] { --ton: #087ce7; }   /* Unsere Seiten */
 
 /* Rückfallwert für alles, was einen Ton braucht, aber keine Nummer hat.
    Steht bewusst in :where() -- damit zählt die Zeile beim Wettstreit der
@@ -1739,6 +1757,15 @@ body.start > main { position: relative; z-index: 1; }
 .kachel__pfeil {
   position: relative; z-index: 1;
   flex: none; margin-left: auto;
+  /* ABSTAND ZUM UNTERTITEL (19.09.2026, auf dem Bildschirmfoto
+     gesehen). Bei langen Untertiteln — „Wie du dazugehören kannst",
+     „Website, Shop & dein Rabatt" — stieß der Text direkt an den
+     Pfeil, ohne eine Lücke dazwischen. Kaputt war nichts: Der
+     Untertitel kürzt sich selbst mit „…". Es sah nur gedrängt aus,
+     und zwar genau auf den Kacheln mit dem meisten zu sagen.
+     Der Zuschlag nimmt dem Text ein paar Pixel, die er ohnehin
+     abschneidet. */
+  padding-left: .45rem;
   color: var(--text-still); font-size: 1rem;
   transition: color var(--tempo), transform var(--tempo);
 }