diff --git a/post1.html b/post1.html index 148fa7a..0218276 100644 --- a/post1.html +++ b/post1.html @@ -1035,7 +1035,7 @@ key: "projektmanagement", type: "feature", layouts: [{ id: "standard", label: "Standard" }], eyebrow: "Projektmanagement", - head: 'Du siehst auf einen Blick,
wo jeder Auftrag steht.', + head: 'Du siehst auf einen Blick,
wo alle Auftr\u00e4ge stehen.', body: "Projekte, Kunden, Angebote, F\u00f6rderantr\u00e4ge. Kein Suchen, kein Nachfragen, kein Zettelchaos.", img: "./assets/screens/pipelines.png", // Nur die linke Bildhälfte: Zoom 2 bei Versatz 0 zeigt exakt den Anteil @@ -1074,14 +1074,17 @@ key: "chat", type: "feature", layouts: [{ id: "standard", label: "Standard" }], eyebrow: "Team-Chat", - // "automatisch seinen Kanal." misst mit Marker 933 px bei 896 - // verfuegbaren und bricht deshalb in eine dritte Zeile. "von selbst" - // sagt dasselbe und bleibt mit 846 px in der Zeile. - head: 'Jedes Projekt bekommt
von selbst seinen Kanal.', + // Zweizeilig, aber knapp: Zeile 2 misst mit Marker 880 px bei 896 + // verfuegbaren. Ein laengeres Wort bricht sofort um. + head: 'Projekte bekommen
automatisch ihren Kanal.', body: "Foto von der Baustelle rein, alle sehen's sofort. Aus jeder Nachricht wird mit einem Klick eine Aufgabe.", img: "./assets/screens/chat.png", mockW: 1030, mockAR: 1.703, imgScale: 1, imgX: "0%", imgY: "0%", + // Das hinterste Blatt zeigt sonst den Form Builder bei 3,8-fachem Zoom: + // unscharf, und die Kopieren- und Papierkorb-Symbole gehören zu einem + // anderen Feature. Stattdessen der Chat im Hochformat, ungezoomt. + back: { img: "./assets/screens/chat-tablet.png", imgScale: 1, imgX: "0%", imgY: "0%" }, // Das Anhang-Menü zeigt, was aus einer Nachricht alles werden kann. media2: { img: "./assets/screens/chat-menue.png", @@ -1560,9 +1563,14 @@ if (sl.mockW) mock.style.setProperty("--mock-w", sl.mockW + "px"); if (sl.mockAR) mock.style.setProperty("--mock-ar", sl.mockAR); if (sl.mockLeft) mock.style.setProperty("--mock-left", sl.mockLeft + "px"); - // Hinterstes Blatt bekommt den Screen der nächsten Feature-Slide. + /* Hinterstes Blatt bekommt standardmässig den Screen der nächsten + Feature-Slide. Das kann danebengehen: der nächste Screen ist + womöglich stark gezoomt und damit unscharf, und er zeigt Bedienung, + die zum Feature dieser Slide gar nicht passt. Deshalb ist er über + "back" pro Slide überschreibbar. */ const withImg = SLIDES.filter(x => x.img); - const other = withImg[(withImg.findIndex(x => x.img === sl.img) + 1) % withImg.length]; + const auto = withImg[(withImg.findIndex(x => x.img === sl.img) + 1) % withImg.length]; + const other = sl.back || { img: auto.img, imgScale: auto.imgScale, imgX: auto.imgX, imgY: auto.imgY }; mock.innerHTML = '
s.img).map(s => s.img)) + .concat(SLIDES.filter(s => s.back).map(s => s.back.img)) .concat(SLIDES.filter(s => s.media2).map(s => s.media2.img)); paths.push("./assets/screens/pipelines.png", "./assets/screens/chat-tablet.png"); // Optional: the layout falls back to a hint if the file is not there yet.