Files
dogfather-universe/workspace/entwicklung.html
T
DogFatherGitandClaude Opus 5 e128c169b9 Community: das Handy aufgeraeumt, und leere Bretter zeigen keine Filter
BISHER HABE ICH AM RECHNER GEMESSEN. Die Community ist ueberwiegend
mit dem Telefon unterwegs -- also 412 px, alle sieben Bretter.

1. FUENF KARTEN, DREI VERSCHIEDENE ANORDNUNGEN. Am Rechner stehen
   Etikett, Titel und Zustand nebeneinander, und das ist richtig. Auf
   412 px hing es an der LAENGE des Etiketts: Bei "SONSTIGES" passte
   der Titel noch daneben und "Offen" rutschte darunter; bei "FUER DEN
   STREAM" stand das Etikett allein oben und "Offen" ploetzlich RECHTS
   vom Titel. Inhaltlich unterschied sich nichts -- man liest es als
   Unordnung.

   Unter 560 px jetzt feste Reihenfolge: die Marken oben nebeneinander,
   der Titel darunter ueber die volle Breite. Immer gleich.

2. "ERLEDIGT" STAND ZWISCHEN NAME UND ROLLE: "von Filipe · erledigt ·
   DogFather". Der Rollenname gehoert zum Namen davor, und "erledigt"
   ist eine Aussage ueber den Eintrag, nicht ueber die Person --
   dazwischen gelesen wirkt es, als sei jemand erledigt.

3. FILTER FUER NICHTS. Am ersten Tag steht auf jedem Brett ein Satz wie
   "Noch hat niemand Hallo gesagt. Sei der Erste - ein Satz reicht."
   Darueber standen fuenf Filterknoepfe. Das ist die schlechteste
   Stelle fuer Bedienelemente, die ins Leere fuehren: Wer zum ersten
   Mal hier ist, soll den Satz lesen und schreiben.

   Wie bei "Nur offene" ist `!filter` der wichtige Teil: Ist die Liste
   leer, WEIL gefiltert wird, bleibt die Reihe stehen -- sonst kaeme
   man nie wieder zu "Alle" zurueck. Gemessen: leer 0 Filter, mit
   Inhalt 5 bzw. 6.

UND DAS MESSWERKZEUG KANN JETZT LEERE BRETTER ZEIGEN (LEER=ja). Die
Texte dafuer gibt es seit Langem -- gesehen hatte sie noch niemand,
weil jede Messung vorher erst den Startkatalog uebernimmt. Genau
deshalb war der Filter dort nie aufgefallen.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-18 20:24:10 +02:00

111 lines
4.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Entwicklung · 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=202609182022" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609182022" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609182022" />
<link rel="stylesheet" href="assets/css/start.css?v=202609182022" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609182022" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609182022" />
<link rel="stylesheet" href="assets/css/module.css?v=202609182022" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609182022" />
</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> · Entwicklung</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" id="ober">Entwicklung &amp; Nachwuchs</p>
<h1 class="titel" id="titel">Entwicklung</h1>
<p class="unterzeile" id="unterzeile">
Anklicken statt tippen. Keine Noten, keine Punktzahl – ein Gesprächsanlass.
</p>
</div>
</section>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<!-- ==================================================================
DIE REIHENFOLGE AUF DIESER SEITE IST DAS EIGENTLICHE DESIGN
1. Die Ampel — sie betrifft Menschen, nicht Prozesse.
2. Die Personen — wen gehe ich heute durch.
3. Die Karte — und darin die ABWEICHUNGEN zuerst.
4. Ganz unten der Weg zu den eigenen sechs Fragen — sie haben
seit dem 15.09.2026 eine eigene Seite.
Wer die Seite öffnet, soll die wichtigste Sache zuerst sehen, und
das ist nicht die Liste. Eine Ampel unter 34 Beobachtungen hätte
niemand je gelesen.
============================================================== -->
<section id="ampel" class="e-ampel" hidden></section>
<section id="personen-block" hidden>
<h2 class="e-abschnitt">Wen gehst du durch?</h2>
<div id="personen" class="e-personen" role="group" aria-label="Person wählen" aria-busy="true"></div>
</section>
<section id="karte" class="e-karte" hidden></section>
<!-- DEINE EIGENE KARTE.
Sie steht ÜBER den sechs Fragen und UNTER der Liste der anderen:
Wer diese Seite als DogFather öffnet, kommt zuerst zu seiner
Arbeit; wer beurteilt wird, sieht die Liste gar nicht und
landet direkt hier.
Sie erscheint erst, wenn alle gesetzt haben — eine halbe Karte
ist schlimmer als keine. -->
<section id="karte-block" class="e-meine" hidden>
<h2 class="e-abschnitt">Deine Karte</h2>
<p class="e-meine__satz" id="karte-satz">…</p>
<div id="meine-karte" aria-busy="true"></div>
</section>
<!-- ==== DIE SECHS FRAGEN STEHEN WOANDERS (15.09.2026) ==========
Sie hatten hier ihren Platz, solange es keine eigene Seite gab.
Jetzt gibt es eine – und zwei Stellen für dieselben sechs Fragen
wären zwei Stände, die auseinanderlaufen. Hier bleibt der Weg
dorthin, nicht eine Kopie. -->
<section class="e-meins e-meins--verweis" id="meins-block" hidden>
<h2 class="e-abschnitt">Und wie geht es dir?</h2>
<p class="e-meins__satz">
Ein paar Fragen über dich – die Antworten sieht niemand außer dir.
</p>
<a class="knopf knopf--klein" href="befinden.html">Zu deinen Fragen</a>
</section>
</main>
<script src="assets/js/wahl.js?v=202609182022" defer></script>
<script src="assets/js/bereiche.js?v=202609182022" defer></script>
<script src="assets/js/kopf.js?v=202609182022" defer></script>
<script src="assets/js/entwicklung.js?v=202609182022" defer></script>
</body>
</html>