diff --git a/server/pruef-team-ampel.mjs b/server/pruef-team-ampel.mjs
index e25f247d..9a7cc017 100644
--- a/server/pruef-team-ampel.mjs
+++ b/server/pruef-team-ampel.mjs
@@ -25,7 +25,7 @@
falsch, und niemand haette einen Anhaltspunkt: Sie zeigt ja nur eine
Farbe.
===================================================================== */
-import { mkdtempSync, rmSync } from "node:fs";
+import { mkdtempSync, rmSync, readFileSync } from "node:fs";
import { tmpdir } from "node:os";
import { join } from "node:path";
@@ -253,6 +253,39 @@ const zurueck = ((await (await holeLage(keksDogi)).json()).modis || []).find((m)
ok(zurueck?.verfuegbar?.[0]?.ampel === "frei",
`und zurueckgenommen wieder "frei" (${zurueck?.verfuegbar?.[0]?.ampel})`);
+/* =======================================================================
+ DIE UEBERSCHRIFT MUSS ZU DEM PASSEN, WAS DARUNTER STEHT (11.09.2026)
+
+ Diese Datei hat von Anfang an geprueft, dass SIEBEN Tage kommen und
+ der erste heute ist. Was sie nie angesehen hat: was ueber den sieben
+ Kaestchen steht. Dort stand "Kann heute" -- im Singular, ueber einer
+ ganzen Woche.
+
+ Wer nur die Ueberschrift liest (und das tut man bei einer Zeile in
+ Versalien), haelt den ganzen Streifen fuer den heutigen Tag und liest
+ sechs Kaestchen falsch. Der Satz DARUNTER war immer richtig; zwei
+ Aussagen ueber demselben Bild, und die auffaelligere war die falsche.
+
+ Eine Pruefung ueber die Schnittstelle allein konnte das nicht finden
+ -- die Zahl stimmte ja. Deshalb hier eine Pruefung auf den TEXT, an
+ derselben Stelle wie die Zahl, damit beide zusammen gelesen werden.
+ ======================================================================= */
+console.log("");
+console.log("--- Was steht ueber den sieben Tagen? ---");
+{
+ const quelle = readFileSync(new URL("../workspace/assets/js/teamlage.js", import.meta.url), "utf8");
+ const schild = /tampel__schild',\s*'([^']*)'/.exec(quelle)?.[1] || "";
+ ok(!!schild, `die Ueberschrift steht im Skript ("${schild}")`);
+ ok(!/heute/i.test(schild),
+ `und sie spricht nicht von EINEM Tag ("${schild}")`);
+ ok(/sieben|woche|7/i.test(schild),
+ "sondern von dem Zeitraum, den sie zeigt");
+
+ /* GEGENPROBE: Findet die Suche das Wort ueberhaupt? Sonst waere die
+ Zeile darueber gruen, weil sie nie etwas liest. */
+ ok(/heute/i.test("Kann heute"), "und die Suche wuerde 'heute' erkennen");
+}
+
/* ---------- Ende ------------------------------------------------------ */
d.close();
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* Windows haelt manchmal */ }
diff --git a/server/workspace.js b/server/workspace.js
index 01128523..c9eabded 100644
--- a/server/workspace.js
+++ b/server/workspace.js
@@ -527,7 +527,19 @@ const MODI_BEREICHE = [
wirklich zu laden. Eine Syntaxpruefung ist keine Ladeprobe. */
const EINGANG_KACHEL = {
gruppe: "Täglich", gruppeUnter: "Was du sowieso jeden Tag aufmachst",
- name: "Eingang", unter: "Vorschläge und Angebote, die auf dich warten",
+ /* DER NAME, DRITTE FASSUNG (11.09.2026, Filipe: "ich will dass du den
+ namen aenderst von dieser kacheln").
+
+ Zuerst hiess sie "Team-Lage" -- das klang nach Bericht ueber
+ Menschen. Dann "Eingang" -- das beschrieb nur die eine Haelfte
+ (die Rueckmeldungen und Angebote, die hereinkommen) und liess die
+ andere weg, die den groesseren Teil der Seite ausmacht: WER da
+ ist, wer heute kann, wer was offen hat.
+
+ "Dein Team" sagt beides und stellt niemanden ueber jemanden -- es
+ ist die Seite, auf der man sein Team ansieht, nicht die, auf der
+ man es beurteilt. Die Unterzeile nennt jetzt beide Haelften. */
+ name: "Dein Team", unter: "Wer da ist, wer was offen hat – und was auf dich wartet",
zeichen: "teamlage", ton: 24, ziel: "teamlage.html", szene: "halle",
};
diff --git a/workspace/app.webmanifest b/workspace/app.webmanifest
index cf7c18ff..6e9d755c 100644
--- a/workspace/app.webmanifest
+++ b/workspace/app.webmanifest
@@ -13,25 +13,25 @@
"theme_color": "#06090f",
"icons": [
{
- "src": "/assets/img/app-symbole/workspace-192.png?v=202609110010",
+ "src": "/assets/img/app-symbole/workspace-192.png?v=202609110022",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
- "src": "/assets/img/app-symbole/workspace-512.png?v=202609110010",
+ "src": "/assets/img/app-symbole/workspace-512.png?v=202609110022",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
- "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609110010",
+ "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609110022",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
- "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609110010",
+ "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609110022",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
diff --git a/workspace/assets/css/team.css b/workspace/assets/css/team.css
index 83fa5599..e0a68c50 100644
--- a/workspace/assets/css/team.css
+++ b/workspace/assets/css/team.css
@@ -635,3 +635,131 @@
.tampel__satz {
font-size: .76rem; color: var(--text-still); line-height: 1.5;
}
+
+/* =====================================================================
+ „DEIN TEAM" — DIE KARTEN UND DIE SEITE (11.09.2026)
+
+ Filipe, mit drei Bildschirmfotos: die Kachel umbenennen, "diese zwei
+ kacheln noch mehr perfektionieren", "veränder den hintergrund von
+ diesen kacheln komplett", "perfektionnier diese seite einfach
+ komplett".
+
+ Was hier steht, ist NICHT nur Geschmack. Drei der Änderungen sind
+ Fehler, die erst das Nachmessen am fertigen Bildschirm gezeigt hat --
+ sie stehen bei ihrer Regel, jede mit ihrer Zahl.
+ ===================================================================== */
+
+/* ---- Die vier Zahlen: 2 × 2 statt 3 + 1 ------------------------------
+
+ GEMESSEN: Die Karte ist innen 536 px breit, die Regel verlangte je
+ Spalte mindestens 130 px. Vier Spalten bräuchten 4 × 130 + 3 × 8 =
+ 544 px. Acht Pixel zu wenig -- also drei Spalten, und die vierte Zahl
+ rutschte allein in eine zweite Reihe. Genau so steht sie in Filipes
+ Bildschirmfoto.
+
+ DIE LEHRE IST NICHT „130 auf 122 senken". Das wäre dieselbe Rechnung
+ mit einer anderen Zahl, und beim nächsten Umbau stünde sie wieder
+ knapp daneben. Vier Dinge sehen nur in 1 × 4, 2 × 2 oder 4 × 1
+ richtig aus; 3 + 1 ist die eine Anordnung, die IMMER falsch wirkt --
+ und eine `auto-fit`-Regel kann jederzeit dort landen. Zwei Spalten
+ können es nicht. */
+.tperson__zahlen {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+/* ---- Der Grund der Karte --------------------------------------------
+
+ Vorher: ein flacher Verlauf mit einem Hauch Rollenfarbe oben links.
+ Auf der Team-Seite stehen zwei dieser Karten nebeneinander, jede
+ fast bildschirmhoch -- das ist die größte Fläche der Seite, und sie
+ war die ruhigste.
+
+ Jetzt vier Lagen, von unten nach oben gelesen:
+ 1. die tiefe Grundfarbe (bleibt, sie trägt die Lesbarkeit),
+ 2. ein Lichtschein aus der oberen linken Ecke im Ton der Person,
+ 3. ein zweiter, kühler aus der unteren rechten -- die beiden
+ ergeben die Diagonale, die das ganze Haus führt,
+ 4. das feine Raster darüber.
+
+ AUGENSCHONEND BLEIBT PFLICHT: Keine Lage geht über 14 % Deckkraft,
+ und die hellste Stelle liegt in einer ECKE, nicht hinter dem Text.
+ Ein Schein hinter einer Zahl macht sie schwerer lesbar, egal wie
+ schön er ist. */
+.tperson {
+ background:
+ /* 1. Kantenlicht an der Oberkante -- die Karte bekommt eine Kante,
+ die das Licht faengt, statt an einer Linie aufzuhoeren. */
+ linear-gradient(180deg, rgba(255, 255, 255, .055), transparent 11%),
+ /* 2. das feine Raster */
+ var(--raster),
+ /* 3. ein schmaler Lichtstreifen quer ueber die Karte -- er gibt der
+ Flaeche eine Richtung, ohne irgendwo hell genug zu werden, um
+ Text zu stoeren (3 %). */
+ linear-gradient(115deg, transparent 26%, rgba(255, 255, 255, .032) 45%, transparent 60%),
+ /* 4. der Schein aus der oberen linken Ecke.
+
+ HIER STAND ZUERST `var(--r)` -- die Farbe der STUFE. Das war
+ logisch und unsichtbar: Bei "Probe" ist sie ein gedaempftes
+ Grau, und ein Grauschein auf fast Schwarz ist kein Schein.
+ Gemessen am Bildschirmfoto sah die Karte nach der Aenderung
+ genauso aus wie davor. Jetzt tragen die beiden Ecken die
+ Hausfarben -- Lila oben links, Babyblau unten rechts --, und
+ die Stufe bleibt dort, wo sie hingehoert: im Kantenlicht und
+ am Namensschild. */
+ radial-gradient(135% 105% at 0% 0%,
+ color-mix(in srgb, var(--violett) 26%, transparent), transparent 58%),
+ /* 5. der Gegenschein unten rechts */
+ radial-gradient(125% 95% at 100% 100%,
+ color-mix(in srgb, var(--akzent) 18%, transparent), transparent 60%),
+ /* 6. die tiefe Grundfarbe, leicht schraeg statt senkrecht */
+ linear-gradient(160deg, rgba(14, 18, 30, .955), rgba(6, 9, 16, .985));
+ transition: box-shadow var(--tempo), transform var(--tempo);
+}
+/* Beim Überfahren hebt sie sich einen Hauch -- so viel, dass man merkt,
+ welche Karte man gerade liest, und so wenig, dass die Seite nicht
+ zappelt. Zwei Pixel, kein Schatten-Feuerwerk. */
+@media (hover: hover) and (prefers-reduced-motion: no-preference) {
+ .tperson:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 18px 40px -26px rgba(0, 0, 0, .9);
+ }
+}
+
+/* ---- Die Woche ------------------------------------------------------- */
+/* HEUTE IST MARKIERT. Sieben gleich aussehende Kästchen zwingen dazu,
+ den Wochentag im Kopf auszurechnen, um zu wissen, wo man steht. */
+.tampel__tag[data-heute="ja"] {
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--akzent) 55%, transparent);
+ font-weight: 800;
+}
+/* Ein freier Tag war GAR NICHT gefüllt -- sieben leere Rahmen sehen aus
+ wie „noch nicht geladen". Jetzt eine Andeutung: sichtbar als Fläche,
+ leise genug, dass belegte Tage weiterhin herausstechen. */
+.tampel__tag--frei {
+ background: rgba(255, 255, 255, .025);
+}
+
+/* ---- Der Weg in den Chat --------------------------------------------- */
+.tschreiben {
+ display: block; margin: 2px 0 14px;
+ padding: 10px 14px;
+ border: 1px solid color-mix(in srgb, var(--r) 34%, transparent);
+ border-radius: var(--radius-klein);
+ background: color-mix(in srgb, var(--r) 9%, transparent);
+ color: var(--text); text-decoration: none; text-align: center;
+ font-size: .88rem; font-weight: 600;
+ transition: background var(--tempo), border-color var(--tempo);
+}
+.tschreiben:hover {
+ background: color-mix(in srgb, var(--r) 16%, transparent);
+ border-color: color-mix(in srgb, var(--r) 52%, transparent);
+}
+.tschreiben:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
+
+/* ---- Der Kopf der Seite ---------------------------------------------
+ Der Erklärkasten war auf 44 Zeichen begrenzt und stand dadurch auf
+ einem breiten Bildschirm als schmale Säule neben viel Bild -- sechs
+ Zeilen mit je vier Wörtern. Lesbar ist er zwischen 45 und 75
+ Zeichen; die Grenze steht jetzt am oberen Ende dieses Bereichs und
+ nicht darunter. */
+.t-kopf__grenze { max-width: 68ch; }
diff --git a/workspace/assets/js/teamlage.js b/workspace/assets/js/teamlage.js
index 878345a3..82930991 100644
--- a/workspace/assets/js/teamlage.js
+++ b/workspace/assets/js/teamlage.js
@@ -167,19 +167,37 @@
noch einmal. */
if (Array.isArray(m.verfuegbar) && m.verfuegbar.length) {
const woche = el('div', 'tampel');
- woche.append(el('span', 'tampel__schild', 'Kann heute'));
+ /* DIE ÜBERSCHRIFT SAGTE „Kann heute" ÜBER SIEBEN TAGEN
+ (11.09.2026).
+
+ Darunter stand eine ganze Woche. Wer nur die Überschrift liest
+ -- und das tut man bei einer Zeile in Versalien --, hält den
+ ganzen Streifen für den heutigen Tag und liest sechs Kästchen
+ falsch. Der Satz DARUNTER war immer richtig; er spricht
+ ausdrücklich von heute. Zwei Aussagen über demselben Bild, und
+ die auffälligere war die falsche.
+
+ Gefunden nicht beim Lesen des Codes, sondern beim Nachmessen
+ am fertigen Bildschirm: sieben Kästchen, eine Überschrift im
+ Singular. */
+ woche.append(el('span', 'tampel__schild', 'Die nächsten sieben Tage'));
const streifen = el('div', 'tampel__woche');
- for (const t of m.verfuegbar) {
+ m.verfuegbar.forEach((t, i) => {
const d = new Date(`${t.tag}T12:00:00Z`);
const tag = el('span', `tampel__tag tampel__tag--${t.ampel}`,
['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'][d.getUTCDay()]);
+ /* HEUTE WIRD MARKIERT. Ohne das sind es sieben gleich aussehende
+ Kästchen, und man muss den Wochentag im Kopf ausrechnen, um zu
+ wissen, wo man steht. Der erste Eintrag IST heute -- die
+ Abfrage im Server beginnt dort. */
+ if (i === 0) tag.dataset.heute = 'ja';
const dauer = t.minuten
? `${Math.floor(t.minuten / 60)} Std ${String(t.minuten % 60).padStart(2, '0')}`
: null;
tag.title = `${d.toLocaleDateString('de-DE', { weekday: 'long', day: 'numeric', month: 'long' })}`
+ (t.termine ? ` · ${t.termine} ${t.termine === 1 ? 'Termin' : 'Termine'}, ${dauer}` : ' · nichts eingetragen');
streifen.append(tag);
- }
+ });
woche.append(streifen);
/* Der Satz sagt, was die Farben bedeuten -- einmal je Karte, nicht
als Legende irgendwo. Wer die Seite zum ersten Mal sieht, soll
@@ -215,8 +233,12 @@
seit dem 06.09. und wird hier nur benutzt, nicht neu gebaut.
Nachgemessen: Die rechte Hand und die Modis duerfen einander
schreiben, ein Manager ist fuer beide nicht erreichbar. */
+ /* EIN KNOPF, KEIN UNTERSTRICHENER SATZ (11.09.2026). Die Klasse
+ `schritt` zeichnet einen Textweg -- über die volle Breite einer
+ Karte gezogen sah er aus wie eine Überschrift mit Unterstrich.
+ `tschreiben` ist derselbe Weg, nur als Knopf erkennbar. */
const aktionen = el('div', 'tpipe__reihe');
- const schreiben = el('a', 'schritt', `${m.name} schreiben`);
+ const schreiben = el('a', 'tschreiben', `${m.name} schreiben`);
schreiben.href = `chat.html?mit=${m.id}`;
aktionen.append(schreiben);
k.append(aktionen);
diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html
index 0d168304..cfaab15c 100644
--- a/workspace/aufgaben.html
+++ b/workspace/aufgaben.html
@@ -12,19 +12,19 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
-
-
-
-
-
-
+
+
+
+
+
+
-
+
@@ -252,10 +252,10 @@
-
-
-
-
-
+
+
+
+
+