Files
dogfather-universe/workspace/werdegang.html
T
DogFatherGitandClaude Opus 5 091c5f9cd9 screen6: Bei DogFather steht jetzt eine Krone
Filipe, 22.09.2026: "bei dogi soll kein husky sein sondern eine krone.
die auch extrem auffaellt damit man den unterschied extrem erkennt."

WARUM ER RECHT HAT: Drei der fuenf Kacheln auf der Anmeldewand trugen
denselben Husky -- DogFather, rechte Hand, linke Hand. Drei gleiche
Zeichen untereinander sind kein Zeichen mehr, sondern Tapete; man
liest dann nur noch die Namen, und dafuer braucht es kein Bild.

WARUM GOLD: Die anderen vier Zeichen liegen alle im Blaubereich
(Husky silbern, Pfote blau, Community blaugrau). Eine Krone im selben
Farbkreis waere eine andere Form, aber kein anderer Eindruck. Gold ist
der einzige Hauston, der hier noch nicht vergeben ist -- und der, den
eine Krone ohnehin hat. Es sind vorhandene Hausfarben und kein
Leuchten: Der Unterschied kommt aus Form und Farbkreis, nicht aus
Helligkeit. Die Wand bleibt augenschonend.

WAS SIE NICHT HEISST: Der Untertitel bleibt "Ueberblick &
Entscheidungen" -- eine AUFGABE, kein Rang. Die vier anderen Rollen
behalten ihre Zeichen unveraendert, an den Texten aendert sich nichts.
Das Zeichen sagt "das ist die Rolle, die du suchst", nicht "der steht
ueber den anderen".

EIN FUND BEIM BAUEN: `.rolle__zeichen` faerbt jedes Rollenzeichen mit
dem Ton der Rolle ein -- gedacht fuer gezeichnete Striche. Der Husky
(ein Foto) und die Pfote (eigene Verlaeufe) merken davon nichts, weil
eine Flaeche ohne `stroke` die Regel stillschweigend ignoriert. Die
Krone haette sie sichtbar abbekommen: ein blauer Rand um eine goldene
Krone. Ausdruecklich abbestellt.

DIE PRUEFUNG HIELT DIE ALTE VORGABE FEST und wurde zu Recht rot: Sie
verlangte seit dem 10.09., dass die rechte Hand DASSELBE Zeichen
traegt wie DogFather. Beide Fassungen geben eine Anweisung von Filipe
wieder; dazwischen ist die linke Hand dazugekommen.

Statt die Paarliste umzuschreiben -- die beim naechsten Umbau wieder
danebenlaege -- prueft sie jetzt die Eigenschaft, um die es geht: Jede
Kachel traegt ein Zeichen, DogFathers kommt genau einmal vor, es ist
auf der Seite auch definiert (ein `use` auf eine vertippte Kennung
zeichnet lautlos nichts), und die zwei Haende lesen sich weiter als
Paar. Mit Gegenprobe.

pruef-crew-adresse 153/0 (von 148), pruef-css-klassen grün.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-22 14:19:30 +02:00

157 lines
6.3 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=202609221419" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609221419" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609221419" />
<link rel="stylesheet" href="assets/css/start.css?v=202609221419" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609221419" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609221419" />
<link rel="stylesheet" href="assets/css/werdegang.css?v=202609221419" />
<link rel="stylesheet" href="assets/css/module.css?v=202609221419" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609221419" />
</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">
<!-- ==================================================================
ENTWICKLUNG — die Auswertung je Person (19.09.2026)
Filipe: „dan perfektionierst du eine neue wo diagramme texte und
so zu jedem modi gemacht wird und diese kategorie kannst du
entwicklung nenen."
DIESE SEITE HAT ZWEI GESICHTER, und welches man sieht, entscheidet
der Server:
Leitung -> die Karten aller, die eine haben
Ein Modi -> ausschliesslich die Bewegung in der EIGENEN Karte,
ohne Namen, ohne Anlass, ohne wer-hat-was
WAS HIER NICHT STEHT UND NIE STEHEN WIRD: eine Punktzahl, ein
Prozentwert, ein Durchschnitt, eine Rangliste, ein Vergleich
zwischen zwei Menschen. Eine Zahl ueber einen Menschen wird
gelesen, verglichen und weitererzaehlt — gebraucht wird ein
Gespraechsanlass.
============================================================== -->
<section class="kopf-zeile">
<div>
<p class="marke">Entwicklung &amp; Nachwuchs</p>
<h1 class="titel" id="titel">Entwicklung</h1>
<p class="unterzeile" id="unterzeile">
Wie sich jemand über die Zeit bewegt. Keine Note, kein Vergleich –
jede Karte nur mit sich selbst.
</p>
</div>
</section>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<!-- ---- Die Liste (nur Leitung) ---------------------------------- -->
<section id="liste-block" hidden>
<p class="w-hinweis" id="liste-hinweis"></p>
<div id="liste" class="w-liste" aria-busy="true">
<p class="leise">wird geladen …</p>
</div>
</section>
<!-- ---- Eine Karte (nur Leitung) --------------------------------- -->
<section id="karte-block" hidden>
<button type="button" class="knopf knopf--still knopf--klein" id="zur-liste">
← Alle Karten
</button>
<h2 class="w-name" id="karte-name">…</h2>
<p class="w-satz" id="karte-satz">…</p>
<!-- Diagramm 1: Bewegung. Zwei Richtungen um eine Nulllinie —
vorwaerts und rueckwaerts sind dieselbe Groesse mit
verschiedenem Vorzeichen, nicht zwei Themen. -->
<section class="w-teil" id="bewegung-block">
<h3 class="e-abschnitt">Was sich bewegt hat</h3>
<p class="w-teil__satz" id="bewegung-satz"></p>
<div id="bewegung"></div>
</section>
<!-- Diagramm 2: der Streifen. Eine Zeile je Punkt, eine Spalte je
Monat. Das Zeichen sagt die Stufe, die Farbe verstaerkt nur. -->
<section class="w-teil" id="streifen-block">
<h3 class="e-abschnitt">Punkt für Punkt, Monat für Monat</h3>
<p class="w-teil__satz" id="streifen-satz"></p>
<div id="streifen" class="w-streifen"></div>
</section>
<!-- Die Texte. Reihenfolge ist Absicht: erst was sich bewegt hat,
dann was traegt, erst danach was liegt. -->
<section class="w-teil" id="texte-block">
<h3 class="e-abschnitt">Was dazu zu sagen ist</h3>
<div id="texte"></div>
</section>
<p class="w-fuss">
Auf dieser Seite gibt es keine Punktzahl und keinen Vergleich zwischen
Personen. Was hier steht, ist ein Gesprächsanlass – kein Zeugnis.
Einschätzungen setzt und ändert man im Katalog:
<a href="entwicklung.html">Eure Aufgaben</a>.
</p>
</section>
<!-- ---- Die eigene Sicht (Modi) ---------------------------------- -->
<!-- ==================================================================
WAS DER MENSCH SELBST SIEHT.
Hier steht kein fremder Name, keine Beobachtung über jemand
anderen und kein Anlasstext. Nur: ob sich etwas bewegt hat.
Die Lesehilfe und die zwei Wege am Ende sind am 19.09.2026
dazugekommen. Vorher standen hier Balken ohne Erklärung und ein
„Frag danach" ohne Adressaten – eine Sackgasse mit freundlichem
Ton.
============================================================== -->
<section id="mich-block" hidden>
<h2 class="e-abschnitt">Deine Entwicklung</h2>
<p class="w-satz" id="mich-satz">…</p>
<p class="w-lesehilfe" id="mich-lesehilfe" hidden></p>
<div id="mich-bewegung"></div>
<p class="w-fuss" id="mich-hinweis"></p>
<div class="w-wege" id="mich-wege" hidden></div>
</section>
</main>
<script src="assets/js/nachfrage.js?v=202609221419" defer></script>
<script src="assets/js/wahl.js?v=202609221419" defer></script>
<script src="assets/js/bereiche.js?v=202609221419" defer></script>
<script src="assets/js/installieren.js?v=202609221419" defer></script>
<script src="assets/js/kopf.js?v=202609221419" defer></script>
<script src="assets/js/werdegang.js?v=202609221419" defer></script>
</body>
</html>