DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wie geht es dir: achtzehn Fragen in sechs Feldern, eine Zusammenfassung

Browse Source 
Sechs Fragen mehr (jetzt 18), und alle in sechs Feldern gegliedert:
Last & Erholung, Miteinander, Sinn & Anerkennung, Klarheit &
Rueckhalt, Grenzen & Sicherheit, Weiterkommen & Ausblick. Die Felder
sind nicht ausgedacht -- es sind die Gebiete, die die Forschung zu
belasteten Rollen durchgehend abfragt.

Die drei neuen Luecken, die sie schliessen: Schlaf (zeigt Erschoepfung
frueher als jede andere Frage), Widersprechen (der Kern dessen, was
psychologische Sicherheit heisst) und Mitreden (viel Anforderung bei
wenig Einfluss ist die Kombination, aus der Erschoepfung entsteht).
Jede neue Frage hat ihre belegte Einordnung -- eine Frage ohne
Grundlage ist eine Frage, die jemand gut fand.

DIE ROTATION MUSSTE NEU. Der Katalog ist nach Themen sortiert; wer
daraus drei aufeinanderfolgende nimmt, bekommt drei aus demselben
Feld. Jetzt wird der Ring vorher verzahnt -- erst je eine Frage aus
jedem Feld, dann je eine zweite. Ein Fenster trifft damit von selbst
verschiedene Felder.

Ein erster Anlauf reservierte feste Plaetze fuer die kernlosen
Felder. Begruendet mit einer Auswertung je Feld, die es gar nicht
gibt -- und er kostete: zwoelf Runden, bis jede Frage einmal gestellt
war, fast ein halbes Jahr. Gefunden hat das pruef-befinden.mjs, nicht
das Nachdenken. Mit dem verzahnten Ring und vier Plaetzen je Runde
sind es vier Runden.

DIE EINE ZUSAMMENFASSUNG AM ENDE, nicht eine je Kategorie. Sie sagt
in dieser Reihenfolge: die Lage in einem Satz, was traegt (benannt,
nicht als Zahl), hoechstens EINE Sache zum Hinschauen, ein Schluss,
der zur Lage passt. Umgekehrt waere es eine Maengelliste mit
Trostpflaster, und so etwas beantwortet man beim naechsten Mal nicht
mehr ehrlich.

ZUR FRAGE NACH DER BESTEN KOSTENLOSEN MOEGLICHKEIT: bewusst KEINE
KI. Das sind Gesundheitsdaten (wer nachts wach liegt, wer angefeindet
wird, wer ans Aufhoeren denkt) -- deshalb sind sie im ganzen Haus als
nurSelbst markiert. Kostenlose KI-Angebote bezahlt man mit den Daten.
Ein Sprachmodell erfindet ausserdem, und zwar ueberzeugend. Und ein
fremder Dienst faellt aus. Jeder Grund reicht einzeln. Die
Begruendung steht ausfuehrlich in workspace-befinden-resuemee.js.

Nebenbefund behoben: Die Zusammenfassung blieb direkt NACH einer
abgeschlossenen Runde leer -- da ist keine Antwort mehr "frisch".
Genau der Moment, in dem man sie sehen will.

Auch eine Pruefung korrigiert: Sie verbot den Text "entwicklung.js"
irgendwo in der Datei und schlug an einem Kommentar an, der die
Serverdatei benennt. Sie misst jetzt die Skript-Quellen.

pruef-befinden.mjs 112/0, pruef-resuemee.mjs 35/0 (neu).

Offener Befund, aelter als diese Aenderung: pruef-entwicklung.mjs
meldet "ein Modi: keine Kachel fuehrt mehr ersatzweise auf die
Entwicklungsseite" -- auch ohne diese Commits.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-09-20 19:45:14 +02:00
co-authored by Claude Opus 5
parent 1bdeccc054
commit 2719bd9b88
8 changed files with 1387 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workspace/assets/css/entwicklung.css
+137
View File
@@ -1481,3 +1481,140 @@
}
.t-kuemmern__seit { font-size: .78rem; color: var(--text-still); }
/* =====================================================================
DIE FELDER DER BEFINDENSFRAGEN (20.09.2026)
Filipe: „bei der frage wie geht es dir will ich viel mehr fragen aber
kategorisiert und so. psychologisch hochprofessionell … es soll
extrem übersichtlich sein und sich speziell anfühlen."
ÜBERSICHTLICH HEISST HIER: RUHIG. Eine Seite, auf der jemand über
sein Befinden nachdenkt, ist der falsche Ort für kräftige Farben und
Kästen. Die Feldüberschrift ist deshalb kein Kasten, sondern eine
Linie mit einem Zeichen davor — sie gliedert, ohne sich
dazwischenzustellen. Augenschonend ist hier nicht nur eine
Hausregel, sondern Teil der Sache.
===================================================================== */
.e-feld {
margin: 30px 0 12px;
padding-bottom: 8px;
border-bottom: 1px solid var(--rand);
}
/* Das erste Feld braucht oben keinen Abstand -- sonst klafft zwischen
der Taktzeile und der ersten Frage ein Loch, das wie ein Ladefehler
aussieht. */
#fragen > .e-feld:first-child { margin-top: 4px; }
.e-feld__wort {
display: flex; align-items: baseline; gap: 9px;
margin: 0;
font-size: .96rem; font-weight: 650;
color: var(--text);
letter-spacing: .01em;
}
.e-feld__zeichen {
flex: 0 0 auto;
font-size: .8rem;
color: var(--akzent);
/* Es ist ein Gliederungszeichen, kein Symbol mit Bedeutung -- im
Markup steht deshalb aria-hidden, und hier bekommt es nur so viel
Gewicht, dass das Auge die Überschrift findet. */
opacity: .85;
}
.e-feld__text {
margin: 4px 0 0;
font-size: .82rem; line-height: 1.5;
color: var(--text-leise);
}
/* =====================================================================
DIE EINE ZUSAMMENFASSUNG
SIE DARF ANDERS AUSSEHEN ALS ALLES DARÜBER — sie ist das Einzige auf
der Seite, das jemand FÜR die Person geschrieben hat, statt sie zu
fragen. Das ist der eine Ort, an dem „speziell" nicht Dekoration
ist, sondern Bedeutung trägt.
Gemacht wird das mit einem sehr weichen Verlauf und einer Kante
links — nicht mit Leuchten oder Farbe. Hausregel: augenschonend,
gedeckt statt Neon. Wer hier gerade liest, dass fünf von acht Sachen
haken, braucht keine fröhlichen Farben dazu.
===================================================================== */
.b-fazit {
margin: 34px 0 0;
padding: 20px 22px;
border-radius: var(--radius);
border: 1px solid color-mix(in srgb, var(--akzent) 26%, var(--rand));
border-left: 3px solid var(--akzent);
background:
linear-gradient(160deg,
color-mix(in srgb, var(--akzent) 9%, transparent) 0%,
transparent 62%),
color-mix(in srgb, var(--flaeche) 80%, transparent);
}
.b-fazit .e-abschnitt { margin-top: 0; }
/* DER KOPFSATZ IST DER GRÖSSTE TEXT DER SEITE. Wer nur ihn liest, soll
richtig informiert sein -- dieselbe Regel wie beim Satz über der
Musteranalyse. */
.b-fazit__kopf {
margin: 6px 0 0;
font-size: 1.04rem; line-height: 1.6;
color: var(--text);
}
.b-fazit__traegt { margin-top: 16px; }
.b-fazit__schild {
margin: 0 0 6px;
font-size: .74rem; font-weight: 650;
letter-spacing: .06em; text-transform: uppercase;
color: var(--text-leise);
}
.b-fazit__liste { margin: 0; padding: 0; list-style: none;
display: flex; flex-direction: column; gap: 5px; }
.b-fazit__punkt {
position: relative;
padding-left: 20px;
font-size: .9rem; line-height: 1.5;
color: var(--text);
}
/* Ein Haken, kein Aufzählungspunkt: Was trägt, ist etwas Erledigtes,
und das sieht man an der Form schneller als am Wort. */
.b-fazit__punkt::before {
content: "¹3";
position: absolute; left: 0; top: 0;
color: var(--gut, #5fc08a);
font-weight: 700;
}
.b-fazit__thema {
margin: 16px 0 0;
padding: 11px 13px;
border-radius: var(--radius-klein);
background: color-mix(in srgb, var(--warn, #e0a355) 10%, transparent);
border-left: 2px solid color-mix(in srgb, var(--warn, #e0a355) 55%, transparent);
font-size: .9rem; line-height: 1.55;
color: var(--text);
}
.b-fazit__themafragen {
display: inline-block; margin-top: 5px;
font-size: .82rem; color: var(--text-leise);
}
.b-fazit__schluss {
margin: 16px 0 0;
font-size: .92rem; line-height: 1.6;
color: var(--text);
}
.b-fazit__zahlen {
margin: 12px 0 0;
font-size: .76rem;
font-variant-numeric: tabular-nums;
}
@media (forced-colors: active) {
.b-fazit { border: 2px solid CanvasText; }
.e-feld { border-bottom: 1px solid CanvasText; }
}
workspace/assets/js/befinden.js
+144 -1
View File
@@ -135,7 +135,63 @@
ziel.textContent = '';
ziel.setAttribute('aria-busy', 'false');
for (const pt of daten.punkte) {
/* =====================================================================
NACH FELDERN GEGLIEDERT (20.09.2026)
Filipe: „bei der frage wie geht es dir will ich viel mehr fragen
aber kategorisiert und so. psychologisch hochprofessionell."
Acht Fragen in einer Reihe sind ein Fragebogen; acht Fragen in
sechs Feldern sind ein Gespräch mit Themen. Die Überschrift ist
dabei nicht Schmuck, sondern Teil der Frage: „Ich kann nein
sagen" heißt unter „Klarheit & Rückhalt" etwas anderes als unter
„Miteinander" — sie beantwortet die Rückfrage, bevor sie
entsteht.
DIE REIHENFOLGE KOMMT VOM SERVER, nicht aus einer Liste hier.
Sie geht von außen nach innen: „Wie viel ist es" lässt sich
leicht beantworten, „bleibe ich" ist die schwerste Frage der
Liste und steht zuletzt.
EIN FELD OHNE FRAGEN WIRD NICHT GEZEICHNET. Eine leere
Überschrift sieht aus, als wäre etwas verlorengegangen — und der
Server sorgt ohnehin dafür, dass in jeder Runde jedes Feld
vorkommt. */
const felder = Array.isArray(daten.felder) ? daten.felder : [];
/* ABGELEITET STATT ANGENOMMEN: Fragen ohne bekanntes Feld (eine
neue, die noch keins hat) landen in einer eigenen Gruppe am
Ende, statt zu verschwinden. Ein Eintrag, den man angelegt hat
und nirgends wiederfindet, ist der schlimmere Fehler. */
const gruppen = felder.map((f) => ({
feld: f,
punkte: daten.punkte.filter((pt) => pt.feld === f.schluessel),
})).filter((g) => g.punkte.length);
const bekannt = new Set(felder.map((f) => f.schluessel));
const uebrig = daten.punkte.filter((pt) => !bekannt.has(pt.feld));
if (uebrig.length) gruppen.push({ feld: null, punkte: uebrig });
for (const g of gruppen) {
if (g.feld) {
const kopf = el('div', 'e-feld');
const wort = el('h3', 'e-feld__wort');
if (g.feld.zeichen) {
const zch = el('span', 'e-feld__zeichen', g.feld.zeichen);
zch.setAttribute('aria-hidden', 'true');
wort.append(zch);
}
wort.append(document.createTextNode(g.feld.name));
kopf.append(wort);
if (g.feld.text) kopf.append(el('p', 'e-feld__text', g.feld.text));
ziel.append(kopf);
}
for (const pt of g.punkte) zeichneFrage(pt, ziel);
}
}
/** Eine einzelne Frage. Ausgelagert, damit die Gliederung oben
* lesbar bleibt -- der Inhalt ist unverändert. */
function zeichneFrage(pt, ziel) {
{
const z = el('article', 'e-punkt e-punkt--meins');
if (pt.meins) z.dataset.stufe = pt.meins.stufe;
/* ALT, ABER SICHTBAR. Die Antwort vom letzten Mal stehen zu
@@ -190,6 +246,92 @@
}
}
/* =====================================================================
DIE EINE ZUSAMMENFASSUNG (20.09.2026)
Filipe: „am ende von allen fragen will ich eine gesamte
zusammenfassung, nicht bei jeder frage oder kategorie eine, sondern
EINE gesamte am ende. eine motivierende zusammenfassung für die
person."
GERECHNET HAT SIE DER SERVER — hier wird nur gezeichnet. Dieselbe
Regel wie bei der Analyse darunter, und aus demselben Grund: Diese
Antworten dürfen das Haus nicht verlassen, und eine Auswertung im
Browser hieße, sie dorthin zu schicken, wo man sie abgreifen kann.
WARUM KEIN SPRACHMODELL: steht in workspace-befinden-resuemee.js.
Kurz: Gesundheitsdaten, ein Modell erfindet, ein fremder Dienst
fällt aus.
DIE REIHENFOLGE DER VIER TEILE IST DIE AUSSAGE:
1. der Kopfsatz — die Lage in einem Satz
2. was trägt — benannt, nicht als Zahl
3. höchstens EINE Sache zum Hinschauen
4. ein Schluss, der zur Lage passt
Erst das Tragende, dann das Thema. Umgekehrt wäre es eine
Mängelliste mit Trostpflaster — und so etwas beantwortet man beim
nächsten Mal nicht mehr ehrlich.
===================================================================== */
function fazit() {
const block = $('fazit-block');
if (!block) return;
const f = daten.resuemee;
/* KEINE ANTWORTEN, KEIN FAZIT. Ein freundlicher Satz über nichts
wäre schlimmer als gar keiner -- er behauptet, es sei schon
etwas gesagt worden. */
if (!f || !f.moeglich) { block.hidden = true; return; }
block.hidden = false;
/* WORAUF SIE SICH BEZIEHT. „Was das zusammen heißt" über eine
Runde von vorgestern ist etwas anderes als über die, die man
gerade ausfüllt -- und wer das nicht weiß, bezieht den Satz auf
den falschen Tag. */
const schild = block.querySelector('.e-abschnitt');
if (schild) {
schild.textContent = daten.resuemee_stand === 'letzte'
? 'Was deine letzte Runde zusammen heißt'
: 'Was das zusammen heißt';
}
$('fazit-kopf').textContent = f.kopf || '';
const tBlock = $('fazit-traegt'), tListe = $('fazit-traegt-liste');
tListe.textContent = '';
if (f.traegt?.length) {
tBlock.hidden = false;
for (const t of f.traegt) tListe.append(el('li', 'b-fazit__punkt', t.titel));
} else tBlock.hidden = true;
const th = $('fazit-thema');
if (f.thema?.satz) {
th.hidden = false;
th.textContent = f.thema.satz;
/* Welche Fragen es sind, gehört dazu -- „Klarheit & Rückhalt"
allein ist eine Überschrift, keine Auskunft. */
if (f.thema.titel?.length) {
th.append(document.createElement('br'));
const w = el('span', 'b-fazit__themafragen', f.thema.titel.join(' · '));
th.append(w);
}
} else th.hidden = true;
$('fazit-schluss').textContent = f.schluss || '';
/* DIE ZAHLEN GANZ UNTEN UND LEISE. Sie sind die Belegstelle für
alles darüber -- wer sie nicht will, überliest sie; wer prüfen
will, ob der Satz stimmt, findet sie. */
const z = f.zahlen || {};
const teile = [];
if (z.traegt) teile.push(`${z.traegt}× läuft`);
if (z.waechst) teile.push(`${z.waechst}× wächst`);
if (z.hakt) teile.push(`${z.hakt}× hakt`);
if (z.unklar) teile.push(`${z.unklar}× ohne Antwort`);
$('fazit-zahlen').textContent = teile.length
? `${z.gefragt} Fragen aus ${z.felder} Feldern: ${teile.join(' · ')}.`
: '';
}
/* ---- Der Verlauf ----------------------------------------------------- */
function verlauf() {
const block = $('verlauf-block');
@@ -381,6 +523,7 @@
stufen = daten.stufen || [];
takt();
fragen();
fazit();
verlauf();
analyse();
}
workspace/befinden.html
+171 -140
View File
@@ -1,141 +1,172 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Wie geht's dir? · Spicy &amp; Dogi</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609201909" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609201909" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/start.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/module.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609201909" />
</head>
<body class="start">
<div class="schleier" aria-hidden="true"></div>
<header class="kopfleiste">
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
<path d="M14.5 5.5 8 12l6.5 6.5" />
</svg>
<span class="zurueck-knopf__text">Zurück</span>
</button>
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Team&nbsp;Dogi</a> · Wie geht's dir?</span></p>
<div class="kopfleiste__rechts">
<span class="wer" id="wer">…</span>
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
</div>
</header>
<main class="inhalt">
<!-- ==================================================================
DIESE SEITE GEHÖRT DEM MENSCHEN, DER SIE ÖFFNET.
Hier steht kein anderer Name, keine Beobachtung über jemanden und
keine Zahl, die jemand anders sieht. Genau das war der Grund für
die eigene Seite: Die Kachel verspricht „die Antworten sieht nur
du" – und führte vorher auf eine Seite voller anderer Leute.
Was DogFather sieht, ist eine einzige Zahl ohne Namen: wie viele
im Team es gerade schwer haben. Nicht wer, nicht womit.
============================================================== -->
<section class="kopf-zeile">
<div>
<p class="marke">Für dich</p>
<h1 class="titel">Wie geht's dir?</h1>
<!-- ================================================================
DIE EINE AUSNAHME GEHÖRT DAZU (ergänzt 19.09.2026).
Hier stand: „Niemand aus dem Team sieht deine Antworten – auch
DogFather nicht." Punkt. Das ist fast wahr und deshalb
gefährlich: Aus denselben Antworten entsteht eine Ampel für die
Leitung (workspace-entwicklung.js). Sie ist sauber gebaut – sie
nennt keine Namen, keinen Punkt, kein Datum, und unter drei
Personen schweigt sie ganz. Aber sie existiert.
Der ehrliche Satz war längst geschrieben und wurde vom Server
sogar mitgeliefert (`block.text`) – nur hat ihn nie jemand
angezeigt. Er steht jetzt hier im HTML und nicht im Skript:
Wer diese Seite öffnet, soll ihn lesen, BEVOR er tippt, nicht
nachdem ein Abruf zurückgekommen ist.
Wenn jemand später davon erfährt und die Seite hatte „niemand"
gesagt, ist das Vertrauen weg – und mit ihm die ganze Funktion.
============================================================= -->
<p class="unterzeile">
Ein paar Fragen über dich. Deine Antworten liest niemand – auch
DogFather nicht.
</p>
<p class="unterzeile unterzeile--zusatz">
Das Einzige, was nach außen dringt: ob es im Team gerade
<em>jemandem</em> zu viel ist. Ohne Namen, ohne Frage, ohne Datum –
und erst ab drei Personen im Team, weil es darunter dasselbe wäre
wie ein Name.
</p>
</div>
</section>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<!-- Der Rhythmus. Steht VOR den Fragen: Wer hereinkommt, soll zuerst
wissen, ob gerade etwas von ihm erwartet wird. -->
<section class="b-takt" id="takt" hidden>
<p class="b-takt__satz" id="takt-satz">…</p>
<button type="button" class="knopf knopf--klein" id="takt-knopf" hidden>Runde abschließen</button>
</section>
<section id="fragen-block">
<div id="fragen" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<!-- Der Verlauf. Nur für die Person selbst – er wird nirgends sonst
im Haus gelesen. Er steht unter den Fragen, weil er sie erklärt
und nicht ersetzt. -->
<section class="b-verlauf" id="verlauf-block" hidden>
<h2 class="e-abschnitt">Wie es sich entwickelt</h2>
<p class="b-verlauf__satz" id="verlauf-satz">…</p>
<div id="verlauf" class="b-verlauf__gitter"></div>
</section>
<!-- ==================================================================
WAS DEIN VERLAUF SAGT (15.09.2026)
Filipe: „mach mir auch eine analyse […] eine professionelle auch
mit infos und so aus aller welt was tiktok angeht."
Sie steht UNTER dem Verlauf: erst die Antworten, dann das Muster
darin. Andersherum läse man die Deutung, bevor man weiß, worauf
sie sich bezieht.
Sie wird gerechnet, nicht gespeichert – und sie bewertet nicht.
Keine Punktzahl über das eigene Befinden: Eine Zahl lädt dazu
ein, sie zu verbessern statt ehrlich zu antworten.
============================================================== -->
<section class="b-analyse" id="analyse-block" hidden>
<h2 class="e-abschnitt">Was dein Verlauf sagt</h2>
<p class="b-analyse__satz" id="analyse-satz">…</p>
<div id="analyse" class="b-analyse__liste"></div>
<p class="b-analyse__quelle" id="analyse-quelle"></p>
</section>
</main>
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Wie geht's dir? · Spicy &amp; Dogi</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609201909" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609201909" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/start.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/module.css?v=202609201909" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609201909" />
</head>
<body class="start">
<div class="schleier" aria-hidden="true"></div>
<header class="kopfleiste">
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
<path d="M14.5 5.5 8 12l6.5 6.5" />
</svg>
<span class="zurueck-knopf__text">Zurück</span>
</button>
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Team&nbsp;Dogi</a> · Wie geht's dir?</span></p>
<div class="kopfleiste__rechts">
<span class="wer" id="wer">…</span>
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
</div>
</header>
<main class="inhalt">
<!-- ==================================================================
DIESE SEITE GEHÖRT DEM MENSCHEN, DER SIE ÖFFNET.
Hier steht kein anderer Name, keine Beobachtung über jemanden und
keine Zahl, die jemand anders sieht. Genau das war der Grund für
die eigene Seite: Die Kachel verspricht „die Antworten sieht nur
du" – und führte vorher auf eine Seite voller anderer Leute.
Was DogFather sieht, ist eine einzige Zahl ohne Namen: wie viele
im Team es gerade schwer haben. Nicht wer, nicht womit.
============================================================== -->
<section class="kopf-zeile">
<div>
<p class="marke">Für dich</p>
<h1 class="titel">Wie geht's dir?</h1>
<!-- ================================================================
DIE EINE AUSNAHME GEHÖRT DAZU (ergänzt 19.09.2026).
Hier stand: „Niemand aus dem Team sieht deine Antworten – auch
DogFather nicht." Punkt. Das ist fast wahr und deshalb
gefährlich: Aus denselben Antworten entsteht eine Ampel für die
Leitung (workspace-entwicklung.js). Sie ist sauber gebaut – sie
nennt keine Namen, keinen Punkt, kein Datum, und unter drei
Personen schweigt sie ganz. Aber sie existiert.
Der ehrliche Satz war längst geschrieben und wurde vom Server
sogar mitgeliefert (`block.text`) – nur hat ihn nie jemand
angezeigt. Er steht jetzt hier im HTML und nicht im Skript:
Wer diese Seite öffnet, soll ihn lesen, BEVOR er tippt, nicht
nachdem ein Abruf zurückgekommen ist.
Wenn jemand später davon erfährt und die Seite hatte „niemand"
gesagt, ist das Vertrauen weg – und mit ihm die ganze Funktion.
============================================================= -->
<p class="unterzeile">
Ein paar Fragen über dich. Deine Antworten liest niemand – auch
DogFather nicht.
</p>
<p class="unterzeile unterzeile--zusatz">
Das Einzige, was nach außen dringt: ob es im Team gerade
<em>jemandem</em> zu viel ist. Ohne Namen, ohne Frage, ohne Datum –
und erst ab drei Personen im Team, weil es darunter dasselbe wäre
wie ein Name.
</p>
</div>
</section>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<!-- Der Rhythmus. Steht VOR den Fragen: Wer hereinkommt, soll zuerst
wissen, ob gerade etwas von ihm erwartet wird. -->
<section class="b-takt" id="takt" hidden>
<p class="b-takt__satz" id="takt-satz">…</p>
<button type="button" class="knopf knopf--klein" id="takt-knopf" hidden>Runde abschließen</button>
</section>
<section id="fragen-block">
<div id="fragen" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<!-- ===================================================================
DIE EINE ZUSAMMENFASSUNG (20.09.2026)
Filipe: „am ende von allen fragen will ich eine gesamte
zusammenfassung, nicht bei jeder frage oder kategorie eine,
sondern EINE gesamte am ende. eine motivierende zusammenfassung
für die person."
SIE STEHT DIREKT UNTER DEN FRAGEN und über dem Verlauf. Das ist
Absicht: Sie handelt von dem, was man gerade angetippt hat —
Verlauf und Musteranalyse handeln von den Runden davor und
brauchen mindestens zwei. Diese hier gibt es beim ersten Mal.
GERECHNET HAT SIE DER SERVER (workspace-befinden-resuemee.js).
Dort steht auch, warum hier bewusst KEINE KI hängt: Das sind
Gesundheitsdaten, ein Sprachmodell erfindet, und ein fremder
Dienst fällt aus. Alle drei Gründe reichen einzeln.
=================================================================== -->
<section class="b-fazit" id="fazit-block" hidden aria-live="polite">
<h2 class="e-abschnitt">Was das zusammen heißt</h2>
<p class="b-fazit__kopf" id="fazit-kopf"></p>
<div class="b-fazit__traegt" id="fazit-traegt" hidden>
<p class="b-fazit__schild">Das trägt gerade</p>
<ul class="b-fazit__liste" id="fazit-traegt-liste"></ul>
</div>
<p class="b-fazit__thema" id="fazit-thema" hidden></p>
<p class="b-fazit__schluss" id="fazit-schluss"></p>
<p class="b-fazit__zahlen leise" id="fazit-zahlen"></p>
</section>
<!-- Der Verlauf. Nur für die Person selbst – er wird nirgends sonst
im Haus gelesen. Er steht unter den Fragen, weil er sie erklärt
und nicht ersetzt. -->
<section class="b-verlauf" id="verlauf-block" hidden>
<h2 class="e-abschnitt">Wie es sich entwickelt</h2>
<p class="b-verlauf__satz" id="verlauf-satz">…</p>
<div id="verlauf" class="b-verlauf__gitter"></div>
</section>
<!-- ==================================================================
WAS DEIN VERLAUF SAGT (15.09.2026)
Filipe: „mach mir auch eine analyse […] eine professionelle auch
mit infos und so aus aller welt was tiktok angeht."
Sie steht UNTER dem Verlauf: erst die Antworten, dann das Muster
darin. Andersherum läse man die Deutung, bevor man weiß, worauf
sie sich bezieht.
Sie wird gerechnet, nicht gespeichert – und sie bewertet nicht.
Keine Punktzahl über das eigene Befinden: Eine Zahl lädt dazu
ein, sie zu verbessern statt ehrlich zu antworten.
============================================================== -->
<section class="b-analyse" id="analyse-block" hidden>
<h2 class="e-abschnitt">Was dein Verlauf sagt</h2>
<p class="b-analyse__satz" id="analyse-satz">…</p>
<div id="analyse" class="b-analyse__liste"></div>
<p class="b-analyse__quelle" id="analyse-quelle"></p>
</section>
</main>
<script src="assets/js/meldung.js?v=202609201909" defer></script>
<script src="assets/js/nachfrage.js?v=202609201909" defer></script>␍
<script src="assets/js/wahl.js?v=202609201909" defer></script>
<script src="assets/js/bereiche.js?v=202609201909" defer></script>
<script src="assets/js/kopf.js?v=202609201909" defer></script>
<script src="assets/js/befinden.js?v=202609201909" defer></script>
</body>
</html>
<script src="assets/js/nachfrage.js?v=202609201909" defer></script>
<script src="assets/js/wahl.js?v=202609201909" defer></script>
<script src="assets/js/bereiche.js?v=202609201909" defer></script>
<script src="assets/js/kopf.js?v=202609201909" defer></script>
<script src="assets/js/befinden.js?v=202609201909" defer></script>
</body>
</html>