DogFatherGitandClaude Opus 5
9f277435a5
Filipe: "soll viel besser und geiler sein und man soll auch auswaehlen
koennen, also paar als vorschlaege mit der moeglichkeit andere
auszuwaehlen und als favoriten zu speichern."
Aus einem Streifen mit sechs Zeichen ist eine Karte geworden:
Vorschlaege oben, Suchfeld, darunter der Katalog in sechs Gruppen --
82 Zeichen, jedes mit deutschen Suchwoertern. Wer "feuer" tippt, muss
nicht scrollen.
DREI LISTEN, DREI FRAGEN, und sie werden gern verwechselt:
KATALOG Was gibt es? fest, workspace-reaktionen.js
VORSCHLAG Was steht vorn, solange fest -- bis jemand eigene
ich nichts gewaehlt habe? Favoriten hat
FAVORITEN Was hat DIESER Mensch in der Datenbank
sich gemerkt?
Nur der Katalog entscheidet, was ANGENOMMEN wird. Vorschlag und
Favoriten sind Reihenfolge, keine Erlaubnis -- sonst koennte man sich
ueber einen Favoriten etwas erlauben, das im Katalog nicht steht. Die
erlaubte Menge wird aus dem Katalog ABGELEITET; eine zweite Liste
daneben waere die, in der ein Zeichen fehlt, das die Oberflaeche
anbietet.
FAVORITEN HAENGEN AM MENSCHEN, NICHT AM GERAET. Im Browser abgelegt
waeren sie am Handy andere als am Rechner und beim naechsten Loeschen
der Seitendaten weg.
DER STERN SCHALTET EINEN MODUS, statt an jedem Zeichen einen zweiten
Knopf zu haben: Am Handy gibt es kein "daneben zeigen". Im Merk-Modus
faerbt sich die ganze Tafel, damit niemand reagiert, wenn er merken
wollte. Die Tafel bleibt dabei offen -- acht Favoriten waeren sonst
acht Mal Aufmachen -- und die Vorschlagszeile aendert sich sofort mit.
DIE GRENZE SAGT BESCHEID, statt still den aeltesten wegzuwerfen: Wer
einen neunten merken will, bekommt "nimm erst einen weg". Ein Favorit,
der ohne Ansage verschwindet, sieht wie ein Fehler aus.
Eine Selbstpruefung beim Laden meldet doppelte Zeichen im Katalog und
Vorschlaege, die nicht darin stehen -- beides waere in der Tafel still.
pruef-chat-aufloesen 85 -> 115. Gemessen wird, was PASSIERT, nicht dass
es Elemente gibt: dass die Suche wirklich eingrenzt (1 statt 82) und
das Richtige findet, dass ein Fehlgriff "Nichts zu ... gefunden" sagt
statt eine leere Flaeche zu zeigen, und vor allem, dass im Merk-Modus
KEINE Reaktion entsteht -- an der Zahl der Reaktionen gemessen, nicht
an der Absicht.
NEBENBEFUND AUS DER EIGENEN PRUEFUNG: pruef-css-klassen hat meine
Gruppenueberschrift mit 10,56 px abgelehnt (Grenze 11,5). Richtig so --
eine gesperrte Versalzeile ist ohnehin schwerer zu lesen, die darf
nicht auch noch die kleinste sein. Auf .72rem angehoben, statt die
Grundlinie zu verschieben.
Co-Authored-By: Claude Opus 5 <[email protected]>
100 lines
4.6 KiB
HTML
100 lines
4.6 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>Calls & Protokolle · 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=202609141404" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609141404" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609141404" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609141404" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609141404" />
|
||
<link rel="stylesheet" href="assets/css/calls.css?v=202609141404" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609141404" />
|
||
<!-- 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=202609141404" />
|
||
</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> · Calls</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">Gespräche</p>
|
||
<h1 class="titel">Calls & Protokolle</h1>
|
||
<p class="unterzeile">
|
||
Jeder Call endet mit klaren To-dos – die landen direkt im Aufgabenbrett,
|
||
nicht in einem Dokument, das niemand mehr öffnet.
|
||
</p>
|
||
</div>
|
||
<a class="knopf knopf--klein" href="kalender.html">Call planen</a>
|
||
</section>
|
||
|
||
<!-- Wo die Calls stattfinden. Einmal festgelegt, steht der Knopf
|
||
„Call beitreten" danach an JEDEM Gespräch – niemand muss mehr bei
|
||
jedem Termin einen Link eintippen, und die Frage „wo führe ich den
|
||
Call?" ist beantwortet, bevor sie jemand stellt. -->
|
||
<section class="call-raum" id="call-raum" hidden>
|
||
<p class="call-raum__zeile">
|
||
<span class="call-raum__schild">Call-Raum</span>
|
||
<a class="call-raum__link" id="call-raum-link" target="_blank" rel="noopener noreferrer" hidden></a>
|
||
<span class="call-raum__leer" id="call-raum-leer" hidden>noch nicht festgelegt</span>
|
||
</p>
|
||
<button type="button" class="knopf-still" id="call-raum-aendern" hidden>Ändern</button>
|
||
<form class="call-raum__form" id="call-raum-form" hidden>
|
||
<label class="feld-schild" for="call-raum-feld">Link zum Sprachkanal (Discord)</label>
|
||
<input id="call-raum-feld" type="url" maxlength="400"
|
||
placeholder="https://discord.com/channels/…" />
|
||
<button type="submit" class="knopf knopf--klein">Speichern</button>
|
||
<button type="button" class="abmelden" id="call-raum-abbrechen">Abbrechen</button>
|
||
</form>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<div id="listen" aria-busy="true"><p class="leise">Gespräche werden geladen …</p></div>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/ki.js?v=202609141404" defer></script>
|
||
<script src="assets/js/wahl.js?v=202609141404" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609141404" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609141404" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609141404" defer></script>
|
||
<script src="assets/js/calls.js?v=202609141404" defer></script>
|
||
</body>
|
||
</html>
|