DogFatherGitandClaude Opus 5
3e1e0810ba
Filipe, mit einem Bildschirmfoto des Oktober-Events: "ich will das viel geiler viel perfekter. und auch wenn man die eintraegt und so soll viel mehr perfektioniert und uebersichtlicher sein." VORHER GEMESSEN (1280 px, eine einzige Eventkarte): Kartenhoehe 1196 px -- das Fenster ist 900 px davon Banner 638 px -- 53 %, ohne einen Buchstaben Titel steht bei 1482 px -- zweimal scrollen bis zum Namen Titelgroesse 15,36 px -- 1,4 px mehr als der Fliesstext Etikett 10,88 px -- unter der eigenen Grenze (11,5) Datum 3 x -- in drei Zeilen untereinander Knoepfe 4 x gleich -- "loeschen" wie "zur Aufgabe" NACHHER, dieselbe Messung: Karte 618 px, Buehne 203 px, Titel 75 px unter der Kartenkante und 24,8 px gross, Etikett 12 px, das Datum einmal, "loeschen" abgesetzt. DIE KARTE Das Banner ist nicht mehr ein Anhang ueber dem Titel, sondern die Buehne dahinter -- Hoehe gedeckelt, Titel darauf. Dazu die Frage, die bei einem Wettbewerb wirklich zaehlt und bisher nirgends beantwortet wurde: "noch 12 Tage", mit Zeitbalken. Ein Knopf "Banner ganz" holt das vollstaendige Bild zurueck, das beim Umbau sonst verloren gegangen waere -- bei Filipes Banner steht die Ansage IM Bild. DIE AUFGABEN Aus Fliesstext wird eine Liste, und jeder hakt fuer sich ab (neue Tabelle event_punkte, Schluessel aus dem Zeilentext). Umsortieren laesst den Haken, wo er ist; wird die Bedingung selbst umgeschrieben, faellt er -- beides nachgemessen. Die Leitung sieht, wer wie weit ist, eine Creatorin sieht diese Liste gar nicht erst. DAS FORMULAR Ein Feld je Zeile statt eines leeren Textfeldes. Im echten Event stand ".Jeden Tag Live gehen" neben ". 33k Diamanten erreichen" -- einmal mit Leerzeichen, einmal ohne. Das ist die zwangslaeufige Folge davon, dass die Aufzaehlungszeichen von Hand getippt werden; jetzt setzt sie das Formular. Dazu "Laeuft 14 Tage.", eine Warnung bei verdrehtem Zeitraum und eine Vorschau, die dieselbe Funktion benutzt wie die echte Karte. NEBENBEI GEFUNDEN UND BEHOBEN * Das Banner kam bei Creatorn mit 404 zurueck -- also an genau der Karte, die fuer sie gemacht ist. Die Regel "wer das Brett sieht, sieht das Bild" galt nur fuer die sieben Community-Bretter. Jetzt fragt der Bildweg dieselbe Regel wie das Brett (darfEintragSehen); die Gegenprobe zeigt, dass ein fremder Eintrag weiterhin 404 gibt. * Zwei Stellen setzten das Formular zurueck, die kuerzere liess Vorschau und Zeilen-Editor stehen -- beim naechsten "Neuer Eintrag" standen die Aufgaben des vorigen Events noch da. * Der Schriftgrund ragte auf dem Handy 6 px ueber die Karte (feste -20 px gegen 14 px Polsterung); jetzt an die Polsterung gekoppelt. GEPRUEFT pruef-eventkarte.mjs (neu): 77 Pruefungen, 0 Fehler -- mit Gegenproben zu jeder Zusage und einer Kontrastmessung am Bildpunkt auf einem weissen Banner (14,7:1; ohne den Schriftgrund 1,05:1). pruef-agentur.mjs auf die neuen Bausteine nachgezogen, Zahl unveraendert bei 62. pruef-eintrag-bild.mjs 24/0. OFFEN, NICHT AUS DIESEM UMBAU: Das Brett `agentur` ist auf der Crew-Adresse erreichbar. Zweimal gemessen, mit und ohne diese Aenderung -- gleiches Ergebnis. Gehoert zur Trennungsregel vom 24.09.2026 und wird getrennt entschieden. Co-Authored-By: Claude Opus 5 <[email protected]>
158 lines
6.4 KiB
HTML
158 lines
6.4 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=202610031857" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/werdegang.css?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202610031857" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202610031857" />
|
||
</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=202610031857" defer></script>
|
||
|
||
|
||
<script src="assets/js/wahl.js?v=202610031857" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202610031857" defer></script>
|
||
<script src="assets/js/installieren.js?v=202610031857" defer></script>
|
||
<script src="assets/js/kopf.js?v=202610031857" defer></script>
|
||
<script src="assets/js/glocke.js?v=202610031857" defer></script>
|
||
<script src="assets/js/werdegang.js?v=202610031857" defer></script>
|
||
</body>
|
||
</html>
|