Niemand sieht VanVan ausser DogFather -- plus vier Punkte vom Screen

--- DAS WICHTIGSTE ZUERST: die Verbergungsregel ---

Filipe, ausdruecklich und dringlich: "und noch gaaaaaanz wichtig keiner
soll vanvan sehen ausser ich, ueberall soll keiner vanvan sehen ausser
dogfather."

ES GAB DAVON NUR EINE HAELFTE. In der Personenliste wurde der zweite
Admin-Zugang fuer Spicy Media ausgeblendet (Wunsch vom 31.08.).
Ueberall sonst -- Chat, Kalender, Aufgaben, Dateien, Zentrale -- war er
sichtbar. `sichtbarePersonenIds` hat ihn sogar ausdruecklich JEDER
Rolle gezeigt, weil sie alle Admins einsammelt.

WORAN DIE BEIDEN AUSEINANDERGEHALTEN WERDEN: In der Datenbank tragen
beide die Rolle `admin`, es gibt kein unterscheidendes Feld. Der
Unterschied, den es wirklich gibt, ist das Alter -- DogFather ist der
erste Zugang. Also: der Admin mit der kleinsten Nummer ist DogFather,
alle weiteren sind verborgen. Drei Ausnahmen: DogFather sieht alle,
ein verborgener Zugang sieht sich selbst, und bei nur einem Admin gibt
es nichts zu verbergen.

WARUM AN EINER STELLE UND NICHT IN DEN ABFRAGEN: Allein
workspace-personen.js hat 23 Abfragen auf `personen`. Eine Regel, die
man 23-mal wiederholt, ist 23 Gelegenheiten, sie zu vergessen -- und
beim Vergessen faellt niemand auf die Nase, sondern jemand SIEHT etwas.
Die Regel sitzt deshalb in `verborgeneIds()` und wird ueber einen
MANTEL um die sechs Listenfunktionen gelegt: Diese haben zusammen
achtzehn Rueckgabewege; sie einzeln zu flicken waeren achtzehn
Gelegenheiten, einen zu uebersehen. Die ungefilterten Fassungen
(`...Roh`) werden nicht mehr exportiert -- niemand kann sie
versehentlich benutzen.

`null` HIESS BISHER "SIEHT ALLES". Sobald es etwas zu verbergen gibt,
gilt das nicht mehr: Die Liste wird ausgeschrieben. Das ist strenger,
nicht lockerer.

NEUE PRUEFUNG server/pruef-verborgen.mjs -- sechs Personen (darunter
ein zweiter Admin), fuenf Schnittstellen, jede Rolle einzeln. Sie hat
beim ersten Lauf sofort ein Loch gefunden, das ich sonst nicht bemerkt
haette: Die ZENTRALE holt sich das Haus selbst und ging an allen
Listenfunktionen vorbei -- Spicy Media sah VanVan dort als Segment im
Team-Ring. Und beim Korrigieren der Pruefpfade fiel ein zweites auf:
`darfEintragen` im Kalender liess die Leitung JEDEN eintragen, bevor
ueberhaupt eine Liste befragt wurde. Eine Sichtbarkeitsregel, die nur
beim Lesen gilt und nicht beim Schreiben, hat ein Loch in der Mitte.

Die Pruefung hat eine Gegenprobe: Ein Manager MUSS DogFather in
derselben Liste sehen -- sonst waere "sieht VanVan nicht" auch dann
gruen, wenn die Listen leer zurueckkaemen.

--- screen1 Punkt 1: Silber mit Babyblau ---

"ich will dass diese farbe gemischt wird mit babyblau."

#c7dcf4 statt #d8e0ec -- dieselbe Helligkeit, mit Blaurichtung.
Nachgerechnet bleibt der Abstand zur naechsten Rolle bei 0,1790, immer
noch weiter als das frueher benutzte Babyblau (0,1349). Gemischt ist es
ausserdem SICHTBAR: Die Schiene laeuft von Silber nach Babyblau, und
der Glanz traegt beide Toene. Eine Mischung, die man nur im Hexwert
findet, ist keine.

--- screen1 Punkt 2: das Wasserzeichen ---

"soll viel groesser sein und nicht so abgecuttet sondern gut zu sehen
sein."

NACHGEMESSEN war es auf der Dashboard-Kachel zu 50 Prozent
abgeschnitten, und zwar auf DREI Seiten: 36 px ueber dem oberen Rand,
44 rechts, 60 unten -- 220 px Zeichen auf einer 152 px hohen Kachel.

UND ES GAB ZUM DRITTEN MAL DIESE WOCHE EINE DOPPELREGEL: 3600 Zeilen
unter der sorgfaeltig begruendeten Fassung (156 px bei 0,14) stand eine
zweite (118 px bei 0,085) mit derselben Spezifitaet. Sie gewann, und
die Begruendung oben war wirkungslos. Am 08.09. hatte ich beim
Wasserzeichen schon einmal genau so eine Doppelung gefunden -- und
diese hier uebersehen.

Jetzt eine Fassung, und die Groesse haengt an der KACHELHOEHE: Ein um
8 Grad gedrehtes Quadrat der Seite S braucht S x 1,129 Platz, also
`min(132px, 100% - 30px)`. Nachgemessen 100 Prozent sichtbar statt 50,
bei 0,14 statt 0,085 -- die sichtbare Flaeche hat sich verdoppelt.

--- screen1 Punkt 3: die Personenliste in einer Kachel ---

Die fuenf Rollengruppen standen als fuenf lose Abschnitte frei auf dem
Hintergrundbild. Es ist aber EINE Liste mit fuenf Abschnitten. Jetzt
eine Sammelkachel aus der Modulliste, mit dunklen Fugen statt Luft --
und dunkler als die Karten darin, wie eine Vitrine.

--- screen1 Punkt 4: "Womit meldest du dich an?" ---

Der einzige Satz auf der Anmeldeseite, der eine FRAGE stellt, stand als
graue Feldbeschriftung da. Jetzt gebuerstetes Metall, ein Anschlag aus
drei Kerben in Rot und Babyblau und eine auslaufende Linie -- dieselbe
Sprache wie die Typenschilder im Workspace. Rueckfall vollwertig: Faellt
`background-clip: text` aus, steht dort heller Text.

Geprueft: pruef-verborgen (neu), pruef-rollen, pruef-start-ansicht,
pruef-css-klassen, pruef-workspace-seiten, pruef-buehne, pruef-handy,
pruef-chat, pruef-kalender -- alle in Ordnung.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-09 03:18:01 +02:00
co-authored by Claude Opus 5
parent 1ad22b55c4
commit 6676998af8
28 changed files with 738 additions and 235 deletions
+105 -6
View File
@@ -127,9 +127,25 @@
`.rolle[data-rolle="admin"]` weiter unten). Kein Blinken -- die
Anmeldeseite ist das Erste, was jemand sieht, und augenschonend
bleibt Vorgabe. */
--dogi-haupt: #d8e0ec;
/* SILBER MIT BABYBLAU GEMISCHT (09.09.2026, Wunsch Filipe: "ich
will dass diese farbe gemischt wird mit babyblau, es soll richtig
geil sein").
Das reine Silber von gestern (#d8e0ec) war kuehl, aber neutral --
es haette zu jeder Marke gepasst. Jetzt traegt es den Babyblau-
Stich von DogFather selbst: #c7dcf4 ist dieselbe Helligkeit,
nur mit einer Blaurichtung. Nachgerechnet bleibt der Abstand zur
naechsten Rolle bei 0,1790 -- immer noch deutlich weiter als das
frueher benutzte Babyblau (0,1349) und weit ueber der Grenze im
Satz (0,0973). Kontrast 13,66:1.
Gemischt ist es nicht nur im Farbwert, sondern SICHTBAR: Die
Schiene links laeuft von Silber nach Babyblau, und der Glanz auf
der Zeile traegt beide Toene. Eine Mischung, die man nur im
Hexwert findet, ist keine. */
--dogi-haupt: #c7dcf4;
--dogi-zweit: #7ec8f2;
--dogi-tief: #38485c;
--dogi-tief: #35506b;
/* MANAGER — lila, bleibt (Wunsch: "manager bleibt lila"). */
--manager-haupt: #8a76ff;
@@ -390,11 +406,78 @@ body.gate {
/* Die Frage sitzt als Kopfzeile IN der Kachel, nicht darueber --
sonst waere die Kachel eine Liste ohne Titel und der Titel ein
Satz ohne Bezug. */
/* =====================================================================
DIE FRAGE UEBER DEN ROLLEN (09.09.2026, screen1 Punkt 4)
Filipe: "dieser text soll bitte bissl geiler sein."
"Womit meldest du dich an?" ist der einzige Satz auf dieser Seite,
der eine FRAGE stellt -- alles andere ist Marke, Titel oder
Antwort. Er stand als kleine graue Grossbuchstabenzeile da, wie ein
Feldname in einem Formular.
DREI SACHEN, DIESELBE SPRACHE WIE DIE TYPENSCHILDER IM WORKSPACE:
1. GEBUERSTETES METALL statt Grau -- oben hell, in der Mitte
dunkler, unten wieder hell. Ein Verlauf von hell nach dunkel
waere eine Faerbung; erst der WECHSEL liest sich als Material.
2. EIN ANSCHLAG LINKS aus drei Kerben, in den beiden Hausfarben
(rot oben, babyblau unten) -- dieselbe Richtung wie die
Fassung der Kachel und wie der Schriftzug im Kopf.
3. EINE AUSLAUFENDE LINIE nach rechts, die die Zeile gliedert,
ohne sie zu zerschneiden.
DER RUECKFALL IST VOLLWERTIG: `color` bleibt gesetzt, den Verlauf
schaltet erst ein `@supports` dazu. Faellt `background-clip: text`
aus, steht dort heller Text -- nicht unsichtbarer. Das ist die
erste Seite, die jemand sieht; sie darf an keiner Technik haengen.
===================================================================== */
.rollen .feldschild {
position: relative;
display: flex; align-items: center; gap: 11px;
margin: 0;
padding: 12px 16px 10px;
padding: 13px 34px 11px 15px;
border-bottom: 1px solid #05070c;
box-shadow: 0 1px 0 rgba(255, 255, 255, .045);
color: #e6eef8;
letter-spacing: .1em;
}
/* Der Anschlag: drei Kerben, oben rot, unten babyblau. */
.rollen .feldschild::before {
content: "";
width: 13px; height: 13px; flex: none;
background:
repeating-linear-gradient(180deg,
currentColor 0 2px, transparent 2px 5px);
color: transparent;
background-image: repeating-linear-gradient(180deg,
#ff5f6d 0 2px, transparent 2px 5px);
-webkit-mask: linear-gradient(180deg, #000 0 45%, rgba(0, 0, 0, .55) 100%);
mask: linear-gradient(180deg, #000 0 45%, rgba(0, 0, 0, .55) 100%);
}
/* Die untere Haelfte des Anschlags in Babyblau -- zwei Ebenen, damit
die Kerben oben rot und unten blau sind, ohne ein zweites Element. */
.rollen .feldschild::before {
background-image:
linear-gradient(180deg, transparent 0 46%, rgba(143, 216, 255, .95) 46%),
repeating-linear-gradient(180deg, #ff5f6d 0 2px, transparent 2px 5px);
background-blend-mode: multiply, normal;
}
.rollen .feldschild::after {
content: "";
position: absolute; right: 12px; top: 50%;
width: 16px; height: 1px;
transform: translateY(-.5px);
background: linear-gradient(90deg, rgba(143, 216, 255, .55), transparent);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.rollen .feldschild {
background: linear-gradient(178deg,
#ffffff 0%, #dfeaf6 32%, #93a8bf 60%, #d7e6f5 86%, #ffffff 100%) text;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
}
.rolle {
@@ -2436,16 +2519,32 @@ body.gate {
.rolle[data-rolle="admin"] {
position: relative;
}
/* DIE SCHIENE LAEUFT VON SILBER NACH BABYBLAU (09.09.2026).
Die Rollenschiene links wird sonst aus einer einzigen Farbe gebaut
(`--rf`/`--rton`). Fuer DogFather ist das jetzt zu wenig: Seine
Farbe IST eine Mischung, und die sieht man nur, wenn beide Toene
nebeneinander liegen. Oben Silber, unten Babyblau -- dieselbe
Richtung wie das Licht auf der Kachel. */
.tafel .rolle[data-rolle="admin"]::before,
.rolle[data-rolle="admin"]::before {
background: linear-gradient(180deg,
#eef4fb 0%, var(--dogi-haupt) 42%, var(--dogi-zweit) 100%) !important;
}
.rolle[data-rolle="admin"]::after {
content: "";
position: absolute; inset: 0;
pointer-events: none;
background:
/* Das Spitzlicht -- schmal, schraeg, und weit vor der Mitte. */
/* Das Spitzlicht -- schmal, schraeg, und weit vor der Mitte.
Es traegt jetzt beide Toene: weiss am Kamm, babyblau im
Auslauf. So liest man die Mischung auch dort, wo keine Schiene
ist. */
linear-gradient(104deg,
transparent 8%,
rgba(255, 255, 255, .11) 17%,
rgba(255, 255, 255, .03) 24%,
rgba(255, 255, 255, .12) 16%,
rgba(160, 210, 245, .07) 22%,
transparent 32%),
/* Drei Lichtpunkte, unregelmaessig gesetzt. Regelmaessig waeren sie
ein Muster; unregelmaessig sind sie Zufall auf einer Oberflaeche. */
+7 -7
View File
@@ -109,7 +109,7 @@
}
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe) {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
position: relative;
clip-path: polygon(var(--fase) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase));
border-radius: 0;
@@ -137,7 +137,7 @@
was übrig bleibt, ist eine Linie, die exakt der Form folgt, Schräge
inklusive. Ein `border` könnte das nicht: Er folgt dem Rechteck. */
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::before {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::before {
content: "";
position: absolute; inset: 0;
pointer-events: none;
@@ -160,7 +160,7 @@
/* RASTER UND ECKWINKEL. Beides auf ::after -- ein drittes Element gibt
es nicht, und beides ist reine Optik ohne Klicks. */
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::after {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::after {
content: "";
position: absolute; inset: 0;
pointer-events: none;
@@ -244,7 +244,7 @@
/* Dieselbe Form, kleiner -- keine zweite Gestaltung. */
:root { --fase: 12px; }
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe) {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .7));
}
}
@@ -258,15 +258,15 @@
/* Im Kontrastmodus zählt die Kante, und die muss ein echter `border`
sein. Die Schräge bleibt: Sie ist Geometrie, keine Farbe. */
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe) {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
filter: none; border: 1px solid CanvasText;
}
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::after {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::after {
display: none;
}
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::before {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::before {
display: none;
}
}
+54
View File
@@ -408,3 +408,57 @@ body[data-nur-lesen="ja"] .person__knoepfe,
body[data-nur-lesen="ja"] .person__code,
body[data-nur-lesen="ja"] .zuteilung,
body[data-nur-lesen="ja"] select { display: none; }
/* =====================================================================
DIE PERSONENLISTE IST EINE KACHEL (screen1 Punkt 3, 09.09.2026)
Filipe: "das soll alles in einer großen kachel sein."
Die fünf Rollengruppen (Spicy Media, DogFather, Manager, Scout,
Creator) standen als fünf lose Abschnitte frei auf dem
Hintergrundbild. Es ist aber EINE Liste mit fünf Abschnitten --
dieselbe Überlegung wie bei den Rollen auf der Anmeldeseite und den
Anlässen im Kalender.
DIE FORM KOMMT AUS DER MODULLISTE (module.css), die FLÄCHE steht
hier. Das ist die Aufteilung, die ich in dieser Woche dreimal falsch
herum hatte: Die Liste gibt Fase, Kantenlicht und Eckwinkel; den
Hintergrund bringt jedes Bauteil selbst mit. Ohne ihn wäre die
Kachel eine Fassung ohne Füllung, also ein Loch.
DIE FUGE MACHT DIE KACHEL: Ein Spalt, durch den der Untergrund
scheint, TRENNT die Abschnitte; eine dunkle Fuge VERBINDET sie, weil
sie zum selben Körper gehört.
DUNKLER ALS DIE KARTEN DARIN -- genau wie bei der Anlasskachel im
Kalender. Eine Vitrine ist dunkler als das, was darin steht; sonst
sieht man die Vitrine statt des Inhalts.
===================================================================== */
.liste-kachel {
padding: 4px 0 0;
margin-bottom: 24px;
background:
var(--raster),
linear-gradient(178deg, rgba(9, 13, 20, .96), rgba(4, 7, 12, .98));
}
/* Die Abschnitte werden Felder in einem Körper: keine eigenen Ränder,
keine Luft dazwischen, sondern eine Fuge. */
.liste-kachel > .gruppe {
margin: 0;
padding: 0 16px 14px;
border-bottom: 1px solid #05070c;
box-shadow: 0 1px 0 rgba(255, 255, 255, .035);
}
.liste-kachel > .gruppe:last-child { border-bottom: 0; box-shadow: none; }
/* Der Kopf jeder Gruppe füllt die Breite der Kachel -- so ist die
ganze Zeile das Ziel, nicht nur der Text. */
.liste-kachel > .gruppe > .gruppe__kopf {
width: calc(100% + 32px);
margin-left: -16px;
padding: 13px 16px 11px;
}
/* Ein Abschnitt, der offen ist, hebt sich leicht ab -- so sieht man,
welcher gerade Platz einnimmt, ohne eine zweite Farbe. */
.liste-kachel > .gruppe:has(> .gruppe__kopf[aria-expanded="true"]) {
background: linear-gradient(180deg, rgba(255, 255, 255, .028), transparent 60%);
}
+45 -13
View File
@@ -969,8 +969,32 @@ body.start > main { position: relative; z-index: 1; }
es nicht liest, sondern nur spürt -- eine Kachel soll ihren Namen
tragen, nicht ihr Zeichen. */
.kachel__wasserzeichen {
position: absolute; right: -14px; bottom: -26px;
width: 156px; height: 156px;
/* GROESSE AUS DER KACHEL, NICHT AUS EINER ZAHL (09.09.2026).
Filipe: "dieses symbol in der kacheln von Dashboard soll viel
groesser sein und nicht so abgecuttet sondern gut zu sehen sein."
Nachgemessen war es auf der Dashboard-Kachel zu 50 Prozent
abgeschnitten -- und zwar auf DREI Seiten: 36 px ueber dem oberen
Rand, 44 px rechts, 60 px unten. Der Grund: 220 px Zeichen auf
einer 152 px hohen Kachel. Was die Kachel nicht fassen kann,
schneidet sie ab, und ein Zeichen, das oben abgeschnitten ist,
sieht nach einem Fehler aus.
Jetzt haengt die Groesse an der KACHELHOEHE und ist so bemessen,
dass sie samt Drehung vollstaendig hineinpasst: Ein um 8 Grad
gedrehtes Quadrat der Seite S braucht S x 1,129 Platz. Bei
`min(118px, 100% - 34px)` bleibt auf jeder Kachelhoehe Rand
uebrig.
SICHTBAR GROESSER WIRD ES TROTZDEM: vorher 133 px, davon 63
Prozent im Bild (rund 11 200 Bildpunkte) -- jetzt die volle
Flaeche bei 0,14 statt 0,085 Deckkraft. Mehr Flaeche UND mehr
Farbe, ohne dass etwas abgeschnitten ist. */
position: absolute; right: 11px; bottom: 9px;
width: min(118px, calc(100% - 34px));
height: min(118px, calc(100% - 34px));
aspect-ratio: 1;
pointer-events: none; z-index: 0;
/* .07 WAR EIN WERT AUS DER ZEIT, ALS DAS ZEICHEN GRAU WAR
(07.09.2026). Ein graues Zeichen bei sieben Prozent auf dunklem
@@ -1036,8 +1060,12 @@ body.start > main { position: relative; z-index: 1; }
220 px auf 152 px Kachelhoehe: knapp anderthalbmal so hoch wie die
Kachel, unten und rechts angeschnitten, aber mit dem Grossteil im
Bild. Gegen die 158 px vorher ist das rund 40 % mehr Flaeche. */
width: 220px; height: 220px;
right: -30px; bottom: -46px;
/* Auf der grossen Kachel darf es groesser sein -- aber ebenfalls
GANZ im Bild. 220 px auf 152 px Hoehe waren zu 50 Prozent
abgeschnitten; die Kachel ist breiter, nicht hoeher. */
width: min(132px, calc(100% - 30px));
height: min(132px, calc(100% - 30px));
right: 13px; bottom: 10px;
/* DIE DECKKRAFT BLEIBT BEI .14 wie bei den kleinen Kacheln.
Ich hatte sie auf .17 gehoben ("auf grosser Flaeche wirkt dieselbe
@@ -4832,15 +4860,19 @@ body[data-fremde-sicht="ja"]::after {
/* Das Wasserzeichen füllt die untere Hälfte -- es ist bei sechs Karten
nebeneinander das, was jede von ihnen unterscheidbar macht. */
.kachel__wasserzeichen {
right: -20px; bottom: -20px;
width: 118px; height: 118px;
opacity: .085;
}
.kachel:hover .kachel__wasserzeichen {
opacity: .15;
transform: rotate(-8deg) translate(-3px, -3px) scale(1.05);
}
/* HIER STAND EINE ZWEITE FASSUNG DES WASSERZEICHENS (entfernt am
09.09.2026, screen1 Punkt 2).
Sie setzte 118 px bei 0,085 Deckkraft -- rund 3600 Zeilen NACH der
sorgfaeltig begruendeten Fassung weiter oben (156 px bei 0,14) und
mit derselben Spezifitaet. Also gewann sie, und die ganze
Begruendung dort oben war wirkungslos. Nachgemessen kam am Ende ein
133 px grosses Zeichen bei 8,5 Prozent heraus, von dem 63 Prozent
sichtbar waren.
Genau dieselbe Sorte Fehler wie beim Wasserzeichen am 08.09. (zwei
Groessenangaben 3600 Zeilen auseinander) -- ich habe damals nur die
eine gefunden. Jetzt gibt es EINE Fassung, und die steht oben. */
/* ---------- Die große Kachel ----------------------------------------- */
/* Sie behält das Querformat von früher. Dadurch hebt sie sich WIRKLICH
+9 -9
View File
@@ -14,10 +14,10 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -217,10 +217,10 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/aufgaben.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/aufgaben.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -140,10 +140,10 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/automation.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/automation.js?v=202609090318" defer></script>
</body>
</html>
+14 -14
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -149,14 +149,14 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/checkliste.js?v=202609090258" defer></script>
<script src="assets/js/ampel.js?v=202609090258" defer></script>
<script src="assets/js/schulung.js?v=202609090258" defer></script>
<script src="assets/js/vorlagen.js?v=202609090258" defer></script>
<script src="assets/js/bereich.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/checkliste.js?v=202609090318" defer></script>
<script src="assets/js/ampel.js?v=202609090318" defer></script>
<script src="assets/js/schulung.js?v=202609090318" defer></script>
<script src="assets/js/vorlagen.js?v=202609090318" defer></script>
<script src="assets/js/bereich.js?v=202609090318" defer></script>
</body>
</html>
+11 -11
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -82,11 +82,11 @@
</main>
<script src="assets/js/ki.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/calls.js?v=202609090258" defer></script>
<script src="assets/js/ki.js?v=202609090318" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/calls.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,17 +14,17 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<!-- 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=202609090258" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -199,10 +199,10 @@
</form>
</dialog>
<script src="assets/js/bereiche.js?v=202609090258"></script>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258"></script>
<script src="assets/js/glocke.js?v=202609090258"></script>
<script src="assets/js/chat.js?v=202609090258"></script>
<script src="assets/js/bereiche.js?v=202609090318"></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318"></script>
<script src="assets/js/glocke.js?v=202609090318"></script>
<script src="assets/js/chat.js?v=202609090318"></script>
</body>
</html>
+12 -12
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/content.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/content.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -172,12 +172,12 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/checkliste.js?v=202609090258" defer></script>
<script src="assets/js/vorlagen.js?v=202609090258" defer></script>
<script src="assets/js/content.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/checkliste.js?v=202609090318" defer></script>
<script src="assets/js/vorlagen.js?v=202609090318" defer></script>
<script src="assets/js/content.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -101,10 +101,10 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/dateien.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/dateien.js?v=202609090318" defer></script>
</body>
</html>
+2 -2
View File
@@ -32,7 +32,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=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
</head>
<body class="gate">
@@ -401,6 +401,6 @@
</main>
</div>
<script src="assets/js/gate.js?v=202609090258" defer></script>
<script src="assets/js/gate.js?v=202609090318" defer></script>
</body>
</html>
+11 -11
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -340,11 +340,11 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/kalender.js?v=202609090258" defer></script>
<script src="assets/js/kalender-abo.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/kalender.js?v=202609090318" defer></script>
<script src="assets/js/kalender-abo.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -217,10 +217,10 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609090258"></script>
<script src="assets/js/bereiche.js?v=202609090258"></script>
<script src="assets/js/kopf.js?v=202609090258"></script>
<script src="assets/js/glocke.js?v=202609090258"></script>
<script src="assets/js/leistung.js?v=202609090258"></script>
<script src="assets/js/wahl.js?v=202609090318"></script>
<script src="assets/js/bereiche.js?v=202609090318"></script>
<script src="assets/js/kopf.js?v=202609090318"></script>
<script src="assets/js/glocke.js?v=202609090318"></script>
<script src="assets/js/leistung.js?v=202609090318"></script>
</body>
</html>
+22 -11
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -304,7 +304,18 @@
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<div id="liste" aria-busy="true"><p class="leise">Personen werden geladen …</p></div>
<!-- ALLES IN EINER KACHEL (09.09.2026, screen1 Punkt 3).
Filipe: "das soll alles in einer grossen kachel sein."
Die fuenf Rollengruppen standen als fuenf lose Abschnitte frei
auf dem Hintergrundbild -- dasselbe Bild wie bei den Rollen auf
der Anmeldeseite und den Anlaessen im Kalender. Es ist aber EINE
Liste mit fuenf Abschnitten, keine fuenf Listen. `liste-kachel`
traegt die Kachelsprache des Hauses aus der Modulliste; die
Abschnitte darin werden durch dunkle Fugen getrennt statt durch
Luft. -->
<div id="liste" class="liste-kachel" aria-busy="true"><p class="leise">Personen werden geladen …</p></div>
<!-- Das Protokoll ist Nachschlagewerk, nicht Startbild: Standardmäßig
stehen nur die letzten vier Zeilen da, alles Weitere auf Knopfdruck. -->
@@ -324,10 +335,10 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/personen.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/personen.js?v=202609090318" defer></script>
</body>
</html>
+11 -11
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -207,11 +207,11 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/steckbrief.js?v=202609090258" defer></script>
<script src="assets/js/profil.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/steckbrief.js?v=202609090318" defer></script>
<script src="assets/js/profil.js?v=202609090318" defer></script>
</body>
</html>
+11 -11
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/report.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/report.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -99,11 +99,11 @@
</main>
<script src="assets/js/ki.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/report.js?v=202609090258" defer></script>
<script src="assets/js/ki.js?v=202609090318" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/report.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -132,10 +132,10 @@
</div>
</div>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/scouting.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/scouting.js?v=202609090318" defer></script>
</body>
</html>
+9 -9
View File
@@ -14,12 +14,12 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<!-- 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=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/heim.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -591,10 +591,10 @@
</p>
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/start.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/start.js?v=202609090318" defer></script>
</body>
</html>
+11 -11
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -78,11 +78,11 @@
</main>
<script src="assets/js/ki.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/startcheck.js?v=202609090258" defer></script>
<script src="assets/js/ki.js?v=202609090318" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/startcheck.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -119,10 +119,10 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/steckbrief.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/steckbrief.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,13 +14,13 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
Dialog "Creator anlegen". -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -142,11 +142,11 @@
</main>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/uebersicht.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/uebersicht.js?v=202609090318" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090258" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609090318" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090318" />
</head>
<body class="start">
@@ -183,10 +183,10 @@
</main>
<script src="assets/js/wahl.js?v=202609090258" defer></script>
<script src="assets/js/bereiche.js?v=202609090258" defer></script>
<script src="assets/js/kopf.js?v=202609090258" defer></script>
<script src="assets/js/glocke.js?v=202609090258" defer></script>
<script src="assets/js/wissen.js?v=202609090258" defer></script>
<script src="assets/js/wahl.js?v=202609090318" defer></script>
<script src="assets/js/bereiche.js?v=202609090318" defer></script>
<script src="assets/js/kopf.js?v=202609090318" defer></script>
<script src="assets/js/glocke.js?v=202609090318" defer></script>
<script src="assets/js/wissen.js?v=202609090318" defer></script>
</body>
</html>