DogFatherGitandClaude Opus 5
532daa3edf
DIE KONSOLE -- DREI STUFEN DRAUF
1. VIER NIETEN in den vier Fasen. Das Einzige, was eine Flaeche
endgueltig zu einem GEGENSTAND macht, ist die Frage, wie sie
befestigt ist. Ein Gehaeuse haengt nicht in der Luft.
2. EINE GEFRAESTE NUT trennt Text von Instrumenten -- dunkel auf der
Lichtseite, hell auf der Schattenseite. Genau umgekehrt zu einer
aufgemalten Linie, und deshalb sieht sie nach Material aus.
3. DIE UHR SITZT IN EINER MULDE statt auf der Platte.
Drei Fehler dabei, alle im Bildschirmfoto gesehen: Die Nieten waren
QUADRATE (eine Hintergrundebene laesst sich nicht runden -- jetzt aus
Radialverlaeufen, die selbst rund sind). Die Mulde lag UEBER der Uhr
und hat die polierte Luenette zu mattem Grau gedaempft (`::after` wird
nach allen Kindern gezeichnet). Und das Raster musste von der
Nieten-Ebene herunter: Eine Ebene hat nur EINE Deckkraft.
DIE TAGESKACHEL "WAS IST DRAN"
Die drei Zeilen sind jetzt MODULE -- Fase, Kantenlicht in der Farbe
ihres Bereichs, Eckwinkel. Sie sind damit kleine Ausgaben derselben
Bauteile, zu denen sie fuehren, was sie ja auch sind. Die ZAHL wurde
zum gefassten Schild wie das Zeichen auf den Kacheln, und zwischen den
Haelften laeuft dieselbe gefraeste Nut wie auf der Konsole.
Ein Rueckschritt dabei, von der Pruefung sofort gemeldet: Ich hatte
die Ziffer weiss gemacht, weil das auf Metall gut aussieht -- damit
war ihre Aussage weg. Die Zahl traegt die Farbe ihres Bereichs und bei
etwas Ueberfaelligem die Warnfarbe; das ist die schnellste Auskunft der
ganzen Kachel. Die Farbe gehoert in die Ziffer, nicht ins Schild.
SPICY MEDIA SIEHT DIE ZAHLEN JETZT NIRGENDS
Vorher nur Kachel und Seite -- die Creator-Zahlen standen weiterhin im
Dashboard, weil das sie ueber eine eigene Schnittstelle holt. Die ist
jetzt zu (404 am Server, nicht in der Oberflaeche). Das Dashboard
bleibt fuer sie stehen: Es faengt den Fehlschlag ausdruecklich ab.
Mit Pruefung und Gegenprobe.
UND ZWEI SEITEN, DIE BEIM ANSEHEN AUFFIELEN
Das ist der Ertrag der Durchsicht jener zwoelf Seiten, die bisher nur
GEPRUEFT und nie ANGESEHEN worden waren:
* chat.html und uebersicht.html luden kopf.js OHNE wahl.js. Der
Umschalter "Meine Sicht" fiel dort auf das nackte Systemfeld
zurueck: 92 x 19 px, grauer Kasten, Systemschrift -- auf allen
anderen Seiten ist es ein selbst gebautes Bedienelement, hinter dem
dasselbe Feld unsichtbar bei 2 x 2 px liegt. Kaputt war nichts. Es
sah nur aus wie aus einem anderen Programm, und genau das findet
keine Pruefung, die auf Fehlermeldungen achtet.
Neue Pruefung: Wer kopf.js laedt, muss wahl.js laden -- und vorher.
* Der Chat-Rahmen gehoerte als einzige grosse Flaeche noch nicht zum
Modulsystem. Jetzt schon.
18 Pruefungen gelaufen, alle gruen. Rechner und Handy angesehen,
dazu Kalender, Chat, Automationen, Uebersicht, Start-Check,
Steckbrief, Bereiche, Profil, Content, Scouting und Report.
Co-Authored-By: Claude Opus 5 <[email protected]>
145 lines
5.9 KiB
HTML
145 lines
5.9 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 · Creator Workspace</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<meta name="theme-color" content="#0674b9" />
|
||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609071415" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609071415" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609071415" />
|
||
<link rel="stylesheet" href="assets/css/automation.css?v=202609071415" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609071415" />
|
||
</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=202609071415" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609071415" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609071415" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609071415" defer></script>
|
||
<script src="assets/js/automation.js?v=202609071415" defer></script>
|
||
</body>
|
||
</html>
|