Uhr: Stunden rot, Minuten silber, Sekunden babyblau -- alle drei als Reihen
Wunsch Filipe: "stunden soll rot sein, minuten schwarz/silber und die sekunden babyblau. die punkte herum sollen eine mischung von rot schwarz und babyblau sein. ich will auch dass die stunden und minuten auch barren oder punkte sind und nicht so eine durchlaufende schleife." ALLE DREI BAHNEN SIND JETZT REIHEN. Die Stunde bekommt zwoelf Balken (ein Zifferblatt hat zwoelf), Minute und Sekunde sechzig. Die Glieder sind verschieden lang -- Punkt (0,01 + runde Kappe), kurzer Balken (1,7), langer Balken (5,5). Damit liest man die drei Bahnen auch dann auseinander, wenn jemand Farben schlecht unterscheidet; Farbe allein traegt eine Information nie. VIER FUNDE BEIM NACHMESSEN, keiner davon war vorher sichtbar: 1. ABRUNDEN STATT RUNDEN. `Math.round` liess Minute und Stunde ab der HAELFTE einen Balken zu frueh aufleuchten: um 14:30 zeigte der Stundenring vier statt drei Balken, der Minutenring ab Sekunde 30 einen zu viel. Die Uhr war damit die halbe Zeit ueber falsch -- und ausgerechnet zur vollen Stunde, wo man hinsieht, richtig. Nachgerechnet: 10:30 -> 11, 14:30 -> 3, 23:59 -> 12, 00:00 -> 1. 2. DIE PERLENKOEPFE TRUGEN DIE ALTE ZUORDNUNG. Die drei Boegen waren getauscht, die drei Koepfe nicht: ein roter Kopf sass auf der blauen Sekundenreihe, ein silberner auf den roten Stundenbalken. Das sah nach einem Winkelfehler aus, obwohl alle drei auf die Zehntelgrad genau standen (354 / 161,9 / 343,0 bei 23:26:59, gemessen). Wer eine Farbe tauscht, tauscht sie an ALLEN Stellen: Bogen, Kopf, Schein, Kranz. 3. DER SCHEIN LAG DREIFACH UEBEREINANDER. Jeder Ring liegt dreimal im SVG (Schatten, Hauptlage, Kante); `.uhr__stunde` traf alle drei. Das rote Leuchten lief dadurch bis ueber die Ziffern, obwohl in der Regel nur 1,8 px stehen -- genau das Verschwommene, das Filipe nicht will. Jetzt `.uhr__ring > …`: nur die Hauptlage leuchtet, Schatten und Kante bleiben hart. 4. ZWEI TOTE FARBSCHICHTEN in heim.css (Sekunde rot / Minute blau / Stunde bronze). Sie wurden vom spaeteren Satz ueberschrieben und waren unsichtbar -- aber wer die Datei von oben liest, haelt sie fuer die geltende Regel und aendert die falsche Stelle. Entfernt statt stehengelassen: EINE Stelle entscheidet ueber eine Farbe. Ausserdem: Der Kometenschweif ist raus (HTML und CSS, nicht ausgeblendet). Eine Reihe zeigt ihre Richtung durch das letzte Glied; ohne eigenes Muster haette er einen vollen Ring quer ueber die Punkte gezogen. Der Punktkranz aussen mischt jetzt Rot, Babyblau und ein sehr dunkles Blau im 18-Grad-Takt -- das Dunkel ist kein Loch, sonst zerfiele der Ring aus dem Augenwinkel in zwei Haelften. Gedaempft bleibt Pflicht: Die Sekunde laeuft dauernd und bekommt das ruhigste Babyblau, die Stunde bewegt sich kaum und darf die kraeftigste Farbe tragen. Die Auslieferungskennung ist auf allen 19 Seiten hochgesetzt, sonst kaeme keine der Aenderungen an. Geprueft: pruef-start-ansicht (alles in Ordnung), pruef-css-klassen (alles in Ordnung), Segmentzahlen und Perlenwinkel im Browser nachgemessen, Bildschirmfoto bei vierfacher Aufloesung. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
+110
-89
@@ -1090,38 +1090,52 @@
|
|||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
transition: transform .12s cubic-bezier(.34, 1.56, .64, 1);
|
transition: transform .12s cubic-bezier(.34, 1.56, .64, 1);
|
||||||
}
|
}
|
||||||
|
/* DER ABSTAND FOLGT DER BAHN, DIE FARBE FOLGT DER BAHN -- und beides
|
||||||
|
muss beim Farbtausch mitgehen. Am 08.09.2026 habe ich genau das
|
||||||
|
vergessen: Die drei BOEGEN waren getauscht (Stunde rot, Minute
|
||||||
|
silber, Sekunde babyblau), die drei KOEPFE trugen weiter die alte
|
||||||
|
Zuordnung. Im Bildschirmfoto sass dadurch ein roter Kopf auf der
|
||||||
|
blauen Sekundenreihe und ein silberner auf den roten Stundenbalken
|
||||||
|
-- es sah nach einem Rechenfehler bei den Winkeln aus, obwohl alle
|
||||||
|
drei auf die Zehntelgrad genau standen (354 / 161,9 / 343,0 bei
|
||||||
|
23:26:59, nachgemessen). Wer eine Farbe tauscht, tauscht sie an
|
||||||
|
ALLEN Stellen, die sie tragen -- Bogen, Kopf, Schein, Kranz. */
|
||||||
|
|
||||||
|
/* AUSSEN, BABYBLAU: der Kopf der Sekundenpunkte. Am groessten, weil er
|
||||||
|
der einzige ist, der sich sichtbar bewegt. */
|
||||||
.uhr__perle::before {
|
.uhr__perle::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute; top: 4.2%; left: 50%;
|
position: absolute; top: 4.2%; left: 50%;
|
||||||
width: 7px; height: 7px; margin-left: -3.5px;
|
width: 7px; height: 7px; margin-left: -3.5px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background:
|
background:
|
||||||
radial-gradient(circle at 36% 32%, #fff 0%, #ff9aa2 38%, #ff2f42 72%, #8e1b26 100%);
|
radial-gradient(circle at 36% 32%, #fff 0%, #d8efff 34%, #7ec8f2 70%, #1d5a80 100%);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 6px 1px rgba(255, 70, 90, .75),
|
0 0 6px 1px rgba(126, 200, 242, .75),
|
||||||
0 0 14px 3px rgba(255, 70, 90, .35),
|
0 0 13px 3px rgba(110, 180, 235, .3),
|
||||||
inset 0 0 0 .5px rgba(255, 255, 255, .5);
|
inset 0 0 0 .5px rgba(255, 255, 255, .55);
|
||||||
}
|
}
|
||||||
/* Die Kappen der beiden anderen Ringe. Sie sitzen auf DEREN Bahn --
|
/* MITTE, SILBER: der Kopf der Minutenbalken. Poliertes Metall, kein
|
||||||
der Abstand von der Mitte ist der einzige Unterschied, alles andere
|
Licht -- er ist der Bezug, an dem man die anderen beiden misst. */
|
||||||
erbt von der Perle. Die Farbe folgt dem Ring: Minute babyblau,
|
|
||||||
Stunde poliertes Silber. */
|
|
||||||
.uhr__perle--minute::before {
|
.uhr__perle--minute::before {
|
||||||
top: 12.6%;
|
top: 12.6%;
|
||||||
width: 6px; height: 6px; margin-left: -3px;
|
width: 6px; height: 6px; margin-left: -3px;
|
||||||
background: radial-gradient(circle at 36% 32%, #fff 0%, #cfe9ff 36%, #4aa8f0 72%, #17527f 100%);
|
background: radial-gradient(circle at 34% 30%, #ffffff 0%, #e6edf6 34%, #97a4b4 70%, #414b58 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:
|
box-shadow:
|
||||||
0 0 4px 1px rgba(220, 235, 255, .45),
|
0 0 4px 1px rgba(220, 235, 255, .45),
|
||||||
inset 0 0 0 .5px rgba(255, 255, 255, .6);
|
inset 0 0 0 .5px rgba(255, 255, 255, .6);
|
||||||
}
|
}
|
||||||
|
/* INNEN, ROT: der Kopf der Stundenbalken. Der kleinste Punkt in der
|
||||||
|
kraeftigsten Farbe -- er bewegt sich am wenigsten und darf deshalb
|
||||||
|
auffallen, ohne zu stoeren. */
|
||||||
|
.uhr__perle--stunde::before {
|
||||||
|
top: 21.4%;
|
||||||
|
width: 5.4px; height: 5.4px; margin-left: -2.7px;
|
||||||
|
background: radial-gradient(circle at 36% 32%, #fff 0%, #ffb0b6 38%, #ff4257 72%, #7e1a24 100%);
|
||||||
|
box-shadow:
|
||||||
|
0 0 5px 1px rgba(255, 80, 95, .6),
|
||||||
|
inset 0 0 0 .5px rgba(255, 255, 255, .5);
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
/* Kein Nachfedern -- der Sprung bleibt, das Schwingen geht. */
|
/* Kein Nachfedern -- der Sprung bleibt, das Schwingen geht. */
|
||||||
@@ -1238,22 +1252,23 @@
|
|||||||
endet dann nie dort, wo er soll. U = 2 * pi * r, ausgerechnet und
|
endet dann nie dort, wo er soll. U = 2 * pi * r, ausgerechnet und
|
||||||
nicht geschaetzt. */
|
nicht geschaetzt. */
|
||||||
.uhr__sekunde {
|
.uhr__sekunde {
|
||||||
stroke: url(#uhr-rot);
|
stroke: url(#uhr-sekunde-farbe);
|
||||||
stroke-width: 2.6;
|
stroke-width: 2.6;
|
||||||
stroke-dasharray: 285.88; /* r = 45.5 */
|
stroke-dasharray: 285.88; /* r = 45.5 */
|
||||||
stroke-dashoffset: 285.88;
|
stroke-dashoffset: 285.88;
|
||||||
}
|
}
|
||||||
/* MITTE: die Minute in Blau. */
|
/* MITTE: die MINUTE in Schwarzsilber -- der ruhige Bezug zwischen
|
||||||
|
den beiden farbigen Bahnen. */
|
||||||
.uhr__minute {
|
.uhr__minute {
|
||||||
stroke: url(#uhr-blau);
|
stroke: url(#uhr-minute-farbe);
|
||||||
stroke-width: 3;
|
stroke-width: 3;
|
||||||
stroke-dasharray: 241.90; /* r = 38.5 */
|
stroke-dasharray: 241.90; /* r = 38.5 */
|
||||||
stroke-dashoffset: 241.90;
|
stroke-dashoffset: 241.90;
|
||||||
}
|
}
|
||||||
/* INNEN: die STUNDE in Schwarzsilber. Am breitesten und am ruhigsten --
|
/* INNEN: die STUNDE in Rot. Am breitesten und am ruhigsten --
|
||||||
sie bewegt sich in fuenf Minuten um ein halbes Grad. */
|
sie bewegt sich in fuenf Minuten um ein halbes Grad. */
|
||||||
.uhr__stunde {
|
.uhr__stunde {
|
||||||
stroke: url(#uhr-silber);
|
stroke: url(#uhr-stunde-farbe);
|
||||||
stroke-width: 3.6;
|
stroke-width: 3.6;
|
||||||
stroke-dasharray: 197.92; /* r = 31.5 */
|
stroke-dasharray: 197.92; /* r = 31.5 */
|
||||||
stroke-dashoffset: 197.92;
|
stroke-dashoffset: 197.92;
|
||||||
@@ -1616,43 +1631,15 @@
|
|||||||
Schein liegt deshalb bei 45 bis 55 Prozent Deckkraft und wird NICHT
|
Schein liegt deshalb bei 45 bis 55 Prozent Deckkraft und wird NICHT
|
||||||
animiert -- ein pulsierendes Leuchten am Bildrand ist genau das, was
|
animiert -- ein pulsierendes Leuchten am Bildrand ist genau das, was
|
||||||
die Hausregel verbietet. */
|
die Hausregel verbietet. */
|
||||||
/* DIE SEKUNDE GLUEHT SCHWAECHER ALS DIE ANDEREN BEIDEN, und das ist
|
/* Die Strichbreiten und Scheine der drei Bahnen stehen NICHT hier,
|
||||||
Absicht: Sie ist die laengste Bahn, die hellste Farbe und die
|
sondern gesammelt am Dateiende unter "DIE DREI FARBEN, NEU VERTEILT".
|
||||||
einzige, die sich sichtbar bewegt. Mit demselben Schein wie Minute
|
Hier stand bis zum 08.09.2026 ein zweiter, vollstaendiger Satz davon
|
||||||
und Stunde zog sie im Bildschirmfoto den ganzen Blick auf sich --
|
(Sekunde rot, Minute blau, Stunde bronze). Er wurde vom spaeteren
|
||||||
ein roter Reifen, neben dem die Uhrzeit selbst zurueckstand.
|
Satz ueberschrieben und war damit unsichtbar -- aber wer die Datei
|
||||||
Nachgesehen, nicht gerechnet. */
|
von oben liest, haelt ihn fuer die geltende Regel und aendert die
|
||||||
.uhr__sekunde {
|
falsche Stelle. Genau das ist mir heute schon einmal passiert
|
||||||
stroke-width: 3;
|
(zwei Groessenregeln 3600 Zeilen auseinander). Deshalb entfernt
|
||||||
filter:
|
statt stehengelassen: EINE Stelle entscheidet ueber eine Farbe. */
|
||||||
drop-shadow(0 0 1.5px rgba(255, 118, 132, .8))
|
|
||||||
drop-shadow(0 0 6px rgba(255, 70, 90, .3));
|
|
||||||
}
|
|
||||||
.uhr__minute {
|
|
||||||
stroke-width: 3.4;
|
|
||||||
filter:
|
|
||||||
drop-shadow(0 0 2px rgba(120, 200, 255, .95))
|
|
||||||
drop-shadow(0 0 8px rgba(70, 165, 245, .48));
|
|
||||||
}
|
|
||||||
.uhr__stunde {
|
|
||||||
stroke-width: 4;
|
|
||||||
filter:
|
|
||||||
drop-shadow(0 0 2px rgba(255, 214, 160, .9))
|
|
||||||
drop-shadow(0 0 9px rgba(214, 154, 82, .45));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Die Perle am Ende jeder Bahn ist die Spitze -- dort schaut man hin.
|
|
||||||
Sie bekommt denselben Schein wie ihre Bahn, nur staerker, und einen
|
|
||||||
weissen Kern: Das ist der Unterschied zwischen einem farbigen Punkt
|
|
||||||
und einem Licht. */
|
|
||||||
.uhr__perle::before {
|
|
||||||
box-shadow:
|
|
||||||
0 0 0 1px rgba(255, 255, 255, .5),
|
|
||||||
0 0 6px 1px currentColor,
|
|
||||||
0 0 14px 2px currentColor;
|
|
||||||
}
|
|
||||||
.uhr__perle--minute::before { color: rgba(99, 184, 245, .85); }
|
|
||||||
.uhr__perle--stunde::before { color: rgba(226, 176, 108, .8); }
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
/* Kein Leuchten ohne Not: Wer weniger Bewegung will, will meist auch
|
/* Kein Leuchten ohne Not: Wer weniger Bewegung will, will meist auch
|
||||||
@@ -1696,23 +1683,6 @@
|
|||||||
dadurch exakt eine Vierteldrehung neben ihren Boegen -- im Bild oben
|
dadurch exakt eine Vierteldrehung neben ihren Boegen -- im Bild oben
|
||||||
links, waehrend die Boegen oben rechts endeten. Die Rechnung war
|
links, waehrend die Boegen oben rechts endeten. Die Rechnung war
|
||||||
richtig, die Drehung eine zu viel. */
|
richtig, die Drehung eine zu viel. */
|
||||||
.uhr__spur-bahn {
|
|
||||||
fill: none;
|
|
||||||
stroke-linecap: round;
|
|
||||||
opacity: .95;
|
|
||||||
}
|
|
||||||
.uhr__spur-bahn[data-spur="sekunde"] {
|
|
||||||
stroke: #ffd2d6; stroke-width: 3;
|
|
||||||
filter: drop-shadow(0 0 3px rgba(255, 120, 134, .85));
|
|
||||||
}
|
|
||||||
.uhr__spur-bahn[data-spur="minute"] {
|
|
||||||
stroke: #d8efff; stroke-width: 3.4;
|
|
||||||
filter: drop-shadow(0 0 3px rgba(130, 205, 255, .8));
|
|
||||||
}
|
|
||||||
.uhr__spur-bahn[data-spur="stunde"] {
|
|
||||||
stroke: #ffe9c9; stroke-width: 4;
|
|
||||||
filter: drop-shadow(0 0 3px rgba(233, 190, 130, .75));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* DIE KOEPFE GLEITEN, STATT ZU SPRINGEN.
|
/* DIE KOEPFE GLEITEN, STATT ZU SPRINGEN.
|
||||||
|
|
||||||
@@ -1882,19 +1852,7 @@
|
|||||||
letzten Punkt, und den setzt die Perle. */
|
letzten Punkt, und den setzt die Perle. */
|
||||||
|
|
||||||
/* ---- 4. Schaerfe statt Nebel ------------------------------------- */
|
/* ---- 4. Schaerfe statt Nebel ------------------------------------- */
|
||||||
.uhr__sekunde {
|
/* (Die Scheine selbst: siehe Dateiende, ein Satz fuer alle drei.) */
|
||||||
filter: drop-shadow(0 0 1.5px rgba(255, 92, 108, .9));
|
|
||||||
}
|
|
||||||
.uhr__minute {
|
|
||||||
filter: drop-shadow(0 0 1.5px rgba(120, 200, 255, .9));
|
|
||||||
}
|
|
||||||
.uhr__stunde {
|
|
||||||
filter: drop-shadow(0 0 1.5px rgba(255, 205, 145, .85));
|
|
||||||
}
|
|
||||||
.uhr__spur-bahn[data-spur="minute"],
|
|
||||||
.uhr__spur-bahn[data-spur="stunde"] {
|
|
||||||
filter: drop-shadow(0 0 1.5px rgba(255, 255, 255, .5));
|
|
||||||
}
|
|
||||||
/* Auch die Perlen: harte Kante, enger Schein. Ein Lichtpunkt ist
|
/* Auch die Perlen: harte Kante, enger Schein. Ein Lichtpunkt ist
|
||||||
scharf -- was leuchtet, hat einen Rand. */
|
scharf -- was leuchtet, hat einen Rand. */
|
||||||
.uhr__perle::before {
|
.uhr__perle::before {
|
||||||
@@ -1902,3 +1860,66 @@
|
|||||||
0 0 0 1px rgba(255, 255, 255, .75),
|
0 0 0 1px rgba(255, 255, 255, .75),
|
||||||
0 0 4px 0 currentColor;
|
0 0 4px 0 currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ===================================================================
|
||||||
|
DIE DREI FARBEN, NEU VERTEILT (08.09.2026)
|
||||||
|
|
||||||
|
Filipe: "stunden soll rot sein, minuten schwarz/silber und die
|
||||||
|
sekunden babyblau. die punkte herum sollen eine mischung von rot
|
||||||
|
schwarz und babyblau sein."
|
||||||
|
|
||||||
|
Die Zuordnung ist nicht beliebig, sie folgt der Geschwindigkeit:
|
||||||
|
Die SEKUNDE laeuft dauernd und bekommt das ruhigste Babyblau --
|
||||||
|
staendige Bewegung in Signalrot ermuedet. Die STUNDE bewegt sich
|
||||||
|
kaum und darf deshalb die kraeftigste Farbe tragen. Die MINUTE
|
||||||
|
dazwischen in Schwarzsilber: Sie ist der Bezug, an dem man die
|
||||||
|
beiden anderen misst, und Metall draengt sich nicht vor.
|
||||||
|
|
||||||
|
Die Glieder sind ausserdem verschieden LANG -- Punkt, kurzer Balken,
|
||||||
|
langer Balken. Damit liest man die drei Bahnen auch dann
|
||||||
|
auseinander, wenn jemand Farben schlecht unterscheidet. Farbe allein
|
||||||
|
traegt eine Information nie. */
|
||||||
|
/* DER SCHEIN GEHOERT AN EINE LAGE, NICHT AN DREI.
|
||||||
|
|
||||||
|
Jeder Ring liegt dreifach im SVG: Schattenlage (0,55 nach unten),
|
||||||
|
Hauptlage, Kantenlage (0,4 nach oben). `.uhr__stunde` trifft alle
|
||||||
|
drei -- der Schein wurde damit DREIMAL uebereinander gerechnet. Im
|
||||||
|
Bildschirmfoto lief das rote Leuchten deshalb bis ueber die Ziffern
|
||||||
|
und liess die ganze Uhr weich aussehen, obwohl in der Regel nur
|
||||||
|
1,8 px stehen. Genau das, was Filipe nicht will ("es soll nichts
|
||||||
|
verschwommen aussehen ... im gegenteil, richtig scharf").
|
||||||
|
|
||||||
|
Mit `>` bekommt nur die Hauptlage den Schein. Schatten und Kante
|
||||||
|
bleiben hart -- sie sind Koerper, kein Licht. Das ist derselbe
|
||||||
|
Gedanke wie im Kommentar oben ("KEIN Weichzeichner, nirgends: Die
|
||||||
|
Tiefe entsteht aus dem Versatz"), nur war er an dieser Stelle nicht
|
||||||
|
durchgehalten. */
|
||||||
|
.uhr__ring > .uhr__sekunde { filter: drop-shadow(0 0 1.4px rgba(126, 200, 242, .85)); }
|
||||||
|
.uhr__ring > .uhr__minute { filter: drop-shadow(0 0 1.2px rgba(220, 232, 246, .6)); }
|
||||||
|
.uhr__ring > .uhr__stunde { filter: drop-shadow(0 0 1.4px rgba(255, 92, 104, .8)); }
|
||||||
|
.uhr__schatten .uhr__sekunde, .uhr__schatten .uhr__minute, .uhr__schatten .uhr__stunde,
|
||||||
|
.uhr__kante .uhr__sekunde, .uhr__kante .uhr__minute, .uhr__kante .uhr__stunde { filter: none; }
|
||||||
|
|
||||||
|
/* Die Koepfe tragen die Farbe ihrer Bahn -- sonst zeigte ein blauer
|
||||||
|
Punkt auf eine rote Reihe. */
|
||||||
|
.uhr__perle::before { color: rgba(126, 200, 242, .9); }
|
||||||
|
.uhr__perle--minute::before { color: rgba(226, 236, 248, .85); }
|
||||||
|
.uhr__perle--stunde::before { color: rgba(255, 92, 104, .9); }
|
||||||
|
|
||||||
|
/* ---- Der Punktkranz: rot, schwarz, babyblau im Wechsel -----------
|
||||||
|
|
||||||
|
Drei Farben in einem `repeating-conic-gradient`: je 6 Grad ein
|
||||||
|
Punkt, dazwischen die Luecke. Die Reihenfolge Rot - Blau - Dunkel
|
||||||
|
wiederholt sich alle 18 Grad, also zwanzigmal auf dem Ring.
|
||||||
|
|
||||||
|
Das Dunkel ist kein Loch, sondern ein sehr dunkles Blau: Ein echter
|
||||||
|
Zwischenraum haette den Kranz in zwei Haelften zerfallen lassen,
|
||||||
|
sobald man ihn aus dem Augenwinkel sieht. So bleibt der Ring ein
|
||||||
|
Ring und hat trotzdem drei Toene. */
|
||||||
|
.uhr__leds {
|
||||||
|
background: repeating-conic-gradient(from -1.5deg,
|
||||||
|
rgba(255, 90, 102, .70) 0deg 3deg, transparent 3deg 6deg,
|
||||||
|
rgba(126, 200, 242, .70) 6deg 9deg, transparent 9deg 12deg,
|
||||||
|
rgba(120, 150, 185, .34) 12deg 15deg, transparent 15deg 18deg);
|
||||||
|
filter: drop-shadow(0 0 2px rgba(150, 170, 210, .4));
|
||||||
|
}
|
||||||
|
|||||||
@@ -379,24 +379,6 @@
|
|||||||
for (const welcher of ['sekunde', 'minute', 'stunde']) {
|
for (const welcher of ['sekunde', 'minute', 'stunde']) {
|
||||||
lagen[welcher] = [...document.querySelectorAll(`[data-ring="${welcher}"]`)];
|
lagen[welcher] = [...document.querySelectorAll(`[data-ring="${welcher}"]`)];
|
||||||
}
|
}
|
||||||
/* DER SCHWEIF (08.09.2026): die letzten Grad vor der Spitze, heller.
|
|
||||||
|
|
||||||
Gerechnet, nicht geschaetzt. Ein Kreis mit Umfang U, Fortschritt
|
|
||||||
a (0..1) und Schweiflaenge s soll ein Segment von (a*U - s) bis
|
|
||||||
a*U zeigen. Mit `dasharray: s, U-s` beginnt das sichtbare Stueck
|
|
||||||
bei (U - offset), also gilt
|
|
||||||
|
|
||||||
U - offset = a*U - s -> offset = U*(1-a) + s
|
|
||||||
|
|
||||||
Die Laenge wird bei kurzen Boegen mitgekuerzt: Am Anfang einer
|
|
||||||
Minute ist der Bogen selbst noch kuerzer als der Schweif, und ein
|
|
||||||
Schweif ohne Bogen darunter haenge sonst am Ende des Kreises --
|
|
||||||
sichtbar als heller Strich bei zwoelf Uhr, wo nichts sein darf. */
|
|
||||||
const SCHWEIF = { sekunde: 30, minute: 26, stunde: 22 }; // Bogenlaenge
|
|
||||||
const spuren = {};
|
|
||||||
for (const welcher of ['sekunde', 'minute', 'stunde']) {
|
|
||||||
spuren[welcher] = document.querySelector(`[data-spur="${welcher}"]`);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* DIE SEKUNDE IST EINE PUNKTREIHE (08.09.2026).
|
/* DIE SEKUNDE IST EINE PUNKTREIHE (08.09.2026).
|
||||||
|
|
||||||
@@ -415,13 +397,19 @@
|
|||||||
gebaut: n Paare aus Punkt und Luecke, dahinter eine Luecke ueber
|
gebaut: n Paare aus Punkt und Luecke, dahinter eine Luecke ueber
|
||||||
den ganzen Rest. Sechzig Zahlenpaare einmal je Sekunde sind
|
den ganzen Rest. Sechzig Zahlenpaare einmal je Sekunde sind
|
||||||
nichts -- die Alternative waeren sechzig Elemente im Dokument. */
|
nichts -- die Alternative waeren sechzig Elemente im Dokument. */
|
||||||
const SEK_PUNKTE = 60;
|
/* Wie viele Glieder hat welche Bahn, und wie lang ist eines?
|
||||||
const punktMuster = (U, n) => {
|
Die Sekunde bekommt PUNKTE (Laenge nahe null, runde Kappe), Minute
|
||||||
const schritt = U / SEK_PUNKTE;
|
und Stunde BALKEN -- je langsamer, desto laenger das Glied. So
|
||||||
|
liest man die drei auch ohne Farbe auseinander. */
|
||||||
|
const GLIEDER = { sekunde: 60, minute: 60, stunde: 12 };
|
||||||
|
const GLIED_LAENGE = { sekunde: 0.01, minute: 1.7, stunde: 5.5 };
|
||||||
|
|
||||||
|
const punktMuster = (U, n, gesamt, laenge) => {
|
||||||
|
const schritt = U / gesamt;
|
||||||
if (n <= 0) return `0 ${U}`;
|
if (n <= 0) return `0 ${U}`;
|
||||||
/* 0.01 statt 0: Manche Browser zeichnen eine Strichlaenge von
|
/* 0.01 statt 0: Manche Browser zeichnen eine Strichlaenge von
|
||||||
exakt null gar nicht, auch mit runder Kappe. */
|
exakt null gar nicht, auch mit runder Kappe. */
|
||||||
const paar = `0.01 ${(schritt - 0.01).toFixed(3)} `;
|
const paar = `${laenge} ${(schritt - laenge).toFixed(3)} `;
|
||||||
/* DIE REIHENFOLGE ENTSCHEIDET, OB DER REST EINE LUECKE IST.
|
/* DIE REIHENFOLGE ENTSCHEIDET, OB DER REST EINE LUECKE IST.
|
||||||
|
|
||||||
In `dasharray` wechseln sich Strich und Luecke ab, beginnend
|
In `dasharray` wechseln sich Strich und Luecke ab, beginnend
|
||||||
@@ -446,30 +434,39 @@
|
|||||||
const setze = (welcher, anteil) => {
|
const setze = (welcher, anteil) => {
|
||||||
const U = UMFANG[welcher];
|
const U = UMFANG[welcher];
|
||||||
|
|
||||||
if (welcher === 'sekunde') {
|
/* ALLE DREI BAHNEN SIND REIHEN (08.09.2026).
|
||||||
/* Der erste Punkt gehoert der Sekunde 0 -- deshalb n = sk + 1:
|
|
||||||
Bei 0 Sekunden leuchtet einer, bei 59 alle sechzig. Ein Ring,
|
Filipe: "ich will auch dass die stunden und minuten auch barren
|
||||||
der bei null voellig leer ist, sieht eine Sekunde lang aus wie
|
oder punkte sind und nicht so eine durchlaufende schleife."
|
||||||
ein Ladefehler. */
|
|
||||||
const n = Math.round(anteil * SEK_PUNKTE) + 1;
|
Ein durchgehender Bogen zeigt einen Stand, eine Reihe zeigt
|
||||||
const muster = punktMuster(U, Math.min(n, SEK_PUNKTE));
|
SCHRITTE -- und Zeit besteht aus Schritten. Die Stunde bekommt
|
||||||
|
zwoelf Balken (ein Zifferblatt hat zwoelf), Minute und Sekunde
|
||||||
|
sechzig. Das erste Glied gehoert dem Wert 0: Bei 0 Sekunden
|
||||||
|
leuchtet eines, bei 59 alle sechzig. Ein Ring, der bei null
|
||||||
|
voellig leer ist, sieht eine Sekunde lang aus wie ein
|
||||||
|
Ladefehler. */
|
||||||
|
const gesamt = GLIEDER[welcher];
|
||||||
|
/* ABRUNDEN, NICHT RUNDEN -- der Unterschied ist ein ganzer Balken.
|
||||||
|
|
||||||
|
`Math.round` haette bei Minute und Stunde ab der HAELFTE
|
||||||
|
aufgerundet: Um 14:30 lief der Stundenring auf 2 + 0,5 = 2,5,
|
||||||
|
gerundet 3, plus eins = VIER Balken -- obwohl erst die dritte
|
||||||
|
Stunde laeuft. Dasselbe im Minutenring ab Sekunde 30. Die Uhr
|
||||||
|
war damit die halbe Zeit ueber einen Balken zu weit, und zwar
|
||||||
|
gerade dann nicht, wenn man hinsieht (zur vollen Stunde stimmte
|
||||||
|
sie). Nachgerechnet, nicht geschaetzt: 10:30 -> 11 Balken,
|
||||||
|
14:30 -> 3, 23:59 -> 12, 00:00 -> 1.
|
||||||
|
|
||||||
|
Bei der Sekunde macht es keinen Unterschied (sk ist ganz), bei
|
||||||
|
den anderen beiden ist es der ganze Unterschied. */
|
||||||
|
const n = Math.min(Math.floor(anteil * gesamt) + 1, gesamt);
|
||||||
|
const muster = punktMuster(U, n, gesamt, GLIED_LAENGE[welcher]);
|
||||||
for (const el of lagen[welcher]) {
|
for (const el of lagen[welcher]) {
|
||||||
el.style.strokeDasharray = muster;
|
el.style.strokeDasharray = muster;
|
||||||
el.style.strokeDashoffset = '0';
|
el.style.strokeDashoffset = '0';
|
||||||
}
|
}
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const wert = String(U * (1 - anteil));
|
|
||||||
for (const el of lagen[welcher]) el.style.strokeDashoffset = wert;
|
|
||||||
|
|
||||||
const spur = spuren[welcher];
|
|
||||||
if (!spur) return;
|
|
||||||
const s = Math.min(SCHWEIF[welcher], U * anteil);
|
|
||||||
if (s <= 0.5) { spur.style.opacity = '0'; return; } /* nichts zu zeigen */
|
|
||||||
spur.style.opacity = '';
|
|
||||||
spur.style.strokeDasharray = `${s} ${U - s}`;
|
|
||||||
spur.style.strokeDashoffset = String(U * (1 - anteil) + s);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
/* Der Nullpunkt der eigenen Uhr -- siehe unten bei den Koepfen. */
|
/* Der Nullpunkt der eigenen Uhr -- siehe unten bei den Koepfen. */
|
||||||
|
|||||||
@@ -14,10 +14,10 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -217,10 +217,10 @@
|
|||||||
</form>
|
</form>
|
||||||
</dialog>
|
</dialog>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/aufgaben.js?v=202609080105" defer></script>
|
<script src="assets/js/aufgaben.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/automation.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/automation.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -140,10 +140,10 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/automation.js?v=202609080105" defer></script>
|
<script src="assets/js/automation.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+14
-14
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/bereich.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/bereich.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -149,14 +149,14 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/checkliste.js?v=202609080105" defer></script>
|
<script src="assets/js/checkliste.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/ampel.js?v=202609080105" defer></script>
|
<script src="assets/js/ampel.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/schulung.js?v=202609080105" defer></script>
|
<script src="assets/js/schulung.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/vorlagen.js?v=202609080105" defer></script>
|
<script src="assets/js/vorlagen.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereich.js?v=202609080105" defer></script>
|
<script src="assets/js/bereich.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+11
-11
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/calls.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/calls.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -82,11 +82,11 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/ki.js?v=202609080105" defer></script>
|
<script src="assets/js/ki.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/calls.js?v=202609080105" defer></script>
|
<script src="assets/js/calls.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,17 +14,17 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
|
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
|
||||||
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
|
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
|
||||||
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
|
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
|
||||||
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
|
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
|
||||||
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
|
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
|
||||||
Dialog zu sehen bekam. -->
|
Dialog zu sehen bekam. -->
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/chat.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/chat.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -160,10 +160,10 @@
|
|||||||
</form>
|
</form>
|
||||||
</dialog>
|
</dialog>
|
||||||
|
|
||||||
<script src="assets/js/bereiche.js?v=202609080105"></script>
|
<script src="assets/js/bereiche.js?v=202609082330"></script>
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105"></script>
|
<script src="assets/js/kopf.js?v=202609082330"></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105"></script>
|
<script src="assets/js/glocke.js?v=202609082330"></script>
|
||||||
<script src="assets/js/chat.js?v=202609080105"></script>
|
<script src="assets/js/chat.js?v=202609082330"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+12
-12
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/content.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/content.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -172,12 +172,12 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/checkliste.js?v=202609080105" defer></script>
|
<script src="assets/js/checkliste.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/vorlagen.js?v=202609080105" defer></script>
|
<script src="assets/js/vorlagen.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/content.js?v=202609080105" defer></script>
|
<script src="assets/js/content.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/dateien.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/dateien.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -101,10 +101,10 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/dateien.js?v=202609080105" defer></script>
|
<script src="assets/js/dateien.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="gate">
|
<body class="gate">
|
||||||
@@ -382,6 +382,6 @@
|
|||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="assets/js/gate.js?v=202609080105" defer></script>
|
<script src="assets/js/gate.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+11
-11
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/kalender.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/kalender.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -331,11 +331,11 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kalender.js?v=202609080105" defer></script>
|
<script src="assets/js/kalender.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kalender-abo.js?v=202609080105" defer></script>
|
<script src="assets/js/kalender-abo.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/leistung.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/leistung.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -217,10 +217,10 @@
|
|||||||
</form>
|
</form>
|
||||||
</dialog>
|
</dialog>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105"></script>
|
<script src="assets/js/wahl.js?v=202609082330"></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105"></script>
|
<script src="assets/js/bereiche.js?v=202609082330"></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105"></script>
|
<script src="assets/js/kopf.js?v=202609082330"></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105"></script>
|
<script src="assets/js/glocke.js?v=202609082330"></script>
|
||||||
<script src="assets/js/leistung.js?v=202609080105"></script>
|
<script src="assets/js/leistung.js?v=202609082330"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/personen.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/personen.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -305,10 +305,10 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/personen.js?v=202609080105" defer></script>
|
<script src="assets/js/personen.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+11
-11
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/profil.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/profil.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -207,11 +207,11 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/steckbrief.js?v=202609080105" defer></script>
|
<script src="assets/js/steckbrief.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/profil.js?v=202609080105" defer></script>
|
<script src="assets/js/profil.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+11
-11
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/report.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/report.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -99,11 +99,11 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/ki.js?v=202609080105" defer></script>
|
<script src="assets/js/ki.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/report.js?v=202609080105" defer></script>
|
<script src="assets/js/report.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/scouting.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/scouting.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -132,10 +132,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/scouting.js?v=202609080105" defer></script>
|
<script src="assets/js/scouting.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+67
-59
@@ -14,12 +14,12 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
|
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
|
||||||
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
|
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
|
||||||
<link rel="stylesheet" href="assets/css/heim.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/heim.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -213,22 +213,56 @@
|
|||||||
das Rot der Sekunde: Damit sind alle drei auf einen
|
das Rot der Sekunde: Damit sind alle drei auf einen
|
||||||
Blick zu trennen. Die Wechsel hell/dunkel bleiben,
|
Blick zu trennen. Die Wechsel hell/dunkel bleiben,
|
||||||
sie sind es, die Metall aus einem Strich machen. -->
|
sie sind es, die Metall aus einem Strich machen. -->
|
||||||
<linearGradient id="uhr-silber" x1="0" y1="0" x2="1" y2="1">
|
<!-- ==== DIE DREI FARBEN, NEU VERTEILT (08.09.2026) ====
|
||||||
<stop offset="0%" stop-color="#ffeacb" />
|
|
||||||
<stop offset="26%" stop-color="#a07a4e" />
|
Filipe: "stunden soll rot sein, minuten schwarz/silber
|
||||||
<stop offset="48%" stop-color="#f5dcb4" />
|
und die sekunden babyblau."
|
||||||
<stop offset="70%" stop-color="#6f5433" />
|
|
||||||
<stop offset="100%" stop-color="#e0c295" />
|
Die Kennungen heissen jetzt nach ihrer AUFGABE, nicht
|
||||||
|
nach ihrer Farbe. Vorher hiessen sie `uhr-rot`,
|
||||||
|
`uhr-blau`, `uhr-silber` -- nach dem Tausch haette
|
||||||
|
`uhr-rot` die Sekunde in Babyblau gefaerbt, und beim
|
||||||
|
naechsten Lesen sucht jemand eine halbe Stunde nach
|
||||||
|
einem Fehler, der keiner ist. Ein Name, der die Farbe
|
||||||
|
nennt, ist eine Zeitbombe; einer, der die Rolle nennt,
|
||||||
|
haelt jeden Wechsel aus.
|
||||||
|
|
||||||
|
Jeder Verlauf hat VIER Stopps mit Wechsel hell-dunkel-
|
||||||
|
hell: Erst der Wechsel liest sich als geschliffenes
|
||||||
|
Metall, weil eine gewoelbte Flaeche das Licht genau so
|
||||||
|
zurueckwirft. Ein Verlauf von Hell nach Dunkel waere
|
||||||
|
nur ein Farbverlauf. -->
|
||||||
|
|
||||||
|
<!-- STUNDE: Rot. Sie ist die langsamste Bahn und traegt
|
||||||
|
die kraeftigste Farbe -- was sich kaum bewegt, darf
|
||||||
|
auffallen, ohne zu stoeren. -->
|
||||||
|
<linearGradient id="uhr-stunde-farbe" x1="0" y1="0" x2="1" y2="1">
|
||||||
|
<stop offset="0%" stop-color="#ff9aa0" />
|
||||||
|
<stop offset="28%" stop-color="#e33f4c" />
|
||||||
|
<stop offset="52%" stop-color="#ff7d86" />
|
||||||
|
<stop offset="74%" stop-color="#a81f2c" />
|
||||||
|
<stop offset="100%" stop-color="#ff6b76" />
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="uhr-blau" x1="0" y1="1" x2="1" y2="0">
|
|
||||||
<stop offset="0%" stop-color="#2f7fd4" />
|
<!-- MINUTE: Schwarzsilber. Vier Stopps, damit es nach
|
||||||
<stop offset="50%" stop-color="#63b8f5" />
|
poliertem Stahl aussieht und nicht nach Grau. Der
|
||||||
<stop offset="100%" stop-color="#a8ddff" />
|
dunkelste Stopp bleibt ueber dem Zifferblatt, sonst
|
||||||
|
verschwindet die Bahn stellenweise ganz. -->
|
||||||
|
<linearGradient id="uhr-minute-farbe" x1="0" y1="0" x2="1" y2="1">
|
||||||
|
<stop offset="0%" stop-color="#f6faff" />
|
||||||
|
<stop offset="26%" stop-color="#7c8798" />
|
||||||
|
<stop offset="48%" stop-color="#e4ecf6" />
|
||||||
|
<stop offset="70%" stop-color="#5a6577" />
|
||||||
|
<stop offset="100%" stop-color="#cdd8e6" />
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="uhr-rot" x1="1" y1="0" x2="0" y2="1">
|
|
||||||
<stop offset="0%" stop-color="#ff8a91" />
|
<!-- SEKUNDE: Babyblau. Die schnellste Bahn bekommt die
|
||||||
<stop offset="50%" stop-color="#ff4d5c" />
|
hellste, ruhigste Farbe -- sie laeuft dauernd, und
|
||||||
<stop offset="100%" stop-color="#c22636" />
|
dauernde Bewegung in Signalrot ermuedet. -->
|
||||||
|
<linearGradient id="uhr-sekunde-farbe" x1="1" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0%" stop-color="#cfeeff" />
|
||||||
|
<stop offset="45%" stop-color="#7ec8f2" />
|
||||||
|
<stop offset="100%" stop-color="#3c96cc" />
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
|
|
||||||
@@ -286,44 +320,18 @@
|
|||||||
<circle class="uhr__minute" data-ring="minute" cx="50" cy="50" r="38.5" id="uhr-minute" />
|
<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" />
|
<circle class="uhr__stunde" data-ring="stunde" cx="50" cy="50" r="31.5" id="uhr-stunde" />
|
||||||
|
|
||||||
<!-- ==== DER KOMETENSCHWEIF (08.09.2026) ==================
|
<!-- DER KOMETENSCHWEIF IST WEG (08.09.2026).
|
||||||
|
|
||||||
Filipe: "auch die lichter von sekunden, minuten und
|
Er machte aus einem durchgehenden Bogen eine Richtung --
|
||||||
stunden perfekt anpassen, wie die läuft und aussieht
|
heller zur Spitze hin. Seit alle drei Bahnen REIHEN sind
|
||||||
soll wirklich mega perfekt sein."
|
(Wunsch Filipe: "nicht so eine durchlaufende schleife"),
|
||||||
|
hat er nichts mehr zu tun: Eine Reihe zeigt ihre Richtung
|
||||||
|
durch das letzte Glied, nicht durch einen Verlauf. Er
|
||||||
|
wuerde jetzt sogar schaden -- ohne eigenes Muster zeichnet
|
||||||
|
er einen vollen Ring quer ueber die Punkte.
|
||||||
|
|
||||||
Ein Bogen in gleichmaessiger Farbe zeigt einen STAND.
|
Entfernt statt ausgeblendet: Genau daran bin ich heute
|
||||||
Ein Bogen, der zur Spitze hin heller wird, zeigt eine
|
schon einmal haengengeblieben. -->
|
||||||
RICHTUNG -- man sieht ohne Nachdenken, wo "jetzt" ist
|
|
||||||
und wohin es laeuft. Das ist der Unterschied zwischen
|
|
||||||
einer Anzeige und einem Instrument.
|
|
||||||
|
|
||||||
Gebaut als eigenes Segment ueber dem Bogen: die letzten
|
|
||||||
rund 40 Grad vor der Spitze, heller und mit runder
|
|
||||||
Kappe. Ein Verlauf ENTLANG des Kreises geht in SVG
|
|
||||||
nicht -- linearGradient folgt einer Geraden, nicht
|
|
||||||
einer Bahn. Zwei Lagen uebereinander sind der ehrliche
|
|
||||||
Weg dorthin.
|
|
||||||
|
|
||||||
Sie liegen VOR der Oberkante, damit die helle Kante
|
|
||||||
auch auf dem Schweif sitzt und nicht darunter
|
|
||||||
verschwindet. -->
|
|
||||||
<!-- NUR ZWEI SCHWEIFE, NICHT DREI (08.09.2026).
|
|
||||||
|
|
||||||
Die Sekunde ist seit heute eine PUNKTREIHE -- eine
|
|
||||||
Reihe hat keinen Kometenschweif, sie hat einen letzten
|
|
||||||
Punkt, und den setzt die Perle. Ihr Schweif-Kreis stand
|
|
||||||
zuerst noch hier und war per CSS ausgeblendet; das hat
|
|
||||||
nicht gegriffen, und weil er ohne `dasharray` gezeichnet
|
|
||||||
wurde, lief ein durchgehender roter Ring um die ganze
|
|
||||||
Uhr -- bei fuenf Sekunden. Im Bildschirmfoto gesehen.
|
|
||||||
|
|
||||||
Ein Element, das nie sichtbar sein soll, gehoert nicht
|
|
||||||
ins Dokument. Ausblenden ist kein Entfernen. -->
|
|
||||||
<g class="uhr__spur">
|
|
||||||
<circle class="uhr__spur-bahn" data-spur="minute" cx="50" cy="50" r="38.5" />
|
|
||||||
<circle class="uhr__spur-bahn" data-spur="stunde" cx="50" cy="50" r="31.5" />
|
|
||||||
</g>
|
|
||||||
|
|
||||||
<g class="uhr__kante" transform="translate(0 -0.4)">
|
<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__sekunde" data-ring="sekunde" cx="50" cy="50" r="45.5" />
|
||||||
@@ -470,10 +478,10 @@
|
|||||||
</p>
|
</p>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/start.js?v=202609080105" defer></script>
|
<script src="assets/js/start.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+11
-11
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -78,11 +78,11 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/ki.js?v=202609080105" defer></script>
|
<script src="assets/js/ki.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/startcheck.js?v=202609080105" defer></script>
|
<script src="assets/js/startcheck.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/profil.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/profil.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -119,10 +119,10 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/steckbrief.js?v=202609080105" defer></script>
|
<script src="assets/js/steckbrief.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,13 +14,13 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
|
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
|
||||||
Dialog "Creator anlegen". -->
|
Dialog "Creator anlegen". -->
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -142,11 +142,11 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/uebersicht.js?v=202609080105" defer></script>
|
<script src="assets/js/uebersicht.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+10
-10
@@ -14,11 +14,11 @@
|
|||||||
<meta name="theme-color" content="#06090f" />
|
<meta name="theme-color" content="#06090f" />
|
||||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
<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="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/start.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/wissen.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/wissen.css?v=202609082330" />
|
||||||
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
|
<link rel="stylesheet" href="assets/css/module.css?v=202609082330" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="start">
|
<body class="start">
|
||||||
@@ -183,10 +183,10 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script src="assets/js/wahl.js?v=202609080105" defer></script>
|
<script src="assets/js/wahl.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
|
<script src="assets/js/bereiche.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/kopf.js?v=202609080105" defer></script>
|
<script src="assets/js/kopf.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/glocke.js?v=202609080105" defer></script>
|
<script src="assets/js/glocke.js?v=202609082330" defer></script>
|
||||||
<script src="assets/js/wissen.js?v=202609080105" defer></script>
|
<script src="assets/js/wissen.js?v=202609082330" defer></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user