Anpassungen für Export PDF
This commit is contained in:
parent
5593d825b6
commit
291ee93b5b
2 changed files with 46 additions and 0 deletions
13
README.md
13
README.md
|
|
@ -91,6 +91,19 @@ Der aktuelle Slide (und ggf. Fragment-Fortschritt) wird im URL-Hash
|
||||||
gespiegelt (z. B. `#3` oder `#3.2` für Slide 3, zweites Fragment sichtbar)
|
gespiegelt (z. B. `#3` oder `#3.2` für Slide 3, zweites Fragment sichtbar)
|
||||||
und beim Laden daraus wiederhergestellt.
|
und beim Laden daraus wiederhergestellt.
|
||||||
|
|
||||||
|
## PDF-Export
|
||||||
|
|
||||||
|
Über den Druckdialog des Browsers (`Cmd/Ctrl+P` → „Als PDF sichern“) lässt
|
||||||
|
sich die Präsentation direkt als PDF exportieren — jede Slide wird dabei auf
|
||||||
|
eine eigene Seite gedruckt, Navigationselemente werden ausgeblendet. Das
|
||||||
|
funktioniert sowohl im Dev-Server als auch mit dem statischen `-build`-Export.
|
||||||
|
|
||||||
|
In Chrome funktioniert das fehlerfrei inklusive automatischem Querformat.
|
||||||
|
Safari ignoriert die CSS-Vorgabe für die Seitenausrichtung (bekannte
|
||||||
|
WebKit-Einschränkung) und erzeugt dadurch teils Leerseiten — hier im
|
||||||
|
Druckdialog manuell „Querformat“ wählen, oder für den PDF-Export auf Chrome
|
||||||
|
ausweichen.
|
||||||
|
|
||||||
## Fragments (Bullet-Points einzeln einblenden)
|
## Fragments (Bullet-Points einzeln einblenden)
|
||||||
|
|
||||||
Setzt eine Slide-Datei `incremental: true` im Frontmatter, werden ihre
|
Setzt eine Slide-Datei `incremental: true` im Frontmatter, werden ihre
|
||||||
|
|
|
||||||
33
web/assets/vendor/style.css
vendored
33
web/assets/vendor/style.css
vendored
|
|
@ -310,3 +310,36 @@ body.grid-mode section.slide > * {
|
||||||
body.grid-mode .fragment {
|
body.grid-mode .fragment {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
size: landscape;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
.nav-zone,
|
||||||
|
.nav-button,
|
||||||
|
.progress {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.slide {
|
||||||
|
position: static;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
break-after: page;
|
||||||
|
page-break-after: always;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.slide:last-of-type {
|
||||||
|
break-after: auto;
|
||||||
|
page-break-after: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fragment {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue