DogFatherGitandClaude Opus 5
0d52c4dc05
Filipe, zum Bildschirmfoto des Foyers: „unter den [Reihen] fehlt eine
kachel, die viel kraesser und spezieller aussehen soll, wo nur
dogfather oder vanvan reinkommen. mit ihren zugangscodes für die seite.
und das soll die regie kachel sein. die muss wirklich ultra krass sein.
komplett crazy. die anderen kacheln aber auch gerne farbiger machen und
nicht so kaal und dunkel."
Auf die Rückfrage, wie fest das Schloss sein soll: „punkt 2 aber die
soll jeder sehen aber nur vanvan und dogfather sollen da rein kommen
bitte."
Haus: Team Dogi (crew.dogfather-universe.com). Die Agentur ist nicht
berührt -- pruef-haus-trennung 107/0.
DAS TOR
Eine vierte Kachel über die GANZE BREITE unter den drei Reihen. Das ist
die stärkste Aussage, die ein Raster treffen kann, und sie kostet keine
einzige Farbe. Ein Licht läuft in sieben Sekunden darüber -- flach und
schmal, wie der Schein einer Lampe über einem Mischpult. Kein Blinken:
dasselbe Signal mit doppelter Belastung für die Augen, und diese Seite
steht manchmal eine Stunde offen. prefers-reduced-motion bekommt den
Schein stehend, nicht gar keinen -- der Zustand muss auch dann zu
erkennen sein.
Drei Zustände, und jeder sieht anders aus: verschlossen rot mit
geschlossenem Bügel, aufgeschlossen grün mit aufspringendem Bügel, und
für alle anderen gedämpftes Grau ohne Lauflicht, mit „nicht erlaubt"
schon am Mauszeiger.
ZWEI SCHLÖSSER HINTEREINANDER, UND NUR EINES IST GEHEIM
(1) DIE ROLLE, und zwar VOR dem Code -- ohne ihn anzusehen. Das ist
wichtiger, als es aussieht: Sonst könnte irgendwer im Haus mit
Rateversuchen die `versuche`-Bremse für seine eigene IP vollaufen
lassen und sich damit von der ANMELDUNG aussperren; beide zählen in
derselben Tabelle. Geprüft mit Gegenprobe: Ein Gast schickt den
RICHTIGEN Admin-Code, kommt nicht durch, und die Versuchszahl
bleibt bei 0.
(2) DER CODE, geprüft mit `codeGeprueft()` -- neu in workspace.js,
neben der Anmeldung und mit deren Rechenvorschrift, deren Vergleich
in konstanter Zeit und deren Bremse. Ein zweiter Codevergleich in
einem anderen Modul wäre der, der beim nächsten Umbau der
scrypt-Parameter stehen bleibt.
Und er prüft GENAU DIESE PERSON. Die Anmeldung geht alle Personen einer
Rolle durch -- dort ist der Code die Kennung. Hier wäre das falsch:
VanVans Code öffnete DogFathers Tür, und im Protokoll stünde, ER sei
hineingegangen.
WAS DIE TÜR LEISTET UND WAS NICHT -- UND DASS ES DASTEHT
Filipes „Punkt 2" heißt: Der Code öffnet die Tür, danach ist die Regie
offen wie bisher. Die Routen der Sendung prüfen weiterhin nur die Rolle.
Das ist die bewusste Wahl und keine vergessene Stelle -- eine Sperre,
die mitten in einer Übertragung zuschnappen kann, richtet mehr Schaden
an, als sie verhindert.
Damit das niemand überschätzt, steht es als Satz IM FENSTER, nicht nur
im Quelltext: „Das hält einen neugierigen Blick auf, nicht jemanden, der
an deinem offenen Rechner sitzt." Eine Sicherung, die stärker aussieht,
als sie ist, ist schlechter als gar keine.
FARBE -- ABER NICHT AUF DER FLÄCHE
Filipe hatte recht, und der Grund war meiner: Beim Umbau auf das
Hausmaterial heute Vormittag habe ich die Farbe mit herausgenommen, weil
die alte Fassung sie auf der FLÄCHE trug -- und genau das machte den
Text schlecht lesbar. Richtig ist nicht „keine Farbe", sondern Farbe,
wo kein Text steht:
* Jede Reihe hat ihren Ton (`--ton`, derselbe Griff, über den
module.css das Kantenlicht legt): Bernstein für das, was ansteht
-- dieselbe Farbe wie „überfällig" --, Blau für die Sendung, rot
sobald sie läuft, Grün für das, was hereinkommt: dieselbe Farbe,
die ein angenommener Vorschlag trägt. Die Farben SAGEN etwas.
* Ein Band im Kopf jeder Tafel, die Überschrift in ihrem Ton, die
Schilder passend. Vorher war jedes Schild blau, egal in welcher
Reihe es stand -- zwei Farben nebeneinander, die nichts
voneinander wussten.
* Ein Streifen am Zeilenanfang statt eines eingefärbten Kastens.
Drei Pixel an der Kante sagen dasselbe, und der Text steht
weiterhin auf dem Grund, auf dem er gemessen wurde.
Die Kachel selbst trägt dieselbe Silhouette und dasselbe deckende
Material wie jede Karte im Haus (`.regie-tor` steht in der Modulliste in
module.css und in der Materialliste in start.css). „Krass" heißt hier
nicht „anders als das Haus" -- genau das stand heute Vormittag schon
einmal in foyer.css und war ein Fehler.
PROTOKOLLWÖRTER, DIE MAN LESEN KANN
`personen.js` baut den Anzeigetext aus dem Schlüssel: Unterstriche
werden Leerzeichen, nur der erste Buchstabe wird groß. Aus
`regie_code_falsch` wäre auf dem Bildschirm „Regie code falsch"
geworden. Die Regel, die daraus folgt: Hauptwort plus Mittelwort, nie
zwei Hauptwörter. Jetzt `regie_aufgeschlossen`, `regie_abgeschlossen`,
`regie_verweigert`, `regie_unbefugt`. Und das Detail war ein
ISO-Zeitstempel mitten in einer Zeile, die ein Mensch überfliegt --
jetzt steht dort „12 Stunden".
GEMESSEN
pruef-reaktion 571, 0 Fehler (vorher 538) -- Abschnitt 21
mess-foyer 96, 0 Fehler (vorher 70), 12 Bildschirmfotos
pruef-handy-teamdogi 263 Seitenaufrufe, 0 Befunde
pruef-breiten 23 auf 45 Seiten und fünf Breiten
pruef-struktur 102 · pruef-css-klassen 37 · pruef-lesbarkeit 14
pruef-bewegung 9 · pruef-tippziele 13 · pruef-deutsche-texte 12
pruef-crew-adresse 173 · pruef-haus-trennung 107
pruef-community-sicht 10 · pruef-sackgassen 14
alle 0 Fehler
UND EINE LÜCKE, DIE DIE EIGENE MESSUNG GEFUNDEN HAT
Der Vorhang mit dem Codefeld schließt auf Esc und auf einen Druck
daneben, und der Finger steht im Feld -- für jemanden ohne Maus war er
trotzdem eine Falle: Die Tabulatortaste lief durch die Knöpfe DAHINTER
weiter, sichtbar war aber das Codefeld. Man tippt auf A und bekommt B,
nur eben mit der Tastatur.
Der erste Riegel legte `#foyer` still -- und die neue Messung fiel
sofort darüber: Die KOPFLEISTE steht außerhalb davon, der Fokus lief
weiter nach „Abmelden". Jetzt wird alles neben dem Vorhang stillgelegt,
ABGELEITET statt aufgezählt (`body.children`), und beim Schließen genau
das wieder freigegeben, was ich selbst gesetzt habe.
Und die Messung selbst war beim ersten Entwurf zu streng: Sie verlangte
„der Fokus bleibt IMMER im Fenster" und wurde rot, obwohl die Sperre
tadellos arbeitete -- am Ende des Tabulatorkreises gibt der Browser den
Fokus an seine eigene Leiste ab, im Dokument steht dann `body`. `body`
ist kein Bedienelement. Gefragt ist jetzt das Richtige: Wird je ein
BEDIENELEMENT außerhalb erreicht? Die Gegenprobe nennt es beim Namen
(`DRAUSSEN:zurueck`).
mess-foyer misst beide Hälften von Filipes Satz: dass ein Gast das Tor
SIEHT (und ein Druck ihm trotzdem kein Codefeld öffnet) und dass nur die
zwei HINEINKOMMEN. Dazu der ganze Weg im Browser: falscher Code
abgewiesen und Feld geleert, richtiger Code führt in den Saal, die
Freigabe gilt in einem neuen Fenster -- und VanVans Tür ist trotzdem
noch zu.
EIN FEHLALARM IN DER EIGENEN MESSUNG, BEHOBEN
mess-foyer suchte zuerst das WORT „Warteschlange" im Dokument eines
Gastes und fand es -- im unsichtbaren Gerüst der linken Reihe, wo es als
Überschrift steht. Zwei Gründe, warum das falsch war: Eine Beschriftung
ist keine Auskunft, und dass es eine Warteschlange GIBT, steht seit
heute im Regie-Tor, das jeder sieht. Eine Messung, die genau das als
Leck zählt, widerspricht dem Entwurf -- und sie hätte bei jedem Lauf
angeschlagen. Gefragt ist das Schärfere: Kommen DATEN an? Jetzt werden
Titel und Videokennungen geprüft, und dass keine einzige Planzeile
gebaut wurde.
NICHT BEHOBEN, WEIL NICHT MEINS: pruef-meldungen bleibt rot (28
Kennungen ohne Satz, 3 Rohanzeigen) -- gemessen im worktree auf dem
letzten Commit schon vorher, Zeichen für Zeichen dieselbe Liste. Meine
Arbeit hat 2 Kennungen und 2 Sätze ergänzt (174 -> 176, 155 -> 157), die
Zahlen gehen genau gleich hoch. Die Dateien gehören überwiegend der
Agentur; das gehört in einen eigenen Durchgang.
Co-Authored-By: Claude Opus 5 <[email protected]>
142 lines
6.3 KiB
HTML
142 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-haus="crew">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Anruf-Probe · Team Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<!-- KORRIGIERT AM 19.09.2026. Hier standen `basis.css` und `kopf.css` --
|
||
zwei Dateien, die es im Haus gar nicht gibt. Die Seite lud sie bei
|
||
jedem Aufruf ins Leere und stand damit OHNE die Hausfarben da; die
|
||
Angaben darunter (var(--text-leise) usw.) liefen ins Nichts.
|
||
|
||
Ausgerechnet auf dieser Seite faellt das nicht auf: Sie hat ihre
|
||
eigene Stilangabe im Kopf, damit sie auch dann noch etwas anzeigt,
|
||
wenn die Stilvorlagen klemmen -- und genau die hat den Mangel
|
||
verdeckt. Gefunden hat es pruef-struktur.
|
||
|
||
Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202610081212" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202610081212" />
|
||
<!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
|
||
Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
|
||
ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
|
||
WARUM das Telefon nicht klingelt, ist das besonders unpassend. -->
|
||
<!-- app.webmanifest, NICHT crew.webmanifest (25.09.2026).
|
||
Hier stand crew.webmanifest fest verdrahtet. Diese Seite ist
|
||
aber fuer ALLE Rollen offen (rechte.js) und damit auf BEIDEN
|
||
Adressen erreichbar -- wer sie im Agenturhaus oeffnet und die
|
||
App installiert, bekam „DogFather Universe" mit dem
|
||
Crew-Symbol auf den Startbildschirm.
|
||
Die Adresse biegt app.webmanifest auf crew.webmanifest um
|
||
(crew-adresse.js), und zwar NUR auf der Crew-Adresse. Deshalb
|
||
schreibt jede Seite app.webmanifest -- auch die hier. -->
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<meta name="theme-color" content="#06090f" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610081212" />
|
||
<style>
|
||
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
|
||
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
|
||
was sie untersucht -- eine Stilvorlage, die aus dem
|
||
Zwischenspeicher kommt. */
|
||
/* DIE KOPFLEISTE WAR NIE GESTALTET (nachgetragen 19.09.2026).
|
||
|
||
Gefunden von pruef-css-klassen: `.kopfleiste`, `.kopfleiste__zurueck`,
|
||
`.kopfleiste__mitte` und `.kopfleiste__titel` stehen in KEINER
|
||
Stilvorlage des Hauses -- sie leben in start.css bzw. crew-haus.css,
|
||
und genau die lädt diese Seite absichtlich nicht.
|
||
|
||
Ergebnis war eine Leiste aus nacktem Text: der Zurück-Weg ein
|
||
blasser Link irgendwo links oben, der Titel daneben in Fließtext.
|
||
Ausgerechnet auf der Seite, die man aufruft, WEIL schon etwas nicht
|
||
funktioniert -- da sieht unfertig aus wie kaputt.
|
||
|
||
Sie stehen hier und nicht in einer Datei, aus demselben Grund wie
|
||
alles andere auf dieser Seite: Sie soll auch dann noch etwas
|
||
anzeigen, wenn genau das schiefgeht, was sie untersucht. */
|
||
.kopfleiste {
|
||
display: flex; align-items: center; gap: .6rem;
|
||
padding: .55rem .9rem;
|
||
border-bottom: 1px solid var(--rand);
|
||
background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
|
||
}
|
||
.kopfleiste__zurueck {
|
||
/* 44 px hoch: Das ist die Größe, die ein Daumen sicher trifft.
|
||
Auf einem Handy ist dieser Knopf der einzige Weg zurück. */
|
||
display: inline-flex; align-items: center;
|
||
min-height: 44px; padding: 0 .7rem 0 .2rem;
|
||
color: var(--text-leise); text-decoration: none;
|
||
font-size: .92rem; border-radius: .5rem;
|
||
}
|
||
.kopfleiste__zurueck:hover,
|
||
.kopfleiste__zurueck:focus-visible { color: var(--text); }
|
||
.kopfleiste__mitte { flex: 1; min-width: 0; text-align: center; }
|
||
.kopfleiste__titel {
|
||
font-size: .92rem; font-weight: 600; color: var(--text);
|
||
letter-spacing: .01em;
|
||
}
|
||
/* Gleich breit wie der Zurück-Weg, damit der Titel wirklich mittig
|
||
steht statt nur ungefähr. */
|
||
.kopfleiste__rechts { flex: 0 0 4.5rem; }
|
||
@media (max-width: 420px) {
|
||
.kopfleiste__rechts { flex-basis: 0; }
|
||
.kopfleiste__mitte { text-align: right; }
|
||
}
|
||
|
||
.probe { max-width: 46rem; margin: 0 auto; padding: 1.4rem 1rem 3rem; }
|
||
.probe h1 { margin: .2rem 0 .3rem; }
|
||
.probe__unter { color: var(--text-leise); margin: 0 0 1.4rem; }
|
||
.punkt {
|
||
display: flex; gap: .8rem; align-items: flex-start;
|
||
padding: .85rem 1rem; margin-bottom: .6rem;
|
||
border: 1px solid var(--rand); border-radius: .7rem;
|
||
background: rgba(255,255,255,.02);
|
||
}
|
||
.punkt__zeichen { font-size: 1.1rem; line-height: 1.4; flex: 0 0 1.4rem; }
|
||
.punkt__text { flex: 1; min-width: 0; }
|
||
.punkt__titel { font-weight: 600; margin: 0 0 .15rem; }
|
||
.punkt__satz { margin: 0; color: var(--text-leise); font-size: .9rem; }
|
||
.punkt[data-stand="gut"] { border-color: rgba(120, 200, 150, .4); }
|
||
.punkt[data-stand="warn"] { border-color: rgba(220, 180, 110, .45); }
|
||
.punkt[data-stand="schlecht"] { border-color: rgba(230, 140, 140, .5); }
|
||
/* 44 px auf Geraeten, die mit dem Finger bedient werden
|
||
(19.09.2026). Diese Seite laedt module.css bewusst nicht --
|
||
sie soll auch dann noch stehen, wenn Stilvorlagen klemmen.
|
||
Also gilt die Regel hier eigens. */
|
||
.probe__knopf { margin: 1.2rem 0 .4rem; }
|
||
@media (pointer: coarse) { .probe__knopf { min-height: 44px; } }
|
||
.probe__ende {
|
||
margin-top: 1.6rem; padding: 1rem;
|
||
border-radius: .7rem; border: 1px dashed var(--rand-hell);
|
||
color: var(--text-leise); font-size: .92rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="haus">
|
||
<header class="kopfleiste">
|
||
<a class="kopfleiste__zurueck" id="zurueck-weg" href="start.html">‹ Zurück</a>
|
||
<div class="kopfleiste__mitte"><span class="kopfleiste__titel">Anruf-Probe</span></div>
|
||
<div class="kopfleiste__rechts"></div>
|
||
</header>
|
||
|
||
<main class="probe">
|
||
<h1>Warum klingelt es nicht?</h1>
|
||
<p class="probe__unter">
|
||
Diese Seite geht der Reihe nach durch, was ein Anruf braucht – und sagt,
|
||
an welcher Stelle es hakt. Sie ruft niemanden an.
|
||
</p>
|
||
|
||
<div id="ergebnis"></div>
|
||
|
||
<button type="button" class="knopf probe__knopf" id="ton-probe">Klingelton anhören</button>
|
||
|
||
<p class="probe__ende" id="rat"></p>
|
||
</main>
|
||
|
||
|
||
|
||
<script src="assets/js/anruf-probe.js?v=202610081212" defer></script>
|
||
<script src="assets/js/installieren.js?v=202610081212" defer></script>
|
||
</body>
|
||
</html>
|