DogFatherGitandClaude Opus 5
96bdd79a91
Filipe, 28.09.2026: "ich werde die drei varianten schicken fuer niedrige spenden. mittlere und hohe spenden. alle drei varianten will ich drauf so dass ich sie aussuchen kann wie ich will. aber pass sie sofort diesen 3 kategorien an." DIE ZUORDNUNG IST GELESEN, NICHT GERATEN In allen drei Saetzen geht es nacktes Metall -> Steinkranz -> Vollbesatz; Filipes Dateinummern (01/02/03) und die Uhrzeiten seiner Entwuerfe laufen genau mit. Klassik: Palladium, Gold mit Saphir, Diamant. Amethyst: Stahl, Rosegold, Vollbesatz. Neon: Chrom auf Schwarz, Steinkranz, Vollbesatz. AUS 25 MB WURDEN 443 KB Je Bild 320 px WebP statt 1254 px PNG, Faktor 58. Die Zahl ist gemessen: Groesster Fall in der Seite 110 px (Karte, hoechste Stufe), auf der OBS-Tafel 189 px, bei doppelter Bildschirmdichte rund 220. Drei Megabyte fuer ein 24-Pixel-Zeichen waeren ein Ladebalken mitten in der Sendung -- wer auf dem Handy zusieht, bekaeme die Karte, wenn sie schon wieder weg ist. Die Originale liegen neben den Datenbanksicherungen, nicht im Repo: 26 MB, die bei jedem Klon mitkaemen und die niemand ausliefert. WELCHE MUENZE WANN -- ABGELEITET STATT GEPFLEGT "Niedrig, mittel, hoch" gibt es im Haus schon: die Stufenleiter. Zwei eigene Grenzen daneben waeren eine zweite Antwort auf dieselbe Frage, und spaetestens beim Verschieben einer Stufe zeigte die Muenze etwas anderes an als der Name auf der Karte. Die Leiter wird deshalb in DRITTEL geteilt -- bei den drei Werksstufen genau eine je Muenze, bei sechs zwei je Muenze, bei einer einzigen ueberall die mittlere. DIE MUENZE STEHT AUCH GROSS AUF DER KARTE Sonst haette Filipe neun Bilder fuer ein 24-Pixel-Zeichen gezeichnet. "dogen" ist dafuer eine neue Vorlage neben Herz, Welle und Krone -- und die drei Werksstufen bekommen sie EINMAL zugeteilt, nur wo noch die Werksvorlage steht und kein eigenes Bild hochgeladen ist. Wer danach ein Herz zurueckstellt, findet es morgen nicht wieder als Muenze vor: Eine Einstellung, die sich gegen den Benutzer durchsetzt, wird abgeschafft. Und steht sie gross da, nimmt das Stilblatt die kleine neben der Zahl weg -- dieselbe Muenze in zwei Groessen auf einer Karte sieht aus wie ein Versehen. AM BILDSCHIRMFOTO NACHGEBESSERT Bei 0,92em blieb an den Spendenknoepfen ein 13,5-Pixel-Fleck uebrig; bei einem flachen Symbol reicht das, bei einer Muenze mit Pfote, Schriftzug und Steinen nicht. Jetzt 1,05em ueberall und 1,6em auf den Knoepfen. In der Auswahl sahen "Amethyst" und "Neon" bei 40 px praktisch gleich aus -- und genau sie auseinanderzuhalten ist der Zweck dieser Liste. Jetzt 56/64/72 px. Und was gewaehlt ist, steht als WORT da: Neben neun glaenzenden Muenzen geht ein ruhiger Rahmen unter, und wer Farben schlecht unterscheidet, sieht ihn gar nicht. EIN SATZWECHSEL ERREICHT ALLE Die Karten trugen ihren Satz immer selbst mit und waren richtig. Die Muenzen an den Spendenknoepfen und beim eigenen Stand aber nicht -- die holt eine Seite nur bei einer Spende neu. Eine Einstellung, die nur dort ankommt, wo sie gemacht wurde, ist keine Einstellung des Hauses. ZWEI BEFUNDE GEGEN DIE PRUEFUNG SELBST 1. Sie verlangte "erste Grenze ECHT kleiner als zweite". Bei genau zwei Stufen fallen beide absichtlich zusammen -- sie meldete einen Fehler, wo das Verhalten richtig ist. 2. Sie prueft die Muenzverteilung jetzt auf einer FRISCHEN Datenbank. Vorher lief sie auf der, die ein frueherer Abschnitt umgebaut hatte: Eine Pruefung, die den eigenen Kollateralschaden misst, misst sich selbst. Dazu eine Gegenprobe, dass eine selbst gewaehlte Vorlage NICHT ueberschrieben wird. UND DREI AN DER MESSUNG Sie suchte noch die gezeichnete Muenze (svg), wo jetzt ein Bild liegt. Umgestellt nicht auf "ist ein img da", sondern auf `naturalWidth > 0` -- ob es etwas ZEIGT. Ein img, das 404 antwortet, steht genauso im Dokument wie eines, das laedt; auf dem Bildschirm ist an seiner Stelle nichts. Und beim Satzwechsel las sie die vorige Karte, die noch acht Sekunden stand: Die Karten laufen in einer Schlange, also wird auf das Merkmal gewartet, das nur die neue hat. pruef-spenden 167/0 (vorher 136) - pruef-reaktion 321/0 - pruef-css-klassen ok - pruef-tippziele 11/0 - mess-reaktion und mess-buehne ohne Beanstandung 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=202609281932" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609281932" />
|
||
<!-- 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=202609281932" />
|
||
<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=202609281932" defer></script>
|
||
<script src="assets/js/installieren.js?v=202609281932" defer></script>
|
||
</body>
|
||
</html>
|