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/js/spendenkarte.js

@@ -63,22 +63,90 @@
     return svg;
   }
 
-  /** Betrag aus Cent in einen lesbaren Text.
+  /* ==== DAS DOGEN-ZEICHEN ==========================================
+
+     Filipe: „die dogen auch mit dem symbol, die symbole schick ich
+     dir später."
+
+     Bis sein Symbol da ist, steht hier eine gezeichnete Münze mit
+     einer Pfote darin. GEZEICHNET UND NICHT ALS BILDDATEI, aus dem
+     gleichen Grund wie bei den Stufenzeichen: Sie muss in jeder
+     Farbe funktionieren und in jeder Größe scharf bleiben.
+
+     Ein leerer Platzhalter wäre die schlechtere Zwischenlösung —
+     man hält ihn für kaputt und sucht den Fehler. */
+  const ZEICHEN = '<circle cx="32" cy="32" r="27" fill="none" stroke-width="4"/>'
+    + '<circle cx="23" cy="25" r="4" stroke="none"/>'
+    + '<circle cx="32.5" cy="21.5" r="4.5" stroke="none"/>'
+    + '<circle cx="42" cy="25" r="4" stroke="none"/>'
+    + '<path stroke="none" d="M32.5 30c5.5 0 9.5 4.4 9.5 8.2s-4 5.3-9.5 5.3'
+    + '-9.5-1.5-9.5-5.3S27 30 32.5 30z"/>';
+
+  /** Die Zahl in Dogen — ohne Wort, ohne Zeichen.
    *
-   *  GERECHNET WIRD IN CENT, FORMATIERT ERST HIER. Kommazahlen sind
-   *  bei Geld die Quelle stiller Fehler; der einzige Ort, an dem ein
-   *  Komma auftauchen darf, ist der Bildschirm. */
-  function alsGeld(cent, waehrung) {
+   *  ==== GERECHNET WIRD IN TAUSENDSTELN, FORMATIERT ERST HIER
+   *
+   *  Diese Datei kennt den Kurs NICHT und soll ihn nicht kennen. Was
+   *  hereinkommt, sind Tausendstel Dogen; der Euro dahinter bleibt
+   *  auf dem Server. So kann hier gar nicht versehentlich Geld
+   *  erscheinen — Filipe: „es soll auch nie geld da stehen."
+   *
+   *  HÖCHSTENS ZWEI NACHKOMMASTELLEN. Drei wären beim heutigen Kurs
+   *  exakt, aber „0,155 Dogen" liest niemand in sechs Sekunden. Der
+   *  PUNKTESTAND wird trotzdem aus den genauen Tausendsteln gerechnet
+   *  und nicht aus diesen gerundeten Zahlen — sonst liefe die Summe
+   *  mit jeder Spende ein Stück von den Posten weg. */
+  function alsDogen(mille) {
+    const m = Math.round(Number(mille) || 0);
     try {
-      return new Intl.NumberFormat('de-DE', {
-        style: 'currency', currency: waehrung || 'EUR',
-        minimumFractionDigits: cent % 100 === 0 ? 0 : 2,
-      }).format(cent / 100);
+      return new Intl.NumberFormat('de-DE', { maximumFractionDigits: 2 }).format(m / 1000);
     } catch {
-      return (cent / 100).toFixed(2).replace('.', ',') + ' ' + (waehrung || 'EUR');
+      return String(m / 1000).replace('.', ',');
     }
   }
 
+  /** „Doge" oder „Dogen" — die Einzahl gibt es nur bei genau einem. */
+  function dogenWort(mille) {
+    return Math.abs(Math.round(Number(mille) || 0)) === 1000 ? 'Doge' : 'Dogen';
+  }
+
+  /** Zeichen + Zahl + Wort als ein Stück.
+   *
+   *  AN EINER STELLE GEBAUT. Die Zahl steht auf der Karte, in zwei
+   *  Listen im Pult, an den Spendenknöpfen und beim eigenen Stand.
+   *  Fünfmal zusammengesetzt hieße: Beim nächsten Mal sieht eine
+   *  davon anders aus, und gemerkt wird es im Livestream. */
+  function dogenStueck(mille, quelle, klasse) {
+    const k = el('span', 'dogen' + (klasse ? ' ' + klasse : ''));
+    if (quelle) {
+      const b = document.createElement('img');
+      b.className = 'dogen__zeichen';
+      b.src = quelle;
+      b.alt = '';
+      /* Lädt das hochgeladene Zeichen nicht, tritt die Zeichnung
+         wieder ein. Ein fehlendes Bild neben einer Zahl sieht aus
+         wie ein Fehler in der Zahl. */
+      b.addEventListener('error', () => { b.replaceWith(gezeichnet()); });
+      k.append(b);
+    } else {
+      k.append(gezeichnet());
+    }
+    k.append(el('span', 'dogen__zahl', alsDogen(mille)));
+    k.append(el('span', 'dogen__wort', dogenWort(mille)));
+    return k;
+  }
+
+  function gezeichnet() {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 64 64');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.setAttribute('class', 'dogen__zeichen');
+    svg.setAttribute('fill', 'currentColor');
+    svg.setAttribute('stroke', 'currentColor');
+    svg.innerHTML = ZEICHEN;
+    return svg;
+  }
+
   const schlange = [];
   let laeuft = false;
 
@@ -148,8 +216,9 @@
 
     const text = el('div', 'spendenkarte__text');
     text.append(el('span', 'spendenkarte__wer', karte.name || 'Jemand'));
-    text.append(el('strong', 'spendenkarte__betrag',
-      alsGeld(karte.betrag_cent, karte.waehrung)));
+    const betrag = el('strong', 'spendenkarte__betrag');
+    betrag.append(dogenStueck(karte.dogen_mille, karte.zeichen));
+    text.append(betrag);
     if (karte.stufe?.name) {
       text.append(el('span', 'spendenkarte__stufe', karte.stufe.name));
     }
@@ -172,5 +241,8 @@
     naechste(kasten);
   }
 
-  window.Spendenkarte = { zeigen, alsGeld, VORLAGEN: Object.keys(VORLAGEN) };
+  window.Spendenkarte = {
+    zeigen, alsDogen, dogenWort, dogenStueck,
+    VORLAGEN: Object.keys(VORLAGEN),
+  };
 })();