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"
}