Filipe: "soll jeder die möglichkeit auch mehr wie das ziel einzutragen.
die sollen auch gezählt werden. die zahl die die leute erreichen sollen
sollen aber während dems immer gleich bleiben. mit der möglichkeit die
grenzen zu übergehen."
ZUERST GEMESSEN, DANN GEBAUT -- und die Messung hat die Aufgabe
verschoben: Eintragen ueber dem Ziel ging schon immer. Fuenf von fuenf
Versuchen wurden angenommen, es gab nie eine Sperre. Was fehlte, war
das ZAEHLEN.
Gemessen am Beispiel eines Scouts: creator 2/3, meeting 1/2,
schulung 1/2, werbung 2/1. Er hatte sechs Dinge getan, die Seite sagte
"5 von 8". Das Werbe-Video ueber dem Ziel fiel aus der Summe heraus,
weil sie je Aufgabe bei Math.min(zahl, ziel) gedeckelt war -- ohne
Hinweis, und niemand konnte es sehen.
ZWEI ZAHLEN STATT EINER, weil es zwei Fragen sind:
erledigt Wie viel von der PFLICHT ist erfuellt? Je Aufgabe
hoechstens ihr Ziel. Daraus kommt der Ring.
getan Wie viel wurde WIRKLICH getan? Ohne Deckel.
`erledigt` wurde bewusst NICHT entdeckelt: Wer zehn Werbevideos und
sonst nichts macht, haette sonst 10 von 8 und einen vollen Ring bei
drei unberuehrten Aufgaben. Das waere keine Grosszuegigkeit, sondern
eine falsche Auskunft. Gemessen bleibt der Ring bei 75 %, und zwei
Aufgaben bleiben offen.
DAS ZIEL BLEIBT STEHEN -- die naheliegende falsche Loesung waere, es
mitwachsen zu lassen; dann haette nie jemand mehr als sein Ziel.
Nachgemessen: 2 -> 2, waehrend die Zahl von 1 auf 6 stieg.
AUF DEM BILDSCHIRM: "+N" als eigenes Zeichen neben der Zahl, nicht in
ihr ("5/2 +3" statt "5/2"), im Ton von "erledigt" statt in einem
Warnton -- mehr zu tun als verlangt ist nichts, wovor man warnt. Im
Ring ein kleines Plus unter der Pflichtzahl, im Kopf "4 von 8 erledigt
· 2 zusaetzlich". Der Balken waechst NICHT ueber seinen Kasten hinaus
(bei 10 von 1 waeren alle anderen Aufgaben optisch platt), sondern
bekommt eine hellere Kappe. Auch im Verlauf und in der Teamtabelle.
Die Ausgabedatei bekommt "Gesamt getan" NEBEN "Gesamt erledigt" --
eine Zahl, die nur auf dem Bildschirm steht, fehlt in der Liste, die
am Monatsende weitergereicht wird.
pruef-manager-ziele: 216 -> 229 Pruefungen, gruen. Gegenprobe gefahren
(getan wieder gedeckelt -> 2 rot, mit "6 = 11" als Beleg). Beim ersten
Anlauf der Messung lagen alle fuenf Testdaten in der Zukunft; "0 von 5
angenommen" sah nach einer Sperre aus und war der Kalender -- steht
jetzt als Warnung in der Pruefung.
Nebenbei: mess-manager-ziele schrieb seine Bilder in den Projektstamm
statt nach server/ (relativer Pfad). Korrigiert, Stamm aufgeraeumt.
Dazu gruen: xlsx, css-klassen, lesbarkeit, tippziele, fingermass,
haus-trennung, deutsche-texte.
Co-Authored-By: Claude Opus 5 <[email protected]>
160 lines
7.0 KiB
HTML
160 lines
7.0 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Vertraulich melden · Das Rudel</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=202610070015" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610070015" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202610070015" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202610070015" />
|
||
<link rel="stylesheet" href="assets/css/hilfe.css?v=202610070015" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202610070015" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202610070015" />
|
||
</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">Das Rudel</a> · Vertraulich</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 inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Das Rudel · Vertraulich</p>
|
||
<h1 class="titel" id="seiten-titel">Vertraulich melden</h1>
|
||
<p class="unterzeile" id="seiten-unter">
|
||
Wenn etwas nicht stimmt – hier schreibst du direkt an DogFather.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ==================================================================
|
||
WARUM HIER "VERTRAULICH" STEHT UND NICHT "ANONYM"
|
||
|
||
Filipe hat es "anonym" genannt, und gegenüber den anderen
|
||
Mitgliedern ist es das auch: Niemand sonst sieht diese Meldungen,
|
||
kein Modi, kein anderes Mitglied.
|
||
|
||
Aber DogFather und die rechte Hand sehen den Namen — so ist es
|
||
bestellt, und es ist auch richtig so: Ohne Namen kann man
|
||
niemandem helfen. Wer glaubt, er schreibe unerkannt, schreibt
|
||
anders und fühlt sich hinterher getäuscht. Deshalb steht der
|
||
Satz oben im Formular, bevor jemand tippt.
|
||
============================================================== -->
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<!-- Der Hinweis, wer mitliest. Steht VOR allem anderen. -->
|
||
<div class="vertrauen" id="vertrauen">
|
||
<span class="vertrauen__zeichen" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24">
|
||
<path d="M12 3.2 5 6v5.6c0 4.3 2.9 7.6 7 9.2 4.1-1.6 7-4.9 7-9.2V6z" />
|
||
<path d="M9.2 12.2l2 2 3.6-4" />
|
||
</svg>
|
||
</span>
|
||
<p class="vertrauen__text" id="vertrauen-text">
|
||
<strong>DogFather und die rechte Hand lesen mit – sonst niemand.</strong>
|
||
Sie sehen auch deinen Namen. Kein anderes Mitglied und niemand aus
|
||
der Moderation bekommt diese Meldungen zu Gesicht.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- ---- NEU MELDEN (nur für Mitglieder) ------------------------- -->
|
||
<section class="hilfe-block" id="neu-block" hidden>
|
||
<div class="hilfe-block__kopf">
|
||
<h2 class="hilfe-block__titel">Etwas melden</h2>
|
||
<button type="button" class="knopf knopf--klein" id="neu-auf">Neue Meldung</button>
|
||
</div>
|
||
|
||
<form class="hilfe-form" id="neu-form" hidden>
|
||
<label class="feld">
|
||
<span class="feld__schild">Worum geht es? <span class="feld__pflicht">kurz</span></span>
|
||
<input type="text" id="neu-betreff" maxlength="120" autocomplete="off"
|
||
placeholder="z. B. Jemand geht mich im Chat immer wieder an" />
|
||
</label>
|
||
<label class="feld">
|
||
<span class="feld__schild">Was ist passiert?</span>
|
||
<textarea id="neu-text" rows="6" maxlength="4000"
|
||
placeholder="Schreib so viel, wie du willst. Wann war es, wer war dabei, was ist passiert?"></textarea>
|
||
</label>
|
||
<p class="hilfe-form__hinweis">
|
||
Nach dem Absenden wartest du auf eine Antwort. Erst wenn eine da
|
||
ist, kannst du wieder schreiben – so geht nichts durcheinander.
|
||
</p>
|
||
<div class="hilfe-form__fuss">
|
||
<button type="submit" class="knopf" id="neu-senden">Meldung abschicken</button>
|
||
<button type="button" class="knopf knopf--still" id="neu-zu">Abbrechen</button>
|
||
<span class="hilfe-form__stand" id="neu-stand" role="status" aria-live="polite"></span>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
|
||
<!-- ---- DIE LISTE ----------------------------------------------- -->
|
||
<section class="hilfe-block">
|
||
<div class="hilfe-block__kopf">
|
||
<h2 class="hilfe-block__titel" id="listen-titel">Deine Meldungen</h2>
|
||
<span class="hilfe-block__zahl" id="listen-zahl"></span>
|
||
</div>
|
||
<div id="liste" aria-busy="true"><p class="leise">wird geladen …</p></div>
|
||
</section>
|
||
|
||
<!-- ---- EIN FALL ------------------------------------------------- -->
|
||
<section class="hilfe-block" id="fall-block" hidden>
|
||
<div class="hilfe-block__kopf">
|
||
<h2 class="hilfe-block__titel" id="fall-titel">…</h2>
|
||
<button type="button" class="knopf knopf--klein knopf--still" id="fall-zurueck">Zur Liste</button>
|
||
</div>
|
||
<p class="fall-kopf" id="fall-kopf"></p>
|
||
<div id="verlauf"></div>
|
||
|
||
<form class="hilfe-form hilfe-form--antwort" id="antwort-form" hidden>
|
||
<label class="feld">
|
||
<span class="feld__schild" id="antwort-schild">Deine Antwort</span>
|
||
<textarea id="antwort-text" rows="4" maxlength="4000"></textarea>
|
||
</label>
|
||
<div class="hilfe-form__fuss">
|
||
<button type="submit" class="knopf" id="antwort-senden">Absenden</button>
|
||
<button type="button" class="knopf knopf--still" id="fall-schliessen" hidden>Fall abschließen</button>
|
||
<span class="hilfe-form__stand" id="antwort-stand" role="status" aria-live="polite"></span>
|
||
</div>
|
||
</form>
|
||
<!-- EIN <div>, KEIN <p> (20.09.2026). Seit dem Abschluss drei
|
||
Saetze enthaelt, stehen hier <p>-Elemente darin -- und ein
|
||
<p> in einem <p> ist ungueltig: Der Browser schliesst das
|
||
aeussere selbst und schiebt den Rest daneben. Das faellt
|
||
erst am Bildschirm auf, nicht im Quelltext. -->
|
||
<div class="fall-warten" id="fall-warten" hidden></div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/meldung.js?v=202610070015" defer></script>
|
||
<script src="assets/js/nachfrage.js?v=202610070015" defer></script>
|
||
|
||
<script src="assets/js/wahl.js?v=202610070015" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202610070015" defer></script>
|
||
<script src="assets/js/installieren.js?v=202610070015" defer></script>
|
||
<script src="assets/js/kopf.js?v=202610070015" defer></script>
|
||
<script src="assets/js/glocke.js?v=202610070015" defer></script>
|
||
<script src="assets/js/hilfe.js?v=202610070015" defer></script>
|
||
</body>
|
||
</html>
|