Dogen statt Geld -- und die Texte schreiben die Leute selbst

Filipe, 28.09.2026:
  "der text der dazu erscheint sollen die leute selber schreiben
   koennen. soll auf nicht zu viel aber auch nicht zu wenig
   schreiben koennen. aber es sollen personalisierte texte sein von
   den leuten selbst."
  "mann soll nie die summe sehen sondern die dogen auch mit dem
   symbol ... es soll auch nie geld da stehen sondern Dogen."
  "ich will dass die den leuten auch als punkte hinzugefuegt werden."

DER TEXT KOMMT VON DEM, DER GIBT

Bisher konnte ihn nur die Leitung tippen; beim Melden schickte der
Zuschauer gar nichts mit. Jetzt stehen nach dem Tippen auf einen
Betrag zwei Felder da: Name auf der Karte (mit dem eigenen Namen
vorausgefuellt) und der eigene Text, bis 140 Zeichen.

140 ist gemessen, nicht geraten: Die Karte steht je nach Stufe sechs
bis elf Sekunden. Bei 140 Zeichen sind das zwei bis drei Zeilen -- die
fasst man im Vorbeischauen. Bei 200 wird die Schrift auf einer kleinen
Karte so eng, dass niemand mehr hinsieht, und ein Gruss, den keiner
liest, ist schlechter als ein kurzer. Der Zaehler erscheint erst ab
30 uebrigen Zeichen; einer, der von Anfang an mitlaeuft, macht aus
einem Gruss eine Aufgabe.

UND EINE SCHRANKE DAVOR. Der Text kommt von einem Fremden und steht
gleich im Livestream. Er laeuft ohnehin durch die Bestaetigung -- neu
ist, dass die Leitung ihn dort AENDERN kann. Ohne das bliebe nur "ganz
ablehnen", und dann faellt wegen eines Wortes eine echte Spende unter
den Tisch.

NIE WIEDER GELD AUF DEM BILDSCHIRM

Ein Doge sind zehn Euro (Filipes Angabe "1 euro sind 0,10 dogen",
rueckgefragt und bestaetigt -- zwischen den beiden Lesarten liegt der
Faktor 100). Gerechnet wird in Tausendsteln, nie in Kommazahlen.

Das Entscheidende ist nicht die Beschriftung: DER BROWSER BEKOMMT
KEINEN EURO-BETRAG MEHR, auch nicht verborgen im JSON. Der Kurs steht
einmal auf dem Server. Was nicht gesendet wird, kann an keiner Stelle
versehentlich erscheinen, und niemand muss daran denken. Gemessen:
38 Felder im Stand, kein Geldfeld, kein Eurozeichen, auch nicht auf
der Buehnentafel. Der einzige Ort, an dem noch ein Euro entsteht, ist
die PayPal-Adresse -- weil PayPal ihn braucht.

DIE PUNKTE: EIN BUCH, KEIN ZAEHLER

Ein Feld `dogen` an der Person waere kuerzer gewesen -- und die zweite
Antwort auf dieselbe Frage. Der Stand IST die Summe der Buchungen, und
eine Summe kann sich nicht von ihren Posten entfernen. Weil Filipe
spaeter etwas daran haengen will ("spezielle sachen ... wo mit diesen
dogpunkten zu tun hat"), steht neben jeder Zeile ein Grund und ein
Datum: Ein Zaehler, der kleiner wird, laesst keine Frage mehr
beantworten.

Dass nie doppelt gutgeschrieben wird, entscheidet ein eindeutiger
Index in der Datenbank und keine Bedingung im Programm -- "nochmal
zeigen" und ein wiederholter Strom koennen es damit gar nicht
ausloesen.

Ohne Person keine Punkte: Eine von Hand eingetragene Spende hat oft
nur einen Vornamen auf dem Handy. Daraus eine Person zu RATEN waere
schlimmer als keine Gutschrift -- deshalb waehlt die Leitung sie aus,
und tut sie es nicht, laeuft die Karte trotzdem.

DAS SYMBOL IST VORBEREITET

Filipe: "die symbole schick ich dir spaeter." Es wird im Regiepult
hochgeladen, ohne Deploy -- bis dahin steht eine gezeichnete Muenze
da. Es liegt bei den Stufenbildern, weil das der einzige Weg ist, der
Bilder OHNE Anmeldung ausliefert; sonst fehlte es ausgerechnet im
Stream.

=======================================================================
UND EINE REPARATUR AN DEM, WAS HEUTE MITTAG LIVE GING

Seit 3fedeea7 war der Buehnenmodus (reaktion.html?nur=buehne) kaputt:
Leinwand null Pixel hoch, im Stream ein schwarzes Bild. Das ist die
Fensterquelle fuer den Fall, dass Gaeste im Bild sind.

Ursache: Teil A hat die Zeilen des Saals festgenagelt (#teil-live auf
Zeile 2). Im Buehnenmodus stand aber seit jeher eine eigene Regel, die
dem Saal nur EINE Zeile gibt -- das Video landete in einer impliziten
Zeile, die sich nach ihrem Inhalt bemisst, waehrend die Leinwand ihre
Hoehe aus der Zeile nimmt. Beide warten aufeinander, heraus kommt
null.

Das ist heute der VIERTE Fall von "zwei Regeln fuer dieselbe Frage"
(Tafeln, Saalzeilen, Kamerabreite, Buehnenmodus). Die Loesung ist
jedes Mal dieselbe: nicht die zweite Regel richtig stellen, sondern
sie abschaffen.

DREI DINGE, DIE DARAN LEHRREICH SIND:

1. MEINE EIGENE PRUEFUNG WAR GRUEN UND WERTLOS. Ich hatte nach Teil A
   extra geprueft: "genau eine Regel bestimmt die Zeilen des Saals".
   Sie verlangte, dass die Zeile mit `.saal` BEGINNT -- und hat
   `body[data-nur="buehne"] .saal { … }` deshalb nie gesehen. Jetzt
   zaehlt sie jede Regel, in deren Auswahl `.saal` vorkommt, mit einer
   Gegenprobe, die eine eingeschobene zweite wirklich findet.

2. EINE SEITE MIT ZWEI ANSICHTEN BRAUCHT BEIDE MESSUNGEN. Nach Teil A
   liefen `pruef-buehne` (Schnittstelle) und `mess-reaktion` (normale
   Ansicht). `mess-buehne` -- die einzige, die diese Ansicht
   ueberhaupt oeffnet -- lief nicht.

3. EIN PYTHON-SKRIPT, DAS ERST AM ENDE SCHREIBT, MELDET "ok" FUER
   AENDERUNGEN, DIE NIE ANKOMMEN. Eine fehlgeschlagene Zusicherung hat
   einen ganzen Stapel verworfen, obwohl die erste Aenderung schon
   bestaetigt war. Die Messung meldete daraufhin "Auf der Karte steht:
   undefined" -- kein Fehler im Code, sondern eine Zeile, die nie
   geschrieben wurde. Gefunden hat es die Messung, nicht das Lesen.

pruef-spenden 136/0 (vorher 95) - pruef-reaktion 321/0 -
pruef-buehne 36/0 - pruef-css-klassen ok - pruef-tippziele 11/0 -
mess-reaktion und mess-buehne ohne Beanstandung

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

workspace/assets/css/reaktion.css

@@ -953,7 +953,12 @@
 
 .geben__betraege { display: flex; gap: 6px; flex-wrap: wrap; }
 .geben__betrag {
-  flex: 1 1 4.2rem;
+  /* Breiter als vorher: Auf dem Knopf steht jetzt ein Zeichen neben
+     der Zahl, und „0,2" mit Muenze braucht mehr Platz als „2 €".
+     Zwei passen weiter nebeneinander, vier brechen auf zwei Reihen
+     um -- das entscheidet `flex-wrap` und nicht eine Zahl, die man
+     beim naechsten Knopf vergisst. */
+  flex: 1 1 5.6rem;
   min-height: 44px;
   display: grid; place-items: center;
   border-radius: 11px;
@@ -975,6 +980,49 @@
    das nicht passiert ist. */
 .geben__nach { display: grid; gap: 7px; }
 .geben__frage { margin: 0; font-size: .78rem; color: #e9e6f2; }
+
+/* ==== WAS DIE LEUTE SELBST SCHREIBEN ===============================
+
+   Filipe: „der text der dazu erscheint sollen die leute selber
+   schreiben koennen ... es sollen personalisierte texte sein von den
+   leuten selbst."
+
+   Zwei kleine Felder, und beide sind freiwillig. Sie stehen im
+   gruenen Kasten und nicht in einem eigenen -- wer gerade gespendet
+   hat, soll nicht das Gefuehl haben, jetzt komme noch ein Formular. */
+.geben__feld { display: grid; gap: 4px; }
+.geben__feld > span {
+  display: flex; justify-content: space-between; align-items: baseline;
+  gap: 8px;
+  font-size: .72rem; font-weight: 700;
+  color: #9ff0c2; letter-spacing: .03em;
+}
+.geben__feld input, .geben__feld textarea {
+  min-height: 40px; padding: 9px 11px;
+  border-radius: 11px;
+  border: 1px solid rgba(125, 226, 168, .3);
+  background: rgba(0, 0, 0, .3);
+  color: var(--schrift); font: inherit; font-size: .84rem;
+  min-width: 0; width: 100%; box-sizing: border-box;
+}
+.geben__feld textarea { resize: vertical; line-height: 1.4; }
+.geben__feld input:focus-visible, .geben__feld textarea:focus-visible {
+  outline: 2px solid rgba(125, 226, 168, .6); outline-offset: 1px;
+}
+/* Der Zaehler steht erst da, wenn es eng wird -- ein Zaehler, der
+   von Anfang an mitlaeuft, macht aus einem Gruss eine Aufgabe. */
+/* .72rem und nicht .7rem: 11,52 px ist die Untergrenze des Hauses,
+   11,2 waere darunter. Die Zahl ist nicht Geschmack -- sie steht in
+   `pruef-css-klassen`, und genau dort ist diese Zeile aufgefallen. */
+.geben__rest { font-size: .72rem; font-weight: 600; opacity: .7; }
+.geben__rest[data-eng="ja"] { color: var(--gleich); opacity: 1; }
+
+/* Der eigene Stand. Er steht nur da, wenn er nicht null ist. */
+.geben__stand {
+  margin: 0;
+  display: flex; align-items: center; gap: .4em;
+  font-size: .78rem; color: #9ff0c2;
+}
 .geben__nach-knoepfe { display: flex; gap: 6px; }
 .geben__melden, .geben__abbruch {
   appearance: none; cursor: pointer;
@@ -1010,7 +1058,26 @@
   font-variant-numeric: tabular-nums;
   color: #9ff0c2;
 }
-.spendenzeile__mitte { flex: 1 1 6rem; min-width: 0; display: grid; gap: 1px; }
+.spendenzeile__mitte { flex: 1 1 6rem; min-width: 0; display: grid; gap: 4px; }
+
+/* ==== DIE SCHRANKE VOR DEM STREAM ==================================
+   Name und Text sind hier FELDER und keine Beschriftung: Der Text
+   kommt seit dem 28.09. von dem, der gibt, und die Leitung sieht ihn
+   kurz bevor er im Livestream steht. Ohne die Moeglichkeit, ein Wort
+   zu aendern, bliebe nur „ganz ablehnen" -- und dann faellt wegen
+   eines Wortes eine echte Spende unter den Tisch. */
+.spendenzeile__feld {
+  min-height: 34px; padding: 5px 9px;
+  border-radius: 9px;
+  border: 1px solid var(--rand);
+  background: rgba(0, 0, 0, .3);
+  color: var(--schrift); font: inherit; font-size: .82rem;
+  min-width: 0; width: 100%; box-sizing: border-box;
+}
+.spendenzeile__feld--gruss { font-size: .76rem; color: var(--schrift-leise); }
+.spendenzeile__feld:focus-visible {
+  outline: 2px solid var(--rand-hell); outline-offset: 1px;
+}
 .spendenzeile__wer {
   font-size: .84rem; color: var(--schrift);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
@@ -1040,6 +1107,36 @@
   font-size: .78rem; color: var(--schrift-leise);
 }
 
+/* ==== WER WIE VIELE DOGEN HAT ======================================
+
+   Filipe: „ich will dass die den leuten auch als punkte hinzugefuegt
+   werden."
+
+   NUR IM PULT. Oeffentlich waere das eine Rangliste darueber, wer wie
+   viel gibt -- und wer wenig geben kann, staende jeden Abend darin.
+   Sie ist absichtlich ruhig gestaltet: eine Auskunft, kein
+   Siegertreppchen. */
+.dogenliste {
+  list-style: none; margin: 0; padding: 0;
+  display: grid; gap: 4px;
+}
+.dogenzeile {
+  display: flex; align-items: center; gap: 10px;
+  padding: 6px 10px;
+  border-radius: 9px;
+  background: rgba(255, 255, 255, .03);
+}
+.dogenzeile__wer {
+  flex: 1 1 auto; min-width: 0;
+  font-size: .82rem; color: var(--schrift);
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.dogenzeile__wert {
+  flex: none;
+  font-size: .92rem; font-weight: 800;
+  color: #9ff0c2;
+}
+
 
 /* =====================================================================
    DIE REGIE
@@ -1757,6 +1854,27 @@
 .stufe-tun--weg:hover { color: var(--an-hell); background: rgba(216, 64, 74, .12); }
 .stufe-tun--aus { opacity: .45; cursor: default; }
 
+/* ==== DAS DOGEN-ZEICHEN ============================================
+   Filipe: „die symbole schick ich dir spaeter."
+
+   Gezeigt wird es MIT EINER ZAHL DANEBEN und nicht allein. Ein
+   Symbol auf leerer Flaeche sagt nichts darueber, wie es neben einer
+   Ziffer wirkt -- und genau dort steht es spaeter. */
+.zeichenwahl {
+  display: flex; flex-wrap: wrap; align-items: center;
+  gap: 12px 16px;
+}
+.zeichenwahl__schau {
+  display: flex; align-items: center;
+  min-height: 44px; padding: 6px 14px;
+  border-radius: 12px;
+  border: 1px solid var(--rand);
+  background: rgba(0, 0, 0, .3);
+  font-size: 1.3rem; font-weight: 900;
+  color: #9ff0c2;
+}
+.zeichenwahl__tun { display: flex; flex-wrap: wrap; gap: 8px; }
+
 /* „Noch nicht übernommen" in Gold: Es ist keine Störung, sondern
    eine Erinnerung -- Rot gehört in diesem Haus dem Senden. */
 #stufen-stand[data-offen="ja"] { color: var(--gleich); font-weight: 700; }
@@ -1841,6 +1959,10 @@
 @media (pointer: coarse) {
   .kamgroesse__knopf { min-height: 44px; }
   .kamecke__knopf { min-height: 44px; min-width: 52px; height: 44px; width: 52px; }
+  /* Am Finger werden auch die Felder in der offenen Spendenliste auf
+     Hausgroesse gehoben -- sie werden mitten in einer Sendung
+     bedient, oft am Handy. */
+  .spendenzeile__feld { min-height: 44px; }
 }
 
 .layout-reihe { display: flex; gap: 9px; flex-wrap: wrap; }
@@ -1899,6 +2021,14 @@
   font-size: .72rem; font-weight: 700;
   color: var(--schrift-leise); letter-spacing: .04em;
 }
+.pult__feld select {
+  min-height: 44px; padding: 0 10px;
+  border-radius: 11px;
+  border: 1px solid var(--rand);
+  background: rgba(0, 0, 0, .34);
+  color: var(--schrift); font: inherit; font-size: .88rem;
+  min-width: 0;
+}
 .pult__feld input, .pult__wahl {
   min-height: 44px; padding: 0 12px;
   border-radius: 11px;
@@ -2285,10 +2415,29 @@ body[data-nur="buehne"] .spendentafel {
   display: none !important;
 }
 /* Der Saal füllt das ganze Fenster — ohne die 69 Pixel Kopfleiste,
-   die es hier nicht mehr gibt. */
+   die es hier nicht mehr gibt.
+
+   ==== UND ER BEHÄLT SEINE DREI ZEILEN ==============================
+
+   Hier stand `grid-template-rows: minmax(0, 1fr)` — eine einzige
+   Zeile. Das war richtig, solange nichts festgenagelt war. Seit dem
+   28.09. sitzt `#teil-live` ausdrücklich auf Zeile 2, und die gab es
+   hier dann nicht mehr: Das Video landete in einer IMPLIZITEN Zeile,
+   die sich nach ihrem Inhalt bemisst — während die Leinwand ihre
+   Höhe aus der Zeile nimmt. Beide warten aufeinander, heraus kommt
+   null. Gemessen: Leinwand unsichtbar, Saal 720 von 720.
+
+   Die drei Zeilen der Grundregel stimmen hier von selbst: Leiste und
+   Pult sind `display: none` und belegen als `auto`-Zeile genau null
+   Pixel. Es bleibt also nur die Höhe zu setzen.
+
+   DAS IST HEUTE DER VIERTE FALL VON „ZWEI REGELN FÜR DIESELBE
+   FRAGE" (Tafeln, Saalzeilen, Kamerabreite, jetzt der
+   Bühnenmodus). Die Lehre ist jedes Mal dieselbe und jedes Mal
+   dieselbe Lösung: nicht die zweite Regel richtig stellen, sondern
+   sie abschaffen. */
 body[data-nur="buehne"] .saal {
   height: 100dvh;
-  grid-template-rows: minmax(0, 1fr);
 }
 body[data-nur="buehne"] .kino { grid-template-columns: 1fr; }
 body[data-nur="buehne"] { background: #000; }

workspace/assets/css/spendenkarte.css

@@ -97,6 +97,55 @@
      einen eigenen Schein. */
   text-shadow: 0 0 22px color-mix(in srgb, var(--sp-farbe) 60%, transparent);
 }
+/* ==== ZAHL, ZEICHEN UND WORT GEHOEREN ZUSAMMEN =====================
+
+   Filipe: „man soll nie die summe sehen sondern die dogen auch mit
+   dem symbol."
+
+   Das Stueck steht auf der Karte, in den Listen im Pult, an den
+   Knoepfen und beim eigenen Stand -- und ueberall gleich. Es rechnet
+   in `em`, damit es die Groesse seiner Umgebung annimmt: auf der
+   Karte gross, in einer Liste klein, ohne eine einzige zweite Zahl.
+
+   `baseline` UND NICHT `center`: Das Zeichen sitzt sonst optisch zu
+   hoch neben einer Ziffer mit Oberlaenge. */
+.dogen {
+  display: inline-flex; align-items: baseline; gap: .28em;
+  white-space: nowrap;
+}
+.dogen__zeichen {
+  width: .92em; height: .92em;
+  flex: none;
+  /* Selbst ausrichten, weil `baseline` ein Bild an seine Unterkante
+     setzt und es damit zu tief haengt. */
+  align-self: center;
+  object-fit: contain;
+}
+.dogen__zahl { font-variant-numeric: tabular-nums; }
+/* Das Wort steht kleiner und ruhiger daneben -- die ZAHL ist die
+   Aussage, „Dogen" ist nur die Einheit. Ein gleich grosses Wort
+   nimmt der Zahl die Haelfte ihrer Wirkung. */
+.dogen__wort {
+  /* ==== `max()` UND NICHT NUR `em` ==============================
+     0,52em ist neben der grossen Zahl auf der Karte genau richtig
+     (rund 13 px) -- in einer Liste im Pult waeren daraus 8 px
+     geworden. Das Haus hat eine Untergrenze von 11,5 px, und sie
+     ist kein Geschmack: Darunter liest es niemand mehr, und
+     `pruef-css-klassen` misst es.
+
+     `max()` loest beides mit einer Regel statt mit zwei: Auf der
+     Karte gewinnt das `em` und waechst mit, in einer Liste gewinnt
+     der feste Wert. Zwei Regeln fuer dieselbe Frage waeren wieder
+     die Gelegenheit, dass eine davon irgendwo falsch gewinnt. */
+  font-size: max(.72rem, .52em);
+  font-weight: 800;
+  letter-spacing: .1em; text-transform: uppercase;
+  opacity: .72;
+}
+/* An den Spendenknoepfen steht das Wort viermal untereinander --
+   einmal je Knopf. Das ist kein Zusatz mehr, sondern Rauschen. */
+.dogen--nurzahl .dogen__wort { display: none; }
+
 .spendenkarte__stufe {
   font-size: .72em; font-weight: 800;
   letter-spacing: .12em; text-transform: uppercase;