Aus drei Strichen werden drei Ringe aus Material
Filipe: "ich will dass der rand mit den sekunden minuten und stunden
viel krasser und geiler ist ... ultra modern, ultra speziell, ultra
profissionell, ultra phaenomenal."
EIN STRICH IST EINE LINIE. EIN RING IST EIN KOERPER.
Und ein Koerper hat drei Merkmale, die man zeichnen MUSS, sonst bleibt
es ein Strich. Jeder der drei Ringe besteht deshalb jetzt aus drei
Lagen:
SCHATTEN Er liegt ueber dem Zifferblatt, also wirft er einen.
Dieselbe Bahn, schwarz, ein halbes Rastermass nach UNTEN.
KOERPER Der Bogen selbst in seiner Farbe.
OBERKANTE Duenner, hell, ein Drittel nach OBEN. Weil er versetzt
ist, schaut er oben hervor und verschwindet unten -- genau
das tut eine gewoelbte Kante bei Licht von oben.
Kein Weichzeichner, nirgends: Die Tiefe kommt aus dem Versatz, nicht
aus Unschaerfe.
DIE BAHNEN SIND GEFRAESTE RILLEN
Ein Zeiger laeuft bei einem guten Instrument IN einer Vertiefung. Eine
Rille erkennt man an zweierlei: dunkler als ihre Umgebung, und an ihrer
unteren Wand steht eine helle Kante. Beides steht jetzt da, und die
Breite folgt dem Ring, der darin laeuft -- eine Rille, die schmaler ist
als ihr Zeiger, ist keine.
DREI KOEPFE STATT EINEM
Minute und Stunde bekommen dieselbe polierte Kappe wie die Sekunde, auf
ihren eigenen Bahnen und in ihrer eigenen Farbe. Erst dadurch liest man
die drei Ringe als drei ZEIGER und nicht als drei Fortschrittsbalken.
Sie laufen mit ihrem Ring: die Minute nimmt die Sekunden anteilig mit,
die Stunde die Minuten -- sonst staende der Kopf neben dem Ende seines
Bogens.
ALLE LAGEN WERDEN GEMEINSAM GESETZT. Sie tragen `data-ring`; einzeln
gepflegte Verweise waeren drei Stellen, an denen man eine vergessen
kann, und ein Schatten, der stehen bleibt, sieht sofort kaputt aus.
UND EIN FUND, DEN DIE PRUEFUNG SOFORT GEMELDET HAT
Die neue helle Oberkante des Stundenrings laeuft hinter den Ziffern
durch: schlechtester Kontrast 2,98:1 -- knapp unter der Grenze, und
ausgerechnet bei der Uhrzeit selbst. Die Antwort war nicht "Kante
weg", sondern der fehlende Untergrund: Auf einer echten Uhr steht eine
Anzeige, die ueber Zeigern liegt, auf einer eigenen vertieften INSEL im
Zifferblatt. Jetzt 5,42:1, und dabei 29 statt 14 gemessene Stellen.
Merksatz: Wenn eine neue Schicht einen Text unlesbar macht, ist die
Antwort selten "Schicht weg" -- meistens fehlt dem Text sein Grund.
Zehn Pruefungen gelaufen, alle gruen. Rechner und Handy angesehen.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
+57
-12
@@ -9,12 +9,12 @@
|
||||
<meta name="theme-color" content="#0674b9" />
|
||||
<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=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
|
||||
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
|
||||
<link rel="stylesheet" href="assets/css/heim.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/heim.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -143,9 +143,48 @@
|
||||
langsamste innen, wo eine kleine Drehung schon viel
|
||||
heisst. Die alte Anordnung war die eines
|
||||
Fortschrittsbalkens, nicht die einer Uhr. -->
|
||||
<circle class="uhr__sekunde" cx="50" cy="50" r="45.5" id="uhr-sekunde" />
|
||||
<circle class="uhr__minute" cx="50" cy="50" r="38.5" id="uhr-minute" />
|
||||
<circle class="uhr__stunde" cx="50" cy="50" r="31.5" id="uhr-stunde" />
|
||||
<!-- ==== JEDER RING IST DREI LAGEN (07.09.2026) ==============
|
||||
|
||||
Filipe: "ich will dass der rand mit den sekunden minuten
|
||||
und stunden viel krasser und geiler ist ... ultra modern,
|
||||
ultra speziell, ultra profissionell, ultra phaenomenal."
|
||||
|
||||
Ein einzelner Strich ist eine LINIE. Ein Ring ist ein
|
||||
KOERPER, und ein Koerper hat drei Merkmale, die man
|
||||
zeichnen muss, sonst bleibt es eine Linie:
|
||||
|
||||
SCHATTEN Er liegt ueber dem Zifferblatt, also wirft
|
||||
er einen. Dieselbe Bahn, dunkel, ein halbes
|
||||
Rastermass nach UNTEN geschoben.
|
||||
KOERPER Der Bogen selbst in seiner Farbe.
|
||||
OBERKANTE Ein duennerer, hellerer Bogen, ein Drittel
|
||||
nach OBEN geschoben. Weil er verschoben
|
||||
ist, schaut er oben hervor und verschwindet
|
||||
unten -- genau das tut eine gewoelbte Kante
|
||||
bei Licht von oben.
|
||||
|
||||
Alle drei tragen `data-ring` und werden vom Skript
|
||||
gemeinsam gesetzt. Eine Lage, die nicht mitwandert,
|
||||
waere ein Schatten, der stehen bleibt -- das faellt
|
||||
sofort auf und sieht kaputt aus.
|
||||
|
||||
KEIN Weichzeichner, nirgends: Die Tiefe entsteht aus
|
||||
dem Versatz, nicht aus Unschaerfe. -->
|
||||
<g class="uhr__schatten" transform="translate(0 0.55)">
|
||||
<circle class="uhr__sekunde" data-ring="sekunde" cx="50" cy="50" r="45.5" />
|
||||
<circle class="uhr__minute" data-ring="minute" cx="50" cy="50" r="38.5" />
|
||||
<circle class="uhr__stunde" data-ring="stunde" cx="50" cy="50" r="31.5" />
|
||||
</g>
|
||||
|
||||
<circle class="uhr__sekunde" data-ring="sekunde" cx="50" cy="50" r="45.5" id="uhr-sekunde" />
|
||||
<circle class="uhr__minute" data-ring="minute" cx="50" cy="50" r="38.5" id="uhr-minute" />
|
||||
<circle class="uhr__stunde" data-ring="stunde" cx="50" cy="50" r="31.5" id="uhr-stunde" />
|
||||
|
||||
<g class="uhr__kante" transform="translate(0 -0.4)">
|
||||
<circle class="uhr__sekunde" data-ring="sekunde" cx="50" cy="50" r="45.5" />
|
||||
<circle class="uhr__minute" data-ring="minute" cx="50" cy="50" r="38.5" />
|
||||
<circle class="uhr__stunde" data-ring="stunde" cx="50" cy="50" r="31.5" />
|
||||
</g>
|
||||
</svg>
|
||||
<span class="uhr__skala" aria-hidden="true"></span>
|
||||
<!-- DER AUFGESETZTE ZWOELF-INDEX. Auf einem echten Zifferblatt
|
||||
@@ -159,6 +198,12 @@
|
||||
eine laufende Perle zeigt LEBEN -- und genau das ist der
|
||||
Unterschied zwischen einer Anzeige und einem Instrument. -->
|
||||
<span class="uhr__perle" id="uhr-perle" aria-hidden="true"></span>
|
||||
<!-- Dieselbe Kappe fuer Minute und Stunde, auf ihren eigenen
|
||||
Bahnen. Drei Koepfe statt einem: Erst dadurch liest man
|
||||
die drei Ringe als drei ZEIGER und nicht als drei
|
||||
Fortschrittsbalken. -->
|
||||
<span class="uhr__perle uhr__perle--minute" id="uhr-perle-minute" aria-hidden="true"></span>
|
||||
<span class="uhr__perle uhr__perle--stunde" id="uhr-perle-stunde" aria-hidden="true"></span>
|
||||
<span class="uhr__glas" aria-hidden="true"></span>
|
||||
<div class="uhr__mitte">
|
||||
<span class="uhr__zeit" id="uhr-zeit">--:--</span>
|
||||
@@ -275,10 +320,10 @@
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<script src="assets/js/wahl.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/bereiche.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/kopf.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/glocke.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/start.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/wahl.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/bereiche.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/kopf.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/glocke.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/start.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user