Aufgaben-Vorlagen: vier Bereiche mal vier Stufen, 48 fertige Aufgaben
Filipe: "ich will dass du die vier klassen ueberall mit aufgaben perfektionnierst ... ich will dass die 4 kategorien ueberall perfekt angepasst sind, mit perfekt kategorien und aufgaben." WAS GEFEHLT HAT, NACHGEMESSEN Die Tabelle `aufgaben` kannte weder Bereich noch Stufe, und Aufgabenvorlagen gab es keine. Die Checkliste sagt, WAS sitzen muss -- sie sagt nicht, was jemand als Naechstes TUT. Zwischen "Ton ist der Grund Nummer eins" und einem Abend, an dem der Ton wirklich besser wird, liegt eine Aufgabe mit Frist und Verantwortlichem. Die musste bisher jemand von Hand tippen. WAS JETZT DASTEHT live 12 Aufgaben · 3 je Stufe content 12 Aufgaben · 3 je Stufe technik 12 Aufgaben · 3 je Stufe community 12 Aufgaben · 3 je Stufe zusammen 48 Drei je Feld und nicht zehn: Wer zehn Aufgaben bekommt, macht keine. Drei sind ein Abend, eine Woche, ein Monat -- und die Fristen sind entsprechend gestaffelt. Jede Aufgabe bringt ihre Frist als `tage` mit; eine Aufgabe ohne Frist ist ein Wunsch. Die Sachaussagen stammen aus derselben Recherche wie die Checklistenpunkte: Lautheit minus 20 bis minus 24 LUFS, Tonspur 160 kbit/s, Bitrate hoechstens 75 Prozent des Uploads, Ankuendigung 30 bis 60 Minuten vorher, Verweildauer ueber 15 Minuten, Eskalation in vier Stufen, Intro-Retention ab 70 Prozent. DER WEG BIS ZUR ECHTEN AUFGABE `/workspace/api/vorlagen` liefert sie aus, `/uebernehmen` legt sie an -- als Zeile in `aufgaben`, nicht als weiterer Eintrag in `eintraege`. Eine Aufgabe hat einen Verantwortlichen, eine Frist und einen Status, der sich bewegt; das ist etwas anderes als eine Notiz. Zwei Orte fuer dieselbe Sache waeren der Anfang davon, dass sie auseinanderlaufen. Ohne Creator wird abgelehnt statt herrenlos angelegt. Ein Creator legt sie immer fuer SICH an, auch wenn er jemand anderen angibt. AUF DER SEITE Ein Block ueber dem Aufgabenbrett: zwei Knopfreihen (Bereich, Stufe), drei Karten mit Titel, Erklaerung, Frist und einem Knopf. Die Knopfreihen benutzen `.stufenleiter` aus der Checkliste -- dieselbe Einteilung, dieselbe Darstellung. Eine zweite Optik fuer dieselben vier Bereiche waeren zwei Sachen zum Lernen statt einer. ZWEI EIGENE FEHLER, BEIDE VON PRUEFUNGEN GEFUNDEN 1. Ich hatte verlangt, dass die Frist mit der Stufe waechst. Die Pruefung schlug fehl: Profi 6,7 Tage gegen Fortgeschritten 7,4. Beim Nachsehen war die ERWARTUNG falsch. Eine Profi-Aufgabe ist meist eine Messung -- anspruchsvoll, aber an einem Abend erledigt; eine Fortgeschrittenen-Aufgabe wie "Saeulen anlegen und drei Wochen halten" braucht zwangslaeufig Wochen. Die Stufe sagt, was man KOENNEN muss, nicht wie lange es dauert. Geprueft wird jetzt, was wirklich gilt: keine Anfaengeraufgabe ueber fuenf Tage, keine Meisteraufgabe unter einer Woche. 2. Der Block war zu durchsichtig. pruef-buehne mass den Untergrund als rgb(84, 69, 70) -- das Buehnenfoto -- und die Ueberschrift kam auf 3,61:1 statt 4,5:1. Ein durchsichtiger Kasten hat keinen Untergrund, sondern den, der gerade dahinterliegt. Jetzt eine deckende Flaeche mit Weichzeichner: 5,21:1. GEPRUEFT Neu: server/pruef-aufgaben-vorlagen.mjs, 30 Pruefungen -- Vollstaendigkeit, der Weg bis zur Aufgabe auf dem Brett des Creators, und sechs Gegenproben (unbekannte Stufe, unbekannter Bereich, Nummer ohne Vorlage, ohne Creator, fremder Creator, und ein Creator, der jemand anderen angibt). Dazu ein Browserteil, der klickt statt nur zu zaehlen. Ausserdem gruen: pruef-aufgabenbrett, pruef-buehne, pruef-css-klassen, pruef-handy. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -835,3 +835,83 @@
|
||||
font-size: .76rem; line-height: 1.45;
|
||||
color: var(--text-still);
|
||||
}
|
||||
|
||||
|
||||
/* =====================================================================
|
||||
AUFGABEN AUS DER VORLAGE (09.09.2026)
|
||||
|
||||
Der Block sitzt über dem Brett und muss sich als VORRAT lesen, nicht
|
||||
als weitere Spalte: eigene Fläche, ruhigere Farbe, deutlich weniger
|
||||
Kontrast als die Karten darunter. Wer das Brett voll hat, soll ihn
|
||||
überblättern können, ohne ihn wegklicken zu müssen.
|
||||
|
||||
Die beiden Knopfreihen benutzen `.stufenleiter` aus start.css --
|
||||
dieselbe Einteilung, dieselbe Darstellung. Eine zweite Optik für
|
||||
dieselben vier Bereiche wäre zwei Sachen zum Lernen statt einer.
|
||||
===================================================================== */
|
||||
.vorlagenbrett {
|
||||
margin: 0 0 22px;
|
||||
padding: 20px 20px 22px;
|
||||
border-radius: var(--radius-klein, 14px);
|
||||
/* EINE EIGENE FLAECHE, KEIN SCHLEIER.
|
||||
|
||||
Erster Anlauf: nur ein Hauch Weiss ueber dem Buehnenbild. pruef-buehne
|
||||
hat das zu Recht abgelehnt -- der Untergrund war gemessen
|
||||
rgb(84, 69, 70), also das Foto, und die Ueberschrift kam auf 3,61:1
|
||||
statt der noetigen 4,5:1. Ein durchsichtiger Kasten hat keinen
|
||||
Untergrund, sondern den, der gerade dahinterliegt.
|
||||
|
||||
Jetzt eine deckende dunkle Flaeche mit einem Hauch Struktur darauf.
|
||||
Der Weichzeichner dahinter macht aus dem Foto einen ruhigen Grund,
|
||||
statt es einfach zuzudecken -- dieselbe Behandlung wie bei den
|
||||
anderen freistehenden Bloecken im Haus. */
|
||||
background:
|
||||
linear-gradient(168deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)),
|
||||
rgba(6, 9, 16, .84);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(160, 190, 225, .16);
|
||||
}
|
||||
.vorlagenbrett__kopf { margin-bottom: 14px; }
|
||||
.vorlagenbrett__unter {
|
||||
margin-top: 6px; font-size: .86rem; line-height: 1.5;
|
||||
color: var(--text-leise);
|
||||
max-width: 62ch;
|
||||
}
|
||||
.vorlagenbrett__hinweis {
|
||||
margin: 12px 0 0; font-size: .86rem; font-weight: 600;
|
||||
color: var(--warn, #ff9aa2);
|
||||
}
|
||||
.vorlagenbrett__liste {
|
||||
display: grid; gap: 12px; margin-top: 16px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
}
|
||||
.vorlagenbrett__karte {
|
||||
display: flex; flex-direction: column; gap: 8px;
|
||||
padding: 16px 18px;
|
||||
border-radius: 12px;
|
||||
background: rgba(4, 7, 12, .72);
|
||||
border: 1px solid rgba(160, 190, 225, .14);
|
||||
}
|
||||
.vorlagenbrett__titel {
|
||||
margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.3;
|
||||
color: var(--text);
|
||||
}
|
||||
.vorlagenbrett__text {
|
||||
margin: 0; font-size: .86rem; line-height: 1.5; color: var(--text-leise);
|
||||
}
|
||||
/* Der Fuß trägt Frist und Knopf. `margin-top: auto` schiebt ihn nach
|
||||
unten, damit die Knöpfe aller Karten auf einer Linie stehen -- auch
|
||||
wenn die Texte verschieden lang sind. */
|
||||
.vorlagenbrett__fuss {
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
gap: 12px; margin-top: auto; padding-top: 6px;
|
||||
}
|
||||
.vorlagenbrett__frist {
|
||||
font-size: .78rem; font-weight: 700; letter-spacing: .04em;
|
||||
color: var(--text-still);
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
.vorlagenbrett { padding: 16px 14px 18px; }
|
||||
.vorlagenbrett__liste { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user