From 2179f6caedf9467d3e9d8a6cc32a04b0e28d320b Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Tue, 13 Jan 2026 20:26:28 +0100 Subject: [PATCH] fix klausur pdf backgrounds with _backgroundColor directive - remove !important from klausur css gradient (allows directive override) - add _backgroundColor directive to all klausur slides for pdf - web: shows css gradient stripes - pdf: shows solid color background --- .../slides/2025-12-19-termin-0-intro.md | 8 +------- ...025-12-19-termin-1-grundlagen-text-audio.md | 15 ++++++++------- .../2026-01-09-termin-2-bild-audio-video.md | 13 ++++++------- ...3-termin-3-speichermedien-schnittstellen.md | 8 +------- ...01-30-termin-4-distribution-apis-zukunft.md | 8 +------- ...-xx-xx-termin-5-vertiefung-offene-fragen.md | 8 +------- ...2-20-termin-1-geschichte-grundlagen-html.md | 14 +++++++------- ...-01-10-termin-2-netzwerke-protokolle-css.md | 18 +++++++++++------- ...1-24-termin-3-interaktivitaet-javascript.md | 8 +------- .../223015c/slides/assets/klausur-pattern.svg | 9 ++------- 10 files changed, 39 insertions(+), 70 deletions(-) diff --git a/courses/223015b/slides/2025-12-19-termin-0-intro.md b/courses/223015b/slides/2025-12-19-termin-0-intro.md index 941a3c1..fee7b66 100644 --- a/courses/223015b/slides/2025-12-19-termin-0-intro.md +++ b/courses/223015b/slides/2025-12-19-termin-0-intro.md @@ -55,13 +55,7 @@ section.klausur { #e3f2fd 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #e3f2fd !important; diff --git a/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md b/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md index cdcc8bf..b82ae6f 100644 --- a/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md +++ b/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md @@ -55,13 +55,7 @@ section.klausur { #e3f2fd 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #e3f2fd !important; @@ -249,6 +243,7 @@ Eselsbrücke: 1 Byte = 1 Buchstabe/Symbol (in ASCII/UTF-8 für einfache Zeichen) + # Dateneinheiten @@ -272,6 +267,7 @@ Windows zeigt oft binär, sagt aber "KB" → Verwirrung! + # Dateneinheiten (Fortsetzung) @@ -320,6 +316,7 @@ Digital explodierte: IoT, Social Media, Cloud, Video + # Der digitale Wendepunkt @@ -821,6 +818,7 @@ Visueller Kontrast: Analog vs. Digital + # Analoge Medien ### Distribution: physisch (Kauf, Verleih, Kopie) @@ -887,6 +885,7 @@ Paradox: Gerade die Perfektion wurde zum "Problem" + # Digitale Medien ### Distribution: Datenträger (CD, USB), Download, Streaming, P2P @@ -905,6 +904,7 @@ Paradox: Gerade die Perfektion wurde zum "Problem" + # Digitale Speichermedien @@ -1286,6 +1286,7 @@ Visualisierung der beiden Philosophien + # Verlustfrei vs. Verlustbehaftet diff --git a/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md b/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md index 13e175c..922bf28 100644 --- a/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md +++ b/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md @@ -55,13 +55,7 @@ section.klausur { #e3f2fd 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #e3f2fd !important; @@ -141,6 +135,7 @@ Smartphone-Speicher wäre schnell voll ohne Kompression + # Rastergrafiken (Bitmaps) @@ -180,6 +175,7 @@ PRÜFUNGSRELEVANT: Speicherberechnung, Farbtiefe-Tabelle, warum Vergrößern pro + # Vektorgrafiken @@ -220,6 +216,7 @@ PRÜFUNGSRELEVANT: Warum Vektoren skalierbar, SVG-Grundsyntax, Rendering-Pipelin + # Raster vs. Vektor: Entscheidungskriterien @@ -716,6 +713,7 @@ Quelle: https://www.canon.com.hk/cpx/en/technical/va_EOS_Movie_Compression_Optio + # H.264 / AVC Codec (2003) ### Der bisherige Platzhirsch @@ -838,6 +836,7 @@ Alliance for Open Media + # AV1: Die Open-Source-Revolution diff --git a/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md b/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md index 2d5e81f..1e86e1a 100644 --- a/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md +++ b/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md @@ -55,13 +55,7 @@ section.klausur { #e3f2fd 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #e3f2fd !important; diff --git a/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md b/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md index b9b9424..8fb9a87 100644 --- a/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md +++ b/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md @@ -55,13 +55,7 @@ section.klausur { #e3f2fd 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #e3f2fd !important; diff --git a/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md b/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md index 60ac071..b78f482 100644 --- a/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md +++ b/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md @@ -55,13 +55,7 @@ section.klausur { #e3f2fd 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #e3f2fd !important; diff --git a/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md b/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md index 35bc58f..d7d201e 100644 --- a/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md +++ b/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md @@ -55,13 +55,7 @@ section.klausur { #fce4ec 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #fce4ec !important; @@ -623,6 +617,7 @@ Euer Laptop, euer Handy, der Server dieser Präsentation + # Die 5 Komponenten @@ -655,6 +650,7 @@ PRÜFUNGSRELEVANT: 5 Komponenten benennen und erklären können, Stored Program + # Von-Neumann-Architektur: Bedeutung @@ -1077,6 +1073,7 @@ Formattierungssprache + # HTML Metadaten @@ -1304,6 +1301,7 @@ https://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/dialog + # Wie nutzen Menschen das Web? @@ -1340,6 +1338,7 @@ PRÜFUNGSRELEVANT: Arten von Einschränkungen, Screenreader-Beispiele, WCAG + # Warum "Barrierefreiheit"? @@ -1503,6 +1502,7 @@ div-Button braucht JavaScript für Enter/Space + # Barrieren im Netz vermeiden (a11y) diff --git a/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md b/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md index 834b786..861f815 100644 --- a/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md +++ b/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md @@ -55,13 +55,7 @@ section.klausur { #fce4ec 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #fce4ec !important; @@ -372,6 +366,7 @@ Query-String für Parameter + # Das OSI-Modell: Die Theorie @@ -408,6 +403,7 @@ PRÜFUNGSRELEVANT: 7 Schichten mit Beispielen, Unterschied OSI vs. TCP/IP + # TCP/IP: Die Praxis @@ -645,6 +641,7 @@ Heute: Fast nur noch HTTPS + # Schicht 7: Anwendung @@ -703,6 +700,7 @@ Von oben nach unten: 7 bis 1 + # HTTP/S im Detail @@ -711,6 +709,7 @@ Von oben nach unten: 7 bis 1 + # HTTP-Request @@ -740,6 +739,7 @@ Body kommt nach leerem Zeile (bei POST) + # HTTP-Response @@ -767,6 +767,7 @@ Content-Length: 1234 + # HTTP-Methoden @@ -1110,6 +1111,7 @@ vw/vh = Viewport (sichtbarer Bereich) + # Pseudo-Klassen @@ -1133,6 +1135,7 @@ Pseudo-Klassen = Zustände, kein JavaScript nötig! + # Pseudo-Elemente @@ -1157,6 +1160,7 @@ content nur bei ::before/::after + # Responsive Design diff --git a/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md b/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md index 234574c..e3562bc 100644 --- a/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md +++ b/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md @@ -55,13 +55,7 @@ section.klausur { #fce4ec 40px, #fff 40px, #fff 80px - ) !important; -} -@media print { - section.klausur { - background: url('./assets/klausur-pattern.svg') !important; - background-size: cover !important; - } + ); } section.aufgabe { background: #fce4ec !important; diff --git a/courses/223015c/slides/assets/klausur-pattern.svg b/courses/223015c/slides/assets/klausur-pattern.svg index 03f7510..ed36fe6 100644 --- a/courses/223015c/slides/assets/klausur-pattern.svg +++ b/courses/223015c/slides/assets/klausur-pattern.svg @@ -1,9 +1,4 @@ - - - - - - - + +