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:
@@ -669,12 +669,34 @@
|
||||
0 0 14px 3px rgba(255, 70, 90, .35),
|
||||
inset 0 0 0 .5px rgba(255, 255, 255, .5);
|
||||
}
|
||||
/* Die Kappen der beiden anderen Ringe. Sie sitzen auf DEREN Bahn --
|
||||
der Abstand von der Mitte ist der einzige Unterschied, alles andere
|
||||
erbt von der Perle. Die Farbe folgt dem Ring: Minute babyblau,
|
||||
Stunde poliertes Silber. */
|
||||
.uhr__perle--minute::before {
|
||||
top: 12.6%;
|
||||
width: 6px; height: 6px; margin-left: -3px;
|
||||
background: radial-gradient(circle at 36% 32%, #fff 0%, #cfe9ff 36%, #4aa8f0 72%, #17527f 100%);
|
||||
box-shadow:
|
||||
0 0 5px 1px rgba(90, 180, 255, .7),
|
||||
inset 0 0 0 .5px rgba(255, 255, 255, .55);
|
||||
}
|
||||
.uhr__perle--stunde::before {
|
||||
top: 21.4%;
|
||||
width: 5.4px; height: 5.4px; margin-left: -2.7px;
|
||||
background: radial-gradient(circle at 34% 30%, #ffffff 0%, #dfe8f2 34%, #8b98a8 70%, #3d4653 100%);
|
||||
box-shadow:
|
||||
0 0 4px 1px rgba(220, 235, 255, .45),
|
||||
inset 0 0 0 .5px rgba(255, 255, 255, .6);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
/* Kein Nachfedern -- der Sprung bleibt, das Schwingen geht. */
|
||||
.uhr__perle { transition: none; }
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.uhr__zwoelf, .uhr__perle { display: none; }
|
||||
.uhr__schatten, .uhr__kante { display: none; }
|
||||
}
|
||||
|
||||
/* SCHICHT 3: DAS GLAS -- ENTSPIEGELTES SAPHIRGLAS (07.09.2026)
|
||||
@@ -749,7 +771,25 @@
|
||||
fill: none;
|
||||
stroke-linecap: butt;
|
||||
}
|
||||
.uhr__bahn { stroke: rgba(150, 186, 220, .09); stroke-width: 3; }
|
||||
/* DIE BAHN IST EINE GEFRAESTE RILLE, kein blasser Kreis.
|
||||
|
||||
Ein Zeiger laeuft bei einem guten Instrument IN einer Vertiefung,
|
||||
nicht auf einer Flaeche. Eine Rille erkennt man an zweierlei: Sie ist
|
||||
dunkler als ihre Umgebung, und an ihrer unteren Wand steht eine helle
|
||||
Kante, wo das Licht von oben auftrifft. Beides steht hier -- die
|
||||
Kante als zweiter, um ein Drittel nach unten versetzter Kreis.
|
||||
|
||||
Die Breite folgt dem Ring, der darin laeuft: aussen 3,4 fuer die
|
||||
Sekunde, in der Mitte 3,8, innen 4,4. Eine Rille, die schmaler ist
|
||||
als ihr Zeiger, ist keine. */
|
||||
.uhr__bahn { stroke: rgba(4, 7, 13, .78); stroke-width: 4.4; }
|
||||
.uhr__bahn:nth-of-type(1) { stroke-width: 3.6; }
|
||||
.uhr__bahn:nth-of-type(2) { stroke-width: 4; }
|
||||
.uhr__rillenkante circle {
|
||||
fill: none;
|
||||
stroke: rgba(190, 215, 245, .16);
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
/* AUSSEN: die SEKUNDE in Rot, auf der laengsten Bahn (07.09.2026
|
||||
gedreht, Wunsch Filipe: "die minuten in der mitte und sekunden
|
||||
@@ -786,9 +826,57 @@
|
||||
stroke-dashoffset: 197.92;
|
||||
}
|
||||
|
||||
/* DER SCHLAGSCHATTEN JEDES BOGENS. Dieselbe Bahn, schwarz, ein wenig
|
||||
breiter -- und um ein halbes Rastermass nach unten geschoben (im
|
||||
HTML). Er macht aus einem aufgemalten Strich einen Koerper, der
|
||||
ueber dem Zifferblatt liegt. */
|
||||
.uhr__schatten circle {
|
||||
stroke: rgba(0, 0, 0, .62) !important;
|
||||
stroke-width: 4.6;
|
||||
}
|
||||
.uhr__schatten .uhr__sekunde { stroke-width: 3.8; }
|
||||
.uhr__schatten .uhr__minute { stroke-width: 4.2; }
|
||||
|
||||
/* DIE BELEUCHTETE OBERKANTE. Duenner, hell, nach oben versetzt: Sie
|
||||
schaut oben hervor und verschwindet unten -- genau das tut eine
|
||||
gewoelbte Kante bei Licht von oben. Das ist der ganze Unterschied
|
||||
zwischen einem Strich und einem Ring aus Material. */
|
||||
.uhr__kante circle {
|
||||
stroke: rgba(255, 255, 255, .72) !important;
|
||||
stroke-width: .9;
|
||||
}
|
||||
.uhr__kante .uhr__stunde { stroke: rgba(255, 255, 255, .5) !important; }
|
||||
|
||||
/* DIE ZIFFERNINSEL (07.09.2026).
|
||||
|
||||
Seit der Stundenring eine beleuchtete Oberkante hat, laeuft ein
|
||||
heller Bogen hinter den Ziffern durch. pruef-buehne hat es sofort
|
||||
gemeldet: schlechtester Kontrast 2,98:1 gegen rgb(125,147,165) --
|
||||
knapp unter der Grenze von 3:1, und zwar genau bei der Uhrzeit, also
|
||||
der wichtigsten Angabe der ganzen Flaeche.
|
||||
|
||||
Das ist kein Grund, die Kante wieder wegzunehmen. Auf einer echten
|
||||
Uhr steht eine Anzeige, die ueber Zeigern liegt, auf einer eigenen
|
||||
Flaeche -- einer vertieften Insel im Zifferblatt. Genau die steht
|
||||
jetzt hier: dunkel in der Mitte, nach aussen weich auslaufend, damit
|
||||
sie keine sichtbare Kante bekommt. Der Kontrast ist damit
|
||||
unabhaengig davon, was hinter ihr vorbeilaeuft.
|
||||
|
||||
Die Lehre allgemein: Wenn eine neue Schicht einen Text unlesbar
|
||||
macht, ist die Antwort selten "Schicht weg" -- meistens fehlt dem
|
||||
Text sein Untergrund. */
|
||||
.uhr__mitte {
|
||||
position: relative; z-index: 4;
|
||||
display: grid; justify-items: center; gap: 2px; line-height: 1;
|
||||
padding: 6px 14px;
|
||||
}
|
||||
.uhr__mitte::before {
|
||||
content: ""; position: absolute; inset: -6px -10px;
|
||||
z-index: -1; pointer-events: none;
|
||||
border-radius: 50%;
|
||||
background:
|
||||
radial-gradient(closest-side, rgba(4, 7, 13, .93) 0%,
|
||||
rgba(4, 7, 13, .88) 52%, rgba(4, 7, 13, .55) 78%, transparent 100%);
|
||||
}
|
||||
.uhr__zeit {
|
||||
font-size: 1.86rem; font-weight: 700; letter-spacing: -.015em;
|
||||
|
||||
@@ -368,9 +368,20 @@
|
||||
|
||||
/* Voll = kein Versatz. Die Ringe wachsen im Uhrzeigersinn, weil das
|
||||
SVG im Stil um 90 Grad zurueckgedreht ist. */
|
||||
/* ALLE DREI LAGEN EINES RINGES AUF EINMAL (07.09.2026).
|
||||
|
||||
Seit jeder Ring aus Schatten, Koerper und Oberkante besteht,
|
||||
muessen alle drei denselben Stand haben. Sie tragen dafuer
|
||||
`data-ring`; einzeln gepflegte Verweise waeren drei Stellen, an
|
||||
denen man eine vergessen kann -- und ein Schatten, der stehen
|
||||
bleibt, sieht sofort kaputt aus. */
|
||||
const lagen = {};
|
||||
for (const welcher of ['sekunde', 'minute', 'stunde']) {
|
||||
lagen[welcher] = [...document.querySelectorAll(`[data-ring="${welcher}"]`)];
|
||||
}
|
||||
const setze = (welcher, anteil) => {
|
||||
const el = ringe[welcher];
|
||||
if (el) el.style.strokeDashoffset = String(UMFANG[welcher] * (1 - anteil));
|
||||
const wert = String(UMFANG[welcher] * (1 - anteil));
|
||||
for (const el of lagen[welcher]) el.style.strokeDashoffset = wert;
|
||||
};
|
||||
|
||||
const takt = () => {
|
||||
@@ -400,6 +411,14 @@
|
||||
Rechner. */
|
||||
const perle = $('uhr-perle');
|
||||
if (perle) perle.style.transform = `rotate(${sk * 6}deg)`;
|
||||
/* Die beiden anderen Koepfe laufen mit IHREN Ringen -- die Minute
|
||||
nimmt die Sekunden anteilig mit, die Stunde die Minuten. Sonst
|
||||
staende der Kopf neben dem Ende seines Bogens, und genau das
|
||||
sieht man sofort. */
|
||||
const perleMin = $('uhr-perle-minute');
|
||||
if (perleMin) perleMin.style.transform = `rotate(${(min + sk / 60) * 6}deg)`;
|
||||
const perleStd = $('uhr-perle-stunde');
|
||||
if (perleStd) perleStd.style.transform = `rotate(${((std % 12) + min / 60) * 30}deg)`;
|
||||
setze('minute', (min + sk / 60) / 60);
|
||||
setze('stunde', ((std % 12) + min / 60) / 12);
|
||||
|
||||
|
||||
@@ -9,10 +9,10 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -212,10 +212,10 @@
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<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/aufgaben.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/aufgaben.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/automation.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/automation.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -135,10 +135,10 @@
|
||||
|
||||
</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/automation.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/automation.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+14
-14
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/bereich.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/bereich.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -144,14 +144,14 @@
|
||||
|
||||
</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/checkliste.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/ampel.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/schulung.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/vorlagen.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/bereich.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/checkliste.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/ampel.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/schulung.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/vorlagen.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/bereich.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+11
-11
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/calls.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/calls.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -77,11 +77,11 @@
|
||||
|
||||
</main>
|
||||
|
||||
<script src="assets/js/ki.js?v=202609071550" defer></script>
|
||||
<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/calls.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/ki.js?v=202609071615" 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/calls.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,17 +9,17 @@
|
||||
<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" />
|
||||
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
|
||||
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
|
||||
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
|
||||
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
|
||||
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
|
||||
Dialog zu sehen bekam. -->
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/chat.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/chat.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -155,10 +155,10 @@
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<script src="assets/js/bereiche.js?v=202609071550"></script>
|
||||
<script src="assets/js/wahl.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/kopf.js?v=202609071550"></script>
|
||||
<script src="assets/js/glocke.js?v=202609071550"></script>
|
||||
<script src="assets/js/chat.js?v=202609071550"></script>
|
||||
<script src="assets/js/bereiche.js?v=202609071615"></script>
|
||||
<script src="assets/js/wahl.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/kopf.js?v=202609071615"></script>
|
||||
<script src="assets/js/glocke.js?v=202609071615"></script>
|
||||
<script src="assets/js/chat.js?v=202609071615"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+12
-12
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/content.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/content.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -167,12 +167,12 @@
|
||||
|
||||
</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/checkliste.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/vorlagen.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/content.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/checkliste.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/vorlagen.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/content.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/dateien.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/dateien.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -96,10 +96,10 @@
|
||||
|
||||
</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/dateien.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/dateien.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
|
||||
<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/gate.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="gate">
|
||||
@@ -202,6 +202,6 @@
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/gate.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/gate.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+11
-11
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/kalender.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/kalender.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -258,11 +258,11 @@
|
||||
|
||||
</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/kalender.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/kalender-abo.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/kalender.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/kalender-abo.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/leistung.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/leistung.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -212,10 +212,10 @@
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<script src="assets/js/wahl.js?v=202609071550"></script>
|
||||
<script src="assets/js/bereiche.js?v=202609071550"></script>
|
||||
<script src="assets/js/kopf.js?v=202609071550"></script>
|
||||
<script src="assets/js/glocke.js?v=202609071550"></script>
|
||||
<script src="assets/js/leistung.js?v=202609071550"></script>
|
||||
<script src="assets/js/wahl.js?v=202609071615"></script>
|
||||
<script src="assets/js/bereiche.js?v=202609071615"></script>
|
||||
<script src="assets/js/kopf.js?v=202609071615"></script>
|
||||
<script src="assets/js/glocke.js?v=202609071615"></script>
|
||||
<script src="assets/js/leistung.js?v=202609071615"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/personen.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/personen.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -137,10 +137,10 @@
|
||||
|
||||
</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/personen.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/personen.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+11
-11
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/profil.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/profil.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -202,11 +202,11 @@
|
||||
|
||||
</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/steckbrief.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/profil.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/steckbrief.js?v=202609071615" defer></script>
|
||||
<script src="assets/js/profil.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+11
-11
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/report.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/report.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -94,11 +94,11 @@
|
||||
|
||||
</main>
|
||||
|
||||
<script src="assets/js/ki.js?v=202609071550" defer></script>
|
||||
<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/report.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/ki.js?v=202609071615" 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/report.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/scouting.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/scouting.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -127,10 +127,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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/scouting.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/scouting.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+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>
|
||||
|
||||
+11
-11
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -73,11 +73,11 @@
|
||||
|
||||
</main>
|
||||
|
||||
<script src="assets/js/ki.js?v=202609071550" defer></script>
|
||||
<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/startcheck.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/ki.js?v=202609071615" 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/startcheck.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/profil.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/profil.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -114,10 +114,10 @@
|
||||
|
||||
</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/steckbrief.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/steckbrief.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,13 +9,13 @@
|
||||
<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" />
|
||||
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
|
||||
Dialog "Creator anlegen". -->
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -137,11 +137,11 @@
|
||||
|
||||
</main>
|
||||
|
||||
<script src="assets/js/bereiche.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/bereiche.js?v=202609071615" defer></script>
|
||||
|
||||
<script src="assets/js/wahl.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/uebersicht.js?v=202609071550" defer></script>
|
||||
<script src="assets/js/wahl.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/uebersicht.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -9,11 +9,11 @@
|
||||
<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/aufgaben.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/wissen.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071550" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/wissen.css?v=202609071615" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609071615" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -178,10 +178,10 @@
|
||||
|
||||
</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/wissen.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/wissen.js?v=202609071615" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user