diff --git a/post2.html b/post2.html index 95e0b95..9e8c9ba 100644 --- a/post2.html +++ b/post2.html @@ -489,21 +489,26 @@ } .page { position: absolute; top: 0; width: 1080px; height: 1350px; } - .content { position: relative; z-index: 2; padding: 92px 92px 0; } + /* 59 px oben: das ist die gemessene Oberkante der Ueberschrift auf der + Titel-Slide von Post 1. Seitlich bleiben es 92. */ + .content { position: relative; z-index: 2; padding: 59px 92px 0; } /* Section badge, straight from the site: .chamfer-badge in globals.css with accent-yellow-light on accent-yellow-dark. Scaled from the 12px web size to this canvas; the 5px corner cut scales with it. - Ausgeblendet statt entfernt: das Tag steht im Textfluss, ohne seine Box - ruecken Ueberschrift und Text nach oben. visibility haelt den Platz, - display: none wuerde ihn aufgeben. */ + Frueher stand hier visibility: hidden, damit das Tag seinen Platz im + Textfluss behaelt. Genau der Platz war das Problem: 54 px Hoehe plus 38 px + Abstand haben die Ueberschrift 92 px nach unten geschoben, und Post 2 sass + dadurch 125 px tiefer als die Titel-Slide von Post 1. Jetzt gibt das Tag + den Platz frei, und der obere Abstand steht direkt im padding von + .content. Wer das Tag je sichtbar macht, muss das padding mitziehen. */ .badge { display: inline-block; margin-bottom: 38px; font-size: 26px; font-weight: 600; letter-spacing: 0.1em; padding: 9px 20px; background: var(--accent-yellow-light); color: var(--accent-yellow-dark); - visibility: hidden; + display: none; clip-path: polygon( 11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px @@ -511,6 +516,11 @@ } .slide[data-tagout="an"] .badge { margin-left: -20px; } + /* 74 px ist die Grundgroesse fuer alle Slides. Die Titel-Slide hebt sie + ueber den Projektstand auf 88 an, genau wie Post 1 es bei seiner Tagline + macht. Fuer alle sechs ginge 88 nicht: gemessen ist "Dein + Branchenprogramm" dann 1022 px breit, verfuegbar sind 896, und die + Ueberschriften von Slide 2, 4 und 5 wuerden dreizeilig. */ .headline { font-size: 74px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.06; @@ -1107,12 +1117,18 @@ gewachsenen Ablaeufen keines steckt, Slide 5 liefert dann eines. Das Wort faellt genau einmal und wird danach nicht wiederholt. - Slide 2 traegt ausserdem die Enthuellung aus Noahs Absatz: ein alter - Betrieb vererbt nicht nur Erfahrung. Genau daran haengt der Beitrag, und - deshalb steht sie in der Ueberschrift und nicht im Fliesstext. Der - Fliesstext behaelt Noahs eigene Konstruktion "weil die Software es - vorgibt. Nicht, weil ...". Das angehaengte "Nicht, weil" ist bei ihm ein - Stilmittel und keine abgehackte Halbzeile. + Slide 2 muss weich an Slide 1 anschliessen. Dort stellt sich Noah vor, + hier folgte frueher sofort die Diagnose -- ein harter Schnitt. + + Die Ueberleitung steckt in Noahs Satzbau selbst: er raeumt die Erfahrung + erst ein und dreht dann ("hat nicht nur Erfahrung. Er hat auch Prozesse, + die seit Jahren so laufen"). Wer zuerst zustimmt, darf danach widersprechen. + Der Fliesstext behaelt seine Konstruktion mit dem nachgestellten "Nicht, + weil ..." -- das ist bei ihm ein Stilmittel, keine abgehackte Halbzeile. + + Das Wort Zettelwirtschaft ist aus der Ueberschrift raus. Die Zeile sagt + "nicht nur Erfahrung", und was das andere ist, zeigt die Zeichnung + daneben. Es zweimal zu sagen waere einmal zu viel. Wichtiger als die Kuerze ist die Satzform. In einer frueheren Fassung hatten alle fuenf Ueberschriften dieselbe: zwei abgehackte Fragmente mit @@ -1137,8 +1153,8 @@ key: "prozesse", type: "feature", layouts: [{ id: "standard", label: "Standard" }], eyebrow: "Zettelwirtschaft", - head: 'Nicht nur Erfahrung,
auch Zettelwirtschaft.', - body: "Abläufe, die so laufen, weil die Software es vorgibt. Nicht, weil ein Konzept dahintersteckt.", + head: 'Wer lange dabei ist,
hat nicht nur Erfahrung.', + body: "Auch Abläufe, die laufen, weil die Software es vorgibt. Nicht, weil ein Konzept dahintersteckt.", vis: "schiene", visW: 896, visLeft: 92, visBottom: 120, }, { diff --git a/state/post2.json b/state/post2.json index f4690ab..a882958 100644 --- a/state/post2.json +++ b/state/post2.json @@ -25,7 +25,7 @@ "int": "dezent" } ], - "current": 2, + "current": 1, "deck": [ { "ref": "titel", @@ -60,11 +60,12 @@ { "body": { "dx": 102, - "dy": -95 + "dy": 0 }, "headline": { - "dx": 102, - "dy": -96 + "dx": 37, + "dy": 3, + "size": 88 }, "vis": { "dx": -38, @@ -73,30 +74,61 @@ } }, { - "body": {}, + "body": { + "dx": 0, + "dy": 20 + }, + "headline": { + "dy": 3 + }, "vis": { "dx": 0, - "dy": 0 + "dy": 16 } }, { "body": { "dx": 0, - "dy": 0 + "dy": 20 }, - "headline": {} + "headline": { + "dy": 3 + }, + "vis": { + "dx": 0, + "dy": -109 + } }, { - "body": {}, + "body": { + "dx": 0, + "dy": 20 + }, "headline": { "dx": 0, - "dy": 0 + "dy": 3 }, "vis": {} }, - {}, { - "body": {} + "body": { + "dy": 20 + }, + "headline": { + "dy": 3 + } + }, + { + "body": { + "dy": 20 + }, + "headline": { + "dy": 3 + }, + "vis": { + "dx": 0, + "dy": 0 + } } ], "frameStyle": "rund", @@ -113,5 +145,5 @@ "tilt": "an", "v": 6, "variant": "hell", - "view": "streifen" + "view": "einzeln" }