DogFatherGitandClaude Opus 5
a16e4cb337
Filipe, drei Bildschirmfotos: den Namen der Kachel aendern, "diese zwei kacheln noch mehr perfektionieren", "veraender den hintergrund von diesen kacheln komplett", "perfektionnier diese seite einfach komplett". DER NAME, DRITTE FASSUNG. Zuerst "Team-Lage" -- das klang nach Bericht UEBER Menschen. Dann "Eingang" -- das beschrieb nur die eine Haelfte (was hereinkommt) und liess die groessere weg: wer da ist, wer heute kann, wer was offen hat. "Dein Team" sagt beides und stellt niemanden ueber jemanden. DREI SACHEN WAREN NICHT GESCHMACK, SONDERN FEHLER -- und alle drei hat erst das Nachmessen am fertigen Bildschirm gezeigt: UEBER SIEBEN TAGEN 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. DIE VIER ZAHLEN BRACHEN 3 + 1. Gemessen: Die Karte ist innen 536 px breit, die Regel verlangte je Spalte mindestens 130 px, vier Spalten braeuchten 544. Acht Pixel zu wenig. Die Lehre ist NICHT "130 auf 122 senken" -- das waere dieselbe Rechnung mit einer anderen Zahl. Vier Dinge sehen nur in 1x4, 2x2 oder 4x1 richtig aus; 3+1 ist die eine Anordnung, die immer falsch wirkt, und eine `auto-fit`-Regel kann jederzeit dort landen. Zwei feste Spalten koennen es nicht. DER WEG IN DEN CHAT war ein unterstrichener Satz ueber die volle Kartenbreite -- er sah aus wie eine Ueberschrift, nicht wie ein Knopf. DER GRUND DER KARTEN, und hier hat mich das erste Ergebnis widerlegt: Der Schein aus der oberen Ecke nahm `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. Nach der Aenderung sah die Karte auf dem Bildschirmfoto genauso aus wie davor. Jetzt tragen die beiden Ecken die Hausfarben (Lila oben links, Babyblau unten rechts), dazu ein Lichtstreifen quer und ein Kantenlicht oben. Die Stufe bleibt, wo sie hingehoert: im Kantenlicht und am Schild. AUGENSCHONEND BLEIBT PFLICHT: Keine Lage geht ueber 26 %, der Lichtstreifen liegt bei 3 %, und die hellsten Stellen sitzen in den ECKEN -- nicht hinter dem Text. Ein Schein hinter einer Zahl macht sie schwerer lesbar, egal wie schoen er ist. Dazu: HEUTE ist im Wochenstreifen markiert (sieben gleich aussehende Kaestchen zwingen sonst dazu, den Wochentag im Kopf auszurechnen), ein freier Tag hat eine Andeutung statt gar nichts (sieben leere Rahmen sahen aus wie "noch nicht geladen"), und der Erklaerkasten im Kopf darf 68 statt 44 Zeichen breit sein -- auf einem breiten Bildschirm stand er als schmale Saeule mit sechs Zeilen zu je vier Woertern neben viel Bild. WARUM DIE FALSCHE UEBERSCHRIFT UEBERLEBEN KONNTE: pruef-team-ampel prueft seit dem ersten Tag, dass SIEBEN Tage kommen und der erste heute ist. Was sie nie angesehen hat, ist der Text darueber -- die Zahl stimmte ja. Sie prueft ihn ab jetzt, an derselben Stelle wie die Zahl, damit beide zusammen gelesen werden. Mit Gegenprobe: Die Suche muss das Wort "heute" auch finden koennen, sonst waere sie gruen, weil sie nie etwas liest. pruef-team-ampel 28 -> 32 · pruef-team-stufen 24 · pruef-css-klassen gruen · pruef-start-ansicht 143 · pruef-rollen 278 · pruef-modi-wortleck 5. OFFEN GEBLIEBEN und ihm gemeldet: Auf einem 1920er Bildschirm steht der Inhalt in einer Saeule von rund 1150 px, links und rechts bleibt Bild. Das ist die Breite ALLER zwanzig Seiten; sie hier allein zu aendern hiesse, eine Seite anders zu bauen als die anderen neunzehn. Co-Authored-By: Claude Opus 5 <[email protected]>
157 lines
6.7 KiB
HTML
157 lines
6.7 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Automationen · Spicy & Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<!-- Die Farbe der Fensterleiste, wenn der Workspace als App laeuft.
|
||
Stand auf #0674b9 (kraeftiges Blau) und stach damit als einziger
|
||
heller Balken ueber einer durchweg dunklen Seite. Jetzt derselbe
|
||
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
|
||
eine Flaeche sind statt zweier. -->
|
||
<meta name="theme-color" content="#06090f" />
|
||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609110022" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609110022" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609110022" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609110022" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609110022" />
|
||
<link rel="stylesheet" href="assets/css/automation.css?v=202609110022" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609110022" />
|
||
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
|
||
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
|
||
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
|
||
genau diesen Dateinamen auf crew-haus.css um, und die Seite
|
||
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
|
||
ohne Umfaerben im Browser, ohne Flackern. -->
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609110022" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<!-- Der Schleier ueber der Buehne (Casper und HasiDog in den unteren
|
||
Ecken, siehe start.css). Ein eigenes Element statt eines dritten
|
||
Pseudo-Elements -- body hat nur ::before und ::after. -->
|
||
<div class="schleier" aria-hidden="true"></div>
|
||
|
||
<header class="kopfleiste">
|
||
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
|
||
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M14.5 5.5 8 12l6.5 6.5" />
|
||
</svg>
|
||
<span class="zurueck-knopf__text">Zurück</span>
|
||
</button>
|
||
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Creator Workspace</a> · Automationen</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="inhalt inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Was von allein passiert</p>
|
||
<h1 class="titel">Automationen</h1>
|
||
<p class="unterzeile">
|
||
Alles hier läuft ohne Zutun. Diese Seite zeigt, was gerade greift –
|
||
und wo du es abschalten kannst.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<!-- Die KI ist die einzige Automation mit Schalter: Sie kostet
|
||
Rechenzeit, die der Website gehört. -->
|
||
<section class="ki-kasten" id="ki-kasten">
|
||
<div class="ki-kasten__kopf">
|
||
<div>
|
||
<p class="marke">Lokale KI</p>
|
||
<h2 class="ki-kasten__titel">Vorschläge in Calls, Start-Check und Report</h2>
|
||
<p class="ki-kasten__text" id="ki-text">Zustand wird geprüft …</p>
|
||
</div>
|
||
<label class="schalter" id="ki-schalter-block" hidden>
|
||
<input type="checkbox" id="ki-schalter" />
|
||
<span class="schalter__gleis"><span class="schalter__punkt"></span></span>
|
||
<span class="schalter__text"><strong id="ki-schalter-text">Angeschaltet</strong></span>
|
||
</label>
|
||
</div>
|
||
<ul class="ki-kasten__daten" id="ki-daten"></ul>
|
||
</section>
|
||
|
||
<!-- Was gerade tatsächlich anliegt: dieselbe Quelle wie auf dem
|
||
Dashboard, hier aber vollständig statt gekürzt. -->
|
||
<section class="block">
|
||
<div class="block__kopf">
|
||
<h2 class="block__titel">Was gerade anliegt</h2>
|
||
<span class="block__zahl" id="hinweis-zahl">–</span>
|
||
</div>
|
||
<p class="block__frage">
|
||
Dieselben Hinweise wie auf der Übersicht, hier vollständig. Sie führen keine
|
||
eigene Liste – jeder verschwindet, sobald die Sache erledigt ist.
|
||
</p>
|
||
<div id="hinweise"><p class="leise">Wird geprüft …</p></div>
|
||
</section>
|
||
|
||
<!-- Sicherung und Zustand. Steht bewusst weit oben: Es ist die einzige
|
||
Automation, deren Ausfall alles auf einmal kosten würde. -->
|
||
<section class="zustand" id="zustand-kasten">
|
||
<div class="zustand__kopf">
|
||
<div>
|
||
<p class="marke">Sicherung & Zustand</p>
|
||
<h2 class="zustand__titel" id="zustand-titel">Wird geprüft …</h2>
|
||
<p class="zustand__text" id="zustand-text"></p>
|
||
</div>
|
||
<button type="button" class="knopf knopf--klein" id="jetzt-sichern">Jetzt sichern</button>
|
||
</div>
|
||
<ul class="zustand__daten" id="zustand-daten"></ul>
|
||
<div class="klapp-kopf zustand__listenkopf">
|
||
<p class="feldschild">Vorhandene Sicherungen</p>
|
||
<button type="button" class="knopf-still" id="sicherungen-schalter"
|
||
aria-expanded="false" aria-controls="sicherungen" hidden>
|
||
<span id="sicherungen-schalter-text">Alle zeigen</span>
|
||
<svg class="klapp-pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m6 9.5 6 6 6-6" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div id="sicherungen" data-klapp="zu"></div>
|
||
</section>
|
||
|
||
<section class="block">
|
||
<div class="block__kopf">
|
||
<h2 class="block__titel">Läuft dauerhaft im Hintergrund</h2>
|
||
</div>
|
||
<div class="regeln" id="regeln"></div>
|
||
</section>
|
||
|
||
<section class="block">
|
||
<!-- Wie im Personen-Bereich: zugeklappt stehen nur die vier
|
||
neuesten Zeilen da, alles Weitere auf Knopfdruck. -->
|
||
<div class="block__kopf klapp-kopf">
|
||
<h2 class="block__titel">Zuletzt automatisch passiert</h2>
|
||
<button type="button" class="knopf-still" id="verlauf-schalter"
|
||
aria-expanded="false" aria-controls="verlauf" hidden>
|
||
<span id="verlauf-schalter-text">Alle zeigen</span>
|
||
<svg class="klapp-pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m6 9.5 6 6 6-6" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<p class="block__frage">Aus dem Protokoll – damit nachvollziehbar bleibt, was ohne Zutun geschah.</p>
|
||
<div id="verlauf"><p class="leise">Wird geladen …</p></div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/wahl.js?v=202609110022" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609110022" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609110022" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609110022" defer></script>
|
||
<script src="assets/js/automation.js?v=202609110022" defer></script>
|
||
</body>
|
||
</html>
|