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]>
157 lines
6.3 KiB
HTML
157 lines
6.3 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>Entwicklung · Spicy & 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 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 & 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>
|