Wie geht's dir? bekommt eine eigene Seite

Filipe, zum Bildschirmfoto der Kachel: "ich will dass du diese seite
perfektionnierst den gerade wenn ich drauf druecke geht die
entwicklungsseite auf."

Der Fehler war schlimmer als ein falscher Verweis. Auf der Kachel
steht "die Antworten sieht nur du" -- und sie oeffnete eine Seite
voller Namen und Beobachtungen ueber ANDERE Menschen. Wer ihr glaubt
und drauftippt, sieht im ersten Moment das Gegenteil dessen, was
draufsteht.

Jetzt: eine Seite, ein Zweck.

  workspace/befinden.html + assets/js/befinden.js   die eigene Seite
  server/workspace-befinden.js                      Rhythmus + Verlauf
  entwicklung.html                                  nur noch ein Verweis

Was die Recherche zu Puls-Abfragen ergeben hat (Quellen im Kopf des
Moduls): kurz halten (fuenf bis fuenfzehn Fragen -- sechs bleiben
sechs), WIEDERHOLEN (zweiwoechentlich), und der VERLAUF ist die
Auskunft, nicht der Einzelwert. Bisher beantwortete man die sechs
Fragen einmal, und die Antwort stand fuer immer -- ein Befinden von
vor drei Monaten ist keine Auskunft mehr, sondern ein Andenken.

Der Verlauf gehoert ihr allein: eigene Tabelle, kein von_id, kein
anderer Weg im Haus liest sie. Im Protokoll steht nur, DASS eine
Runde war, nie was darin stand. Die Ampel zaehlt weiterhin nur den
aktuellen Stand und kennt keine Namen.

Zwei Dinge, die erst die Pruefung gefunden hat:

  - Wer die neue Seite oeffnete, ohne dass vorher jemand die
    Entwicklungsseite besucht hatte, bekam "no such table" und eine
    503. entwicklung_stand wird beim ersten Aufruf angelegt, nicht
    beim Start. Die Tabelle wird jetzt angefordert, nicht ein zweites
    Mal abgeschrieben.
  - pruef-entwicklung suchte die Kachel ueber ziel ===
    "entwicklung.html" und hat den gemeldeten Fehler damit
    mitgetragen. Sie sucht jetzt die eigene Seite -- und prueft
    zusaetzlich, dass keine Kachel mehr ersatzweise dorthin fuehrt.

Ausserdem weg: die tote Funktion meins() in entwicklung.js (sie
zeichnete in drei Stellen, die es nicht mehr gibt) und der Titel
"Wie geht's dir?", den diese Seite fuer einen Modi trug -- er
versprach etwas anderes als die Seite zeigt, also derselbe Fehler
wie an der Kachel.

  server/pruef-befinden.mjs   48 Pruefungen, 0 Fehler (Port 4419)
  pruef-entwicklung           43 (vorher 40), 0 Fehler
  pruef-nachwuchs 123, pruef-rechtetafel 19, pruef-rechte-umstellen 46,
  pruef-css-klassen -- alle 0 Fehler

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

workspace/assets/css/entwicklung.css

@@ -427,3 +427,75 @@
 /* „Darüber seid ihr euch nicht einig“ ist keine Warnung, sondern eine
    Einladung zu fragen – deshalb leise und ohne Farbe. */
 .e-meine__uneinig { font-size: .78rem; color: var(--text-still); font-style: italic; }
+
+/* =====================================================================
+   WIE GEHT'S DIR? -- die eigene Seite (15.09.2026)
+   ===================================================================== */
+
+/* Der Takt steht ueber den Fragen: Wer hereinkommt, soll zuerst
+   wissen, ob gerade etwas von ihm erwartet wird. */
+.b-takt {
+  margin: 0 0 22px; padding: 14px 17px;
+  background: color-mix(in srgb, var(--tinte) 94%, #ffffff 6%);
+  border: 1px solid var(--rand);
+  border-left: 3px solid var(--rand-hell);
+  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
+}
+/* Faellig heisst: es ist Zeit. Kein Alarm -- eine Einladung. */
+.b-takt[data-lage="faellig"] { border-left-color: color-mix(in srgb, #8ec9ff 60%, transparent); }
+.b-takt[data-lage="bereit"]  { border-left-color: color-mix(in srgb, #668e6e 60%, transparent); }
+.b-takt__satz {
+  margin: 0; flex: 1 1 24ch; max-width: 70ch;
+  font-size: .86rem; line-height: 1.6; color: var(--text-leise);
+}
+
+.b-verlauf { margin: 34px 0 0; }
+.b-verlauf__satz {
+  margin: 0 0 14px; max-width: 68ch;
+  font-size: .85rem; line-height: 1.6; color: var(--text-leise);
+}
+.b-verlauf__gitter {
+  display: grid; gap: 4px;
+  padding: 14px 16px;
+  background: color-mix(in srgb, var(--tinte) 94%, #ffffff 6%);
+  border: 1px solid var(--rand);
+  overflow-x: auto;
+}
+.b-verlauf__zeile {
+  display: grid;
+  grid-template-columns: minmax(12ch, 1fr) repeat(auto-fit, minmax(2.4rem, 2.4rem));
+  align-items: center; gap: 6px;
+}
+.b-verlauf__frage {
+  font-size: .8rem; line-height: 1.35; color: var(--text-leise);
+  padding-right: 8px;
+}
+.b-verlauf__datum {
+  font-size: .72rem; color: var(--text-still); text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.b-verlauf__zeile--kopf { margin-bottom: 4px; }
+/* Das Zeichen sagt die Antwort, die Farbe verstaerkt sie nur -- wer
+   Farben schlecht sieht, liest dasselbe Zeichen. */
+.b-verlauf__punkt {
+  display: grid; place-items: center;
+  width: 2.2rem; height: 1.9rem;
+  font-size: .9rem; font-weight: 700;
+  border-radius: var(--radius);
+  color: var(--text-still);
+  background: rgba(0, 0, 0, .25);
+  border: 1px solid var(--rand);
+}
+.b-verlauf__punkt[data-stufe="laeuft"]  { color: #7fb08a; border-color: color-mix(in srgb, #668e6e 55%, transparent); }
+.b-verlauf__punkt[data-stufe="waechst"] { color: #8ec9ff; border-color: color-mix(in srgb, #8ec9ff 45%, transparent); }
+.b-verlauf__punkt[data-stufe="hakt"]    { color: #d8a76a; border-color: color-mix(in srgb, #cc9451 55%, transparent); }
+.b-verlauf__punkt[data-stufe="leer"]    { opacity: .4; }
+
+/* Der Verweis auf der Entwicklungsseite -- ruhig, er ist kein Angebot,
+   sondern ein Hinweis. */
+.e-meins--verweis { margin-top: 30px; }
+
+@media (max-width: 560px) {
+  .b-verlauf__zeile { grid-template-columns: minmax(9ch, 1fr) repeat(auto-fit, minmax(2rem, 2rem)); }
+  .b-verlauf__punkt { width: 1.9rem; }
+}