DogFatherGit
9c45cdc218
der Pruefadresse tot DER RASTERFEHLER Auf einem 320 px breiten Geraet waren "Rudel-Chat" und "Anschlagbrett" DREI PIXEL breit: ein senkrechter Strich mit abgeschnittenem Text. Bei 360 px waren es 43 px. Gefunden habe ich es nicht mit einer Pruefung, sondern mit dem Auge, in einem Einzelbild einer Videoaufnahme. Die Ursache stand in start.css: Unter 380 px wird das Kachelraster einspaltig (`grid-template-columns: 1fr !important`), die Willkommenskachel behielt aber ihr `grid-column: span 2` aus einem Block, der 2600 Zeilen spaeter steht und deshalb gewinnt. Ein Gitter mit einer erklaerten Spalte und einem Kind, das zwei braucht, erfindet die zweite -- und teilt den Platz 3 zu 281. WARUM ES KEINE PRUEFUNG GEMERKT HAT, und das ist der eigentliche Befund: pruef-handy misst Ueberhang und Beruehrziele. Eine 3 px breite Kachel ragt nicht hinaus, und ihr Link ist 142 px HOCH -- die Mindestgroesse fuer den Finger war also erfuellt. Beide Pruefungen waren gruen, und die Kachel war unbenutzbar. pruef-kachelraster misst deshalb ab jetzt die BREITE jeder Kachel mit, bei 320, 360 und 390 px. Die Grenze ist abgeleitet und nicht gesetzt: Eine Kachel muss mindestens ein Drittel der Inhaltsbreite haben -- schmaler waere sie auch bei drei Spalten nicht. Dazu wird gezaehlt, wie viele Spuren das Gitter wirklich hat; eine erfundene Spalte faellt damit auf, bevor jemand sie sieht. Gegenprobe gefahren: Ohne die neue Regel meldet die Pruefung "320 px: schmalste Kachel 3 px -- Rudel-Chat 3px, Anschlagbrett 3px" und wird rot. 15 -> 24 Punkte, 0 Fehler. DER NOTIZBLOCK AUF DER PRUEFADRESSE pruef-handy meldete auf notizen.html einen 404 in der Konsole, auf allen drei Geraetebreiten. Kein Anzeigefehler: Die Seite lud, der Block blieb leer. Meine Schranke fragte `haus !== "crew"`. Das klingt richtig und ist es nicht -- auf einer Pruefadresse (127.0.0.1) hat niemand ein Haus, `person.haus` ist dort absichtlich `null`, damit die Pruefungen des Hauses nicht still blind werden. Damit antwortete JEDER Aufruf des Blocks dort mit 404. hausWo() in workspace.js macht es seit dem 24.09. richtig herum: Ist das Haus weder crew noch agentur, wird NICHT gefiltert. Die Schranke folgt jetzt derselben Regel und weist das ANDERE Haus ab statt "alles ausser crew". Die Trennung bleibt unveraendert scharf. pruef-notizen misst ab jetzt BEIDE Enden -- auf `workspace.` 404, auf der Pruefadresse 200. Wer nur eins misst, kann die Schranke jederzeit wieder zu scharf stellen, ohne dass etwas rot wird. 76 -> 79 Punkte. DAS WERKZEUG FUER DIE VIDEOS server/tiktok-videos.mjs nimmt vier Clips ueber die App auf (eigene Wegwerf-Datenbank, eigener Port, nie die echte). Eingebaut ist eine Lecksuche: Nach jedem Seitenwechsel wird der SICHTBARE Text nach Adressen abgesucht, und bei einem Fund bricht die Aufnahme ab. Filipe am 27.09.: "es darf kein link zu sehen sein." Das mit dem Auge zu pruefen waere genau die Sorte Kontrolle, die beim vierten Video nachlaesst. Mit PROBE_LECK=ja laesst sich zeigen, dass sie anschlaegt -- nachgefahren, Rueckgabewert 2. Gemessen: pruef-handy 177/0 (vorher 3 Fehler), pruef-kachelraster 24/0, pruef-notizen 79/0, pruef-start-ansicht 157/0, pruef-handy-teamdogi 0 Befunde.
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=202609271733" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/werdegang.css?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609271733" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609271733" />
|
||
</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=202609271733" defer></script>
|
||
|
||
|
||
<script src="assets/js/wahl.js?v=202609271733" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609271733" defer></script>
|
||
<script src="assets/js/installieren.js?v=202609271733" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609271733" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609271733" defer></script>
|
||
<script src="assets/js/werdegang.js?v=202609271733" defer></script>
|
||
</body>
|
||
</html>
|