fix klausur slides for pdf: add svg pattern and marp directives

- add svg diagonal stripe patterns for pdf background
- use @media print to apply svg only in pdf export
- keep css gradient for web/screen display
- add _header: '' and _footer: '' to all klausur slides
This commit is contained in:
2026-01-12 12:28:30 +01:00
parent 64e67b7034
commit b45a528faf
11 changed files with 189 additions and 90 deletions

View File

@@ -57,8 +57,11 @@ section.klausur {
#fff 80px
) !important;
}
section.klausur footer {
display: none;
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
}
section.aufgabe {
background: #e3f2fd !important;
@@ -244,6 +247,7 @@ Eselsbrücke: 1 Byte = 1 Buchstabe/Symbol (in ASCII/UTF-8 für einfache Zeichen)
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Dateneinheiten
@@ -266,6 +270,7 @@ Windows zeigt oft binär, sagt aber "KB" → Verwirrung!
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Dateneinheiten (Fortsetzung)
@@ -313,6 +318,7 @@ Digital explodierte: IoT, Social Media, Cloud, Video
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Der digitale Wendepunkt
@@ -813,6 +819,8 @@ Visueller Kontrast: Analog vs. Digital
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Analoge Medien
### Distribution: physisch (Kauf, Verleih, Kopie)
@@ -877,6 +885,8 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Digitale Medien
### Distribution: Datenträger (CD, USB), Download, Streaming, P2P
@@ -893,6 +903,8 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Digitale Speichermedien
@@ -1272,6 +1284,8 @@ Visualisierung der beiden Philosophien
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
# Verlustfrei vs. Verlustbehaftet