diff --git a/POST-6.md b/POST-6.md index 065c5ec..6db19de 100644 --- a/POST-6.md +++ b/POST-6.md @@ -27,7 +27,7 @@ einem eigenen Knopf. Wie das funktioniert, steht im | # | Tag | Überschrift | Was zu sehen ist | |---|---|---|---| | 1 | Team-Chat | Büro und Baustelle, **endlich im selben Chat.** | Kanalliste und Verlauf nebeneinander, mit Filterzeile und Eingabefeld | -| 2 | Die Kanäle | Ein Kanal **pro Projekt.** | Links das Durcheinander als Zeichnung, rechts die Kanalliste; die Leitung beginnt schon auf Slide 1 | +| 2 | Die Kanäle | Ein Kanal **pro Projekt.** | Links das Durcheinander als Zeichnung, rechts die Kanalliste | | 3 | Die Aufgabe | Foto rein, **Aufgabe raus.** | Baustellenfotos, die Aufgabe daraus, die Bestätigung im Projekt | | 4 | Das Pluszeichen | Nicht nur **Text.** | Das Menü hinter dem Plus, auf dem Stapel | | 5 | Bald verfügbar | Der Chat für unterwegs **wird gerade gebaut.** | Zwei Ausschnitte der Oberfläche, versetzt übereinander, mit dem Absperrband darüber | @@ -198,9 +198,9 @@ in Kürze." Der Em-Dash der Vorlage ist durch ein Komma ersetzt, `rules.md` §4. ## 5d. Slide 2 stellt gegenüber statt zu zeigen -Links das Durcheinander als Zeichnung, rechts die Oberfläche als Ausschnitt, -dazwischen ein Pfeil. Die Aussage steckt in der Gegenüberstellung und nicht in -einem der beiden Teile — der Satz der Website ist genau diese Zweiteilung: +Links das Durcheinander als Zeichnung, rechts die Oberfläche als Ausschnitt. +Die Aussage steckt in der Gegenüberstellung und nicht in einem der beiden +Teile — der Satz der Website ist genau diese Zweiteilung: „Schluss mit dem einen Verlauf, in dem alles durcheinandergeht. Ein Kanal pro Projekt." @@ -216,34 +216,22 @@ Wirklichkeit im Betrieb, nicht die Oberfläche; dieselbe Lage wie bei „E-Mails" und „Zettel im Auto" in Post 2. Gewählt sind Wörter, die im Beitrag ohnehin vorkommen. -**Die Zeichnung liegt über beiden Slides.** Zwei Plättchen — „Angebot" und -„Termin" — stehen auf Slide 1, drei auf Slide 2, und die Leitung läuft -hindurch. Möglich macht das `visLeft: -634`: die Zeichnung fängt vor der Seite -an, und alles davor landet auf der Nachbarslide. +**Die Zeichnung steht ganz auf ihrer eigenen Seite.** Ein Zwischenstand zog +sie über die Kante nach links, sodass zwei Plättchen auf Slide 1 lagen und die +Leitung hindurchlief. Das ist zurückgenommen, und mit ihm der negative +`visLeft` und die Sonderregel für die Slide-Kante. `visLeft` ist wieder 92 wie +überall. -**Kein Plättchen schneidet die Kante.** Die Reihenfolge in `DURCHEINANDER` ist -danach gewählt: „Angebot" und „Termin" sind kurz genug, um ganz vor -`SLIDE_KANTE` zu passen. Ein halbes Wort am Rand liest sich als Fehler, nicht -als Fortsetzung. - -**Die beiden Plättchen liegen über der Kante des Chatfensters, nicht daneben.** -Ein Zwischenstand schrumpfte das Fenster auf zwei Drittel, um rechts Platz zu -schaffen — gemessen stand der Kanaltitel dann auf 10,8 px und die Projektnummer -auf 8,3. So klein trägt die Titelslide nicht mehr, denn im Profilraster ist sie -eine Kachel von rund 150 px. Jetzt bleibt das Fenster groß (15,3 px / 11,7 px), -und die Plättchen hängen an seiner rechten Kante über. Ein weiterer -Zwischenstand setzte sie mitten auf die Nachrichten; das las sich als -Kollision. In den Vorbildern überlappen Flächen an den Kanten, nicht quer über -Text — senkrecht sitzen sie deshalb dort, wo im Fenster am wenigsten steht. Das ist derselbe Überstand, vor dem -`rules.md` §5 sonst warnt: `.page` hat kein `overflow`, also landet alles, was -über die 1080 px hinausragt, auf der Nachbarslide. Hier ist es gewollt, und -`pruef.mjs` weiß es: ein negativer `--vis-left` gilt ihm als Ansage und wird -als „Überstand nach links (gewollt)" gemeldet statt als Fehler. +**Die Leitung fängt am ersten Plättchen an.** Sie hatte einen Anlauf, der links +vor dem Nullpunkt begann — ein Rest aus der Fassung über zwei Slides. Ohne die +Nachbarslide kam er aus dem Nichts und versprach einen Zusammenhang, den es +nicht gibt. Jetzt beginnt sie bei „Angebot" und endet bei „Materialliste", also +an beiden Enden an etwas. **Kein Pfeil zwischen den Hälften.** Er stand einmal dort und machte die Sache zu ordentlich — eine Zeichnung, die Durcheinander zeigt, braucht keinen -Wegweiser, und die Leitung läuft ohnehin nach rechts. Die Plättchen sind aus -demselben Grund gestreut und leicht gekippt statt in einer geraden Spalte +Wegweiser, und die Leitung führt ohnehin von oben nach unten. Die Plättchen +sind aus demselben Grund gestreut und leicht gekippt statt in einer geraden Spalte gesetzt. Die Werte dafür stehen fest im Code und sind nicht gewürfelt: ein Zufallsgenerator gäbe bei jedem Neubau ein anderes Bild, und die Slide soll zweimal gleich aussehen. diff --git a/post6.html b/post6.html index 3cf3567..00a3ea5 100644 --- a/post6.html +++ b/post6.html @@ -1425,11 +1425,9 @@ if (location.search.indexOf("nur=anim") >= 0) eyebrow: "Die Kanäle", head: 'Ein Kanal
pro Projekt.', body: "Schluss mit dem einen Verlauf, in dem alles durcheinandergeht. Jeder Kanal hängt an seiner Projektnummer.", - /* Negativer visLeft: die Zeichnung beginnt links vor der Seite. Im - durchgehenden Blatt hat .page kein overflow, also landet dieser Teil - auf der Nachbarslide -- die Schlangenlinie faengt damit schon auf - Slide 1 an und laeuft hier weiter. Das ist derselbe Ueberstand, den - rules.md 5 sonst als Falle beschreibt, hier aber gewollt. */ + /* Die Zeichnung steht ganz auf ihrer eigenen Seite. Ein Zwischenstand + zog sie ueber die Kante nach links auf Slide 1 -- das ist + zurueckgenommen, und mit ihm der negative visLeft. */ vis: "kanaele", visW: 896, visLeft: 92, visBottom: 120, }, { @@ -3062,10 +3060,6 @@ if (location.search.indexOf("nur=anim") >= 0) const W = LX + sb + m, H = 736; let g = ""; - /* Fest gesetzte Lagen statt gewuerfelter: ein Zufallsgenerator gaebe bei - jedem Neubau ein anderes Bild, und die Slide soll zweimal gleich - aussehen. Die ersten beiden liegen vor der Kante, die anderen drei - dahinter. */ /* Fest gesetzte Lagen statt gewuerfelter: ein Zufallsgenerator gaebe bei jedem Neubau ein anderes Bild, und die Slide soll zweimal gleich aussehen. */ @@ -3081,14 +3075,13 @@ if (location.search.indexOf("nur=anim") >= 0) b: Math.round(messen(d[1], 19, 700)) + 74, ikon: d[0], text: d[1], })); - /* Die Leitung faedelt sie der Reihe nach auf und wechselt dabei die - Seite. Der Anlauf kommt von links ausserhalb, damit sie auf Slide 1 - schon laeuft und nicht erst dort anfaengt. */ - const ANLAUF = 92; - let pfad = 'M' + n1(-ANLAUF) + ',' + n1(chips[0].y - 34) + - 'C' + n1(-ANLAUF + 46) + ',' + n1(chips[0].y - 30) + ' ' + - n1(chips[0].x - 34) + ',' + n1(chips[0].y - 16) + ' ' + - n1(chips[0].x + 14) + ',' + n1(chips[0].y + 27); + /* Die Leitung faedelt die Plaettchen der Reihe nach auf und wechselt + dabei die Seite. Sie faengt am ersten an, nicht davor: ein Anlauf von + links ausserhalb stammte aus der Fassung, in der die Zeichnung ueber + zwei Slides lief. Die ist zurueckgenommen, und ein Stueck Leitung, das + aus dem Nichts kommt, verspricht einen Zusammenhang, den es nicht + gibt. */ + let pfad = ""; chips.forEach((c, i) => { const n = chips[i + 1]; if (!n) return; @@ -3118,13 +3111,12 @@ if (location.search.indexOf("nur=anim") >= 0) g += '' + stapel(sb, sh, 20, liste) + ''; - /* Der Anlauf liegt links vor dem Nullpunkt und setzt oben etwas hoeher - an als das erste Plaettchen. Der Kasten nimmt beides mit auf -- sonst - steht die Leitung ausserhalb, und die Randmessung kennt eine - Zeichnung, die kleiner ist als das, was dasteht. */ - const OBEN = 26; - return wfSvg(W + ANLAUF, H + OBEN, - '' + g + ''); + /* Die Leitung schwingt zwischen den Plaettchen seitlich aus. Der Kasten + nimmt das mit auf -- sonst stuende sie ausserhalb, und die Randmessung + kennte eine Zeichnung, die kleiner ist als das, was dasteht. */ + const AUS = 40; + return wfSvg(W + AUS, H, + '' + g + ''); } /* ─── Slide 3 · Aus der Nachricht wird die Aufgabe ───────────────────────