pruef-meldungen war rot, und zwar schon vor der Arbeit dieser Woche
(mit einer zweiten Arbeitskopie auf HEAD belegt). Gemeldet waren "27
Kennungen ohne deutschen Satz" und drei Seiten, die eine Kennung roh
anzeigen. Nachgemessen war die Lage anders -- und das ist der Kern:
18 Kennungen hatten NIRGENDS einen Satz. Wer sie traf, las den
Ersatzsatz "Das hat nicht geklappt" und erfuhr damit nicht, dass
die Karte entfernt wurde oder dass es zu einer Kachel nur eine
geben kann.
9 hatten einen Satz -- aber nur in einer privaten Tabelle in
manager-ziele.js. Ueber ihr stand als Begruendung woertlich: "An
EINER Stelle: Stuende jeder dort, wo er gebraucht wird, hiesse
dieselbe Absage an zwei Stellen verschieden." Der Satz war
richtig; nur war diese Tabelle selbst inzwischen die zweite
Stelle. Drei Kennungen standen in BEIDEN mit verschiedenem
Wortlaut.
ZWEI DER DREI ROHANZEIGEN WAREN FEHLALARME: manager-ziele.js:888 und
:1322 riefen satzZu(d.fehler) -- eine echte Uebersetzung, die die
Pruefung nur nicht kannte. Echt war chat.js:3542 mit
`Ging nicht: ${d.fehler}`.
Gemacht:
- 27 Saetze nach meldung.js (157 -> 184). Der Wortlaut der neun ist
aus manager-ziele.js uebernommen, nicht neu erfunden.
- Zwei Haussaetze seitenneutral gemacht: name_fehlt sprach von einer
"Karte", nicht_deins von einem "Stueck" -- beide Kennungen kommen
gemessen von Seiten, die weder Karte noch Stueck haben. Ohne das
waere das Aufloesen der Zweittabelle eine VERSCHLECHTERUNG gewesen.
- FEHLERTEXT und satzZu in manager-ziele.js weg, 8 Aufrufe auf
sagWas umgestellt (gleiche Form: sagWas(fehler, ersatz)).
manager-ziele.html laedt meldung.js jetzt vor der Seite.
- chat.js zeigt einen Satz statt der Kennung.
An der Pruefung:
- PRUEFUNG 4 (neu): Nur die Haustabelle uebersetzt Serverkennungen.
Ausnahmen werden benannt, mit Gegenwache, dass jede noch existiert.
Der Sucher ist eng gefasst, weil ein weicherer vier Treffer meldete
und zwei davon Fehlalarme waren (`leer:` in den Spaltenlisten von
aufgaben.js und chat.js) sowie einer kein Fehler war (reaktion.js
uebersetzt schreib_grund in einen Platzhaltertext, nicht fehler:).
- PRUEFUNG 1 nennt jetzt die Zweitstelle. Ohne das schickt der Befund
in die falsche Richtung -- wer "27 ohne Satz" liest, schreibt 27
neue und hat danach drei Tabellen.
- Die Kommentar-Entfernung steht auf Modulebene, mit Selbsttest und
drittem Ausgang: raeumt sie alles weg, ist jede Suche darueber
gruen.
10 Pruefungen, 0 Fehler (vorher 8 mit 2 Fehlschlaegen) -- die Zahl ist
gestiegen, nichts ist stillschweigend weggefallen.
SECHS GEGENPROBEN, alle sechs schlagen an. Drei waren im ersten Lauf
falsch gebaut (CRLF-Anker, Variable statt Schluessel umbenannt, eine
Sabotage die nichts tat) -- das ist jeweils als Begruendung vermerkt,
weil eine blinde Sabotage genauso aussieht wie eine blinde Pruefung.
Gegenprobe 1 hat dabei einen ECHTEN Fehler in meinem neuen Pruefcode
gefunden: woSonst() griff auf `skripte` zu, das erst spaeter angelegt
wird. Im gruenen Zustand laeuft diese Zeile nie -- der Absturz waere
genau dann gekommen, wenn ein Satz fehlt, also wenn man die Meldung am
noetigsten braucht.
Geprueft: meldungen 10, manager-ziele 229, struktur 102, chat 80,
chat-optik 84, chat-anhaenge 168, workspace-seiten 37, formulare 23,
entwicklung 79, xlsx 75, lesbarkeit 14, zeichen 8, deutsche-texte 12 --
alle gruen, keine Zahl gesunken.
193 lines
8.7 KiB
HTML
193 lines
8.7 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>Notizen · Team 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=202610082114" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610082114" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202610082114" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202610082114" />
|
||
<link rel="stylesheet" href="assets/css/notizen.css?v=202610082114" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202610082114" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202610082114" />
|
||
</head>
|
||
|
||
<body class="start" data-ton="46">
|
||
|
||
<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> · Notizen</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ======================================================================
|
||
DER BLOCK (26.09.2026)
|
||
|
||
Filipe: „ich will dass du das auch wie ein notizblock erstellst.
|
||
ich will dass es übelst geil und einzigartig ist."
|
||
|
||
ZWEI SPALTEN AUF DEM RECHNER, EINE AUF DEM HANDY. Links der
|
||
Stapel, rechts das aufgeschlagene Blatt. Auf dem Handy wäre
|
||
nebeneinander beides zu schmal; dort ist der Stapel die Seite,
|
||
und ein Blatt legt sich darüber. Der Zurück-Knopf der Kopfleiste
|
||
schließt es wieder — das ist die Geste, die jeder kennt.
|
||
|
||
KEIN SPEICHERN-KNOPF. Nirgends. Wer einen Block aufschlägt und
|
||
lostippt, drückt hinterher nicht auf „sichern"; er klappt ihn zu.
|
||
Die Anzeige unten rechts sagt, was gerade passiert, und ist der
|
||
einzige Ort, an dem das Thema überhaupt vorkommt.
|
||
====================================================================== -->
|
||
<main class="inhalt inhalt--breit notizblock" id="block">
|
||
|
||
<!-- ---------- Die Kopfzeile der Seite ---------------------------- -->
|
||
<section class="kopf-zeile n-kopf">
|
||
<div>
|
||
<p class="marke">Notizen</p>
|
||
<h1 class="titel">Dein Block</h1>
|
||
<p class="unterzeile">
|
||
Schreib hinein, was dir einfällt. Es sichert sich von selbst —
|
||
und niemand außer dir sieht es.
|
||
</p>
|
||
</div>
|
||
<div class="n-kopf__griffe">
|
||
<label class="n-suche" for="suche">
|
||
<svg class="n-suche__zeichen" viewBox="0 0 24 24" aria-hidden="true">
|
||
<circle cx="10.5" cy="10.5" r="6" />
|
||
<path d="M15.2 15.2 20 20" />
|
||
</svg>
|
||
<input type="search" id="suche" class="n-suche__feld" placeholder="Suchen"
|
||
autocomplete="off" spellcheck="false" />
|
||
</label>
|
||
<button type="button" class="knopf n-neu" id="neu">
|
||
<span aria-hidden="true">+</span> Neues Blatt
|
||
</button>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite" hidden></p>
|
||
|
||
<div class="n-raum">
|
||
|
||
<!-- ---------- Links: der Stapel ------------------------------- -->
|
||
<aside class="n-stapel" id="stapel-spalte" aria-label="Deine Blätter">
|
||
<div class="n-stapel__kopf">
|
||
<h2 class="n-stapel__titel">Blätter <span class="n-zahl" id="anzahl">–</span></h2>
|
||
<button type="button" class="n-korb-knopf" id="korb-auf" hidden>
|
||
Papierkorb <span class="n-zahl" id="korb-zahl">0</span>
|
||
</button>
|
||
</div>
|
||
<ol class="n-liste" id="liste" aria-live="polite"></ol>
|
||
<p class="n-leer" id="leer" hidden>
|
||
Noch nichts drauf. <button type="button" class="n-leer__knopf" id="leer-neu">Fang an</button>
|
||
</p>
|
||
</aside>
|
||
|
||
<!-- ---------- Rechts: das aufgeschlagene Blatt ---------------- -->
|
||
<section class="n-blatt" id="blatt" hidden aria-label="Das aufgeschlagene Blatt">
|
||
|
||
<!-- Die Perforation. Reine Zierde, deshalb aria-hidden — sie
|
||
sagt dem Auge „Block", einer Vorlesefunktion nichts. -->
|
||
<div class="n-blatt__perforation" aria-hidden="true"></div>
|
||
|
||
<header class="n-blatt__kopf">
|
||
<h2 class="n-blatt__titel" id="blatt-titel">Ohne Titel</h2>
|
||
<div class="n-blatt__griffe">
|
||
<!-- Die Haken-Bilanz. Sie erscheint nur, wenn es welche
|
||
gibt: Eine Null neben einer Notiz ohne Aufgaben wäre
|
||
eine Zahl, die etwas behauptet. -->
|
||
<span class="n-haken-stand" id="haken-stand" hidden></span>
|
||
<button type="button" class="n-griff" id="anheften" aria-pressed="false"
|
||
title="Oben anheften">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M9 3.6h6l-.9 5.2 3.4 3.1H6.5l3.4-3.1z" />
|
||
<path d="M12 11.9v8.5" />
|
||
</svg>
|
||
<span class="n-griff__text">Anheften</span>
|
||
</button>
|
||
<div class="n-farben" id="farben" role="group" aria-label="Papierfarbe"></div>
|
||
<button type="button" class="n-griff n-griff--weg" id="wegtun" title="In den Papierkorb">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M5.5 7h13" />
|
||
<path d="M7.5 7V5.2h9V7" />
|
||
<path d="M6.8 7.6 7.7 20h8.6l.9-12.4" />
|
||
</svg>
|
||
<span class="n-griff__text">Wegtun</span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ==================================================================
|
||
DAS BLATT SELBST — ein Schreibfeld mit einer Deckschicht
|
||
|
||
Das Feld trägt den Text und den Cursor, sieht ihn aber
|
||
nicht: `color: transparent`. Sichtbar ist die Deckschicht
|
||
darüber, die denselben Text noch einmal zeichnet — nur mit
|
||
Haken, Überschriften, Strichen und Links.
|
||
|
||
WARUM DIESER UMWEG: Ein `contenteditable` kann all das
|
||
direkt, bricht aber beim Einfügen aus fremden Programmen,
|
||
beim Rückgängigmachen und bei jeder Tastatur, die über
|
||
eine Zwischenzeile schreibt. Ein Schreibfeld tut nichts
|
||
davon — es ist das Bauteil, das der Browser seit dreißig
|
||
Jahren richtig hinbekommt.
|
||
|
||
DAMIT DAS AUFGEHT, müssen beide Schichten auf den Pixel
|
||
gleich fließen: gleiche Schrift, gleiche Zeilenhöhe,
|
||
gleicher Innenabstand, gleicher Umbruch. Und die Auszeichnung
|
||
darf die BREITE eines Zeichens nie ändern — kein Fettdruck,
|
||
keine andere Schriftgröße, kein Sperren. Erlaubt sind nur
|
||
Farbe, Durchstreichen, Schatten und Rahmen. Genau danach
|
||
ist die Gestaltung gebaut, und pruef-notizen misst es nach.
|
||
================================================================== -->
|
||
<div class="n-papier" id="papier">
|
||
<div class="n-papier__deck" id="deck" aria-hidden="true"></div>
|
||
<textarea class="n-papier__feld" id="feld" spellcheck="true"
|
||
autocomplete="off" autocapitalize="sentences"
|
||
aria-label="Text dieses Blattes"></textarea>
|
||
</div>
|
||
|
||
<footer class="n-blatt__fuss">
|
||
<span class="n-stand" id="stand" aria-live="polite"></span>
|
||
<span class="n-wann" id="wann"></span>
|
||
</footer>
|
||
</section>
|
||
|
||
<!-- ---------- Der Papierkorb ---------------------------------- -->
|
||
<section class="n-korb" id="korb" hidden aria-label="Papierkorb">
|
||
<header class="n-korb__kopf">
|
||
<h2 class="n-blatt__titel">Papierkorb</h2>
|
||
<button type="button" class="knopf-still" id="korb-zu">Zurück zum Block</button>
|
||
</header>
|
||
<p class="n-korb__satz" id="korb-satz"></p>
|
||
<ol class="n-liste n-liste--korb" id="korb-liste" aria-live="polite"></ol>
|
||
</section>
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
|
||
liest daraus die Leitungsrollen. -->
|
||
<script src="assets/js/bereiche.js?v=202610082114" defer></script>
|
||
<script src="assets/js/wahl.js?v=202610082114" defer></script>
|
||
<script src="assets/js/nachfrage.js?v=202610082114" defer></script>
|
||
<script src="assets/js/installieren.js?v=202610082114" defer></script>
|
||
<script src="assets/js/kopf.js?v=202610082114" defer></script>
|
||
<script src="assets/js/glocke.js?v=202610082114" defer></script>
|
||
<script src="assets/js/notizen.js?v=202610082114" defer></script>
|
||
</body>
|
||
</html>
|