DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

screen1 (neu): Aus dem Siegel wird eine Urkunde

Browse Source 
Filipe: "wenn die kachel da ist soll die viel spezieller und geiler
sein. wirklich speziell machen bitte."

In der Nacht ist aus dem unsichtbaren Kasten ein Siegel geworden --
Flaeche, gruene Stempelschiene, gepraegte Muenze. Das war die halbe
Antwort. "Wirklich speziell" heisst: Es soll nicht nur ANDERS aussehen
als die Kacheln daneben, sondern nach etwas Bestimmtem.

ES IST EINE QUITTUNG. Alles auf dieser Seite ist eine Aufgabe -- etwas,
das noch zu tun ist. Dieses eine Feld sagt das Gegenteil. Die
Formensprache dafuer gibt es seit dreihundert Jahren und sie ist
ueberall dieselbe: Urkunde, Quittung, Wertpapier. Drei Merkmale machen
sie aus, alle drei sind jetzt gebaut:

  1. GUILLOCHE -- das feine, sich kreuzende Linienwerk auf
     Wertpapieren. Zwei Scharen in flachen gegenlaeufigen Winkeln.
  2. DIE RAENDELUNG der Muenze -- der gekerbte Rand echter Geldstuecke,
     28 Kerben, nur am Rand.
  3. DIE PERFORATION rechts -- die Reisskante eines abgetrennten
     Abschnitts. Sie sagt im Bild, was der Satz sagt: abgeschlossen.

KEIN EINZIGES NEUES ELEMENT: alles auf Pseudoelementen, die es schon
gab. Fuer eine Zierde gehoert nichts in den Dokumentbaum.

DREI ANLAEUFE, WEIL ICH ES DREIMAL ZU LAUT HATTE -- und jedes Mal hat
erst das Bild es gezeigt, nie eine Zahl:

  * Die Raendelung lag mit `z-index: -1` HINTER der Muenze. Deren
    Flaeche ist halbdurchsichtig, also schienen die Kerben ueber die
    ganze Scheibe durch: eine Sonne mit Strahlen statt einer Muenze.
    Jetzt liegt sie davor und wird maskiert.
  * Das Maskenband war mit 70..74 % rund 0,6 px breit -- rechnerisch
    ein Ring, auf dem Bildschirm ein Hauch. Jetzt 60..100 %, also
    6,4 px, dasselbe Verhaeltnis wie an einem echten Geldstueck.
  * Die Guilloche stand bei 4,5 % in Gruen: kein Material mehr,
    sondern ein sichtbares Rautennetz, das die ganze Kachel nachfaerbte.
    Jetzt 2 % in Silber und mit 9 statt 7 px Abstand -- dichte Linien
    erzeugen mit dem Pixelraster ein Moiré, und das flimmert beim
    Rollen.

Und noch ein Ausschnitt-Fehler wie gestern: Ich habe den ersten
Nachweis auf 640 px beschnitten und mich gewundert, wo die
Reisskante bleibt -- sie liegt am rechten Ende der Kachel, also
ausserhalb. Muenze und Perforation werden jetzt in ZWEI Ausschnitten
geprueft, weil sie an entgegengesetzten Enden liegen.

Kontrast unveraendert bei 14,47:1 (fett) und 7,39:1 (still).

Geprueft: pruef-start-ansicht, pruef-css-klassen, pruef-buehne -- alle
in Ordnung.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-09-09 01:13:35 +02:00
co-authored by Claude Opus 5
parent 8c7dc1fa94
commit ef6bf0d011
20 changed files with 322 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workspace/content.html
+12 -12
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090109" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090109" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090109" />
<link rel="stylesheet" href="assets/css/content.css?v=202609090109" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090109" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090113" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090113" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090113" />
<link rel="stylesheet" href="assets/css/content.css?v=202609090113" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090113" />
</head>
<body class="start">
@@ -172,12 +172,12 @@
</main>
<script src="assets/js/wahl.js?v=202609090109" defer></script>
<script src="assets/js/bereiche.js?v=202609090109" defer></script>
<script src="assets/js/kopf.js?v=202609090109" defer></script>
<script src="assets/js/glocke.js?v=202609090109" defer></script>
<script src="assets/js/checkliste.js?v=202609090109" defer></script>
<script src="assets/js/vorlagen.js?v=202609090109" defer></script>
<script src="assets/js/content.js?v=202609090109" defer></script>
<script src="assets/js/wahl.js?v=202609090113" defer></script>
<script src="assets/js/bereiche.js?v=202609090113" defer></script>
<script src="assets/js/kopf.js?v=202609090113" defer></script>
<script src="assets/js/glocke.js?v=202609090113" defer></script>
<script src="assets/js/checkliste.js?v=202609090113" defer></script>
<script src="assets/js/vorlagen.js?v=202609090113" defer></script>
<script src="assets/js/content.js?v=202609090113" defer></script>
</body>
</html>