diff --git a/slides/223015b/assets/demos/kap01-advance-organizer.html b/slides/223015b/assets/demos/kap01-advance-organizer.html
new file mode 100644
index 0000000..fd78042
--- /dev/null
+++ b/slides/223015b/assets/demos/kap01-advance-organizer.html
@@ -0,0 +1,135 @@
+
+
+
+
+Kapitel 1 — Roter Faden
+
+
+
+ Was steckt in einer Datei — und wie kommt es da rein?
+ Dieses Kapitel überbrückt zwei Richtungen, beide treffen sich am Byte.
+
+
+
+
Pol A
+
🎙️
+
Welt
+
analoge Signale
Druckwelle · Licht · Spannung
+
+
+
+
Treffpunkt
+
📄
+
Datei
+
Byte-Strom
Zahlen von 0 bis 255
+
+
+
+
Pol B
+
👁️
+
Mensch
+
Bedeutung
Text · Bild · Klang
+
+
+
+
Welt → Datei: rein
+
+ - Sampling (wie oft messen)
+ - Quantisierung (wie genau)
+ - Nyquist · Aliasing
+
+
+
+
Datei → Mensch: raus
+
+ - Notation (Bin · Dez · Hex)
+ - Encoding (ASCII · UTF-8)
+ - Format-Erkennung (Magic Numbers)
+
+
+
+ 01001000 01100101 01101100 01101100 01101111 …
+ der gemeinsame Treffpunkt
+
+
+
diff --git a/slides/223015b/assets/demos/kap01-advance-organizer.png b/slides/223015b/assets/demos/kap01-advance-organizer.png
new file mode 100644
index 0000000..d797499
Binary files /dev/null and b/slides/223015b/assets/demos/kap01-advance-organizer.png differ
diff --git a/slides/223015b/assets/demos/kap02-bogen.html b/slides/223015b/assets/demos/kap02-bogen.html
new file mode 100644
index 0000000..78409cf
--- /dev/null
+++ b/slides/223015b/assets/demos/kap02-bogen.html
@@ -0,0 +1,151 @@
+
+
+
+
+Kapitel 2 — Roter Faden
+
+
+
+ Daten sind unhandlich — also was tun?
+ Zwei fundamental verschiedene Wege. Die Wahl hängt vom Inhalt ab.
+
+ Kompression
+
+
+
+
+
Weg A
+
Verlustfrei (Lossless)
+
Redundanz raus.
+
→ vollständig umkehrbar
+
+
Techniken
+
RLE · Huffman · LZ77
+
+
+
Wo
+
ZIP · PNG · FLAC · RAW
+
+
+
+
+
Weg B
+
Verlustbehaftet (Lossy)
+
Irrelevanz raus.
+
→ nicht umkehrbar
+
+
Grundlage
+
Psychoakustik · Psychovisualität
+
+
+
Wo
+
MP3 · JPEG · H.264 · WebP
+
+
+
+
+
+
Wann was?
+
Entscheidungsmatrix — Foto · Stream · Code · Backup
+
+
Drei Modalitäten, ein Prinzip
+ Bild · Audio · Video — alle drei nutzen Lossy. Möglich nur, weil Wahrnehmung Lücken hat.
+
+
+
Gemeinsamer Hebel (aus Kap 2)
+
Wahrnehmungs-Lücken
+
+
+
🖼️
+
Bild
+
+
Pipeline
+
RGB → YCbCr → DCT → Huffman
+
+
+
Format-Wahl
+
PNG · JPEG · WebP · AVIF · SVG
+
+
+
+
+
🎵
+
Audio
+
+
Trick
+
Maskierung · Hörschwelle
+
+
+
Format-Wahl
+
MP3 · AAC · FLAC · Opus
+
+
+
+
+
🎬
+
Video
+
+
Trennung
+
Container ≠ Codec
+
+
+
Codec-Welt
+
H.264 · H.265 · VP9 · AV1
+
+
+
+
Was alle drei Pipelines am Ende prägt
+
Patent-Politik · Industrie-Adoption
+
JPEG XL · WebP · AV1 — Technik allein entscheidet selten
+
Wo wohnen die Bytes — und wie reisen sie?
+ Speicher und Schnittstellen — zwei Seiten desselben Alltagsproblems.
+
+ Bytes wohnen + reisen
+
+
+
+
+
Frage A
+
Wo?
+
Speichermedien
+
+
Medien
+
HDD · SSD · Flash
+
+
+
Organisation
+
Filesystems (FAT32 · NTFS · APFS · ext4)
+
+
+
Sicherung
+
Backup nach 3-2-1-Regel
+
+
+
+
+
Frage B
+
Wie?
+
Schnittstellen
+
+
Universalstecker
+
USB-C (3 Achsen: Stecker · Kabel · Protokoll)
+
+
+
Display
+
HDMI · DisplayPort · Thunderbolt
+
+
+
Netzwerk
+
Ethernet · WiFi
+
+
+
+
In beiden Fällen
+
Anwendungs-Wahl statt Auswendiglernen
+
Entscheidungsmatrizen pro Use Case
+
Eine Datei reist — und erzählt
+ Was passiert auf dem Weg zur Endnutzerin, und was verrät die Datei dabei über sich?
+
+ Datei in Bewegung
+
+
+
+
+
Frage A
+
Weg
+
Wie kommt der Inhalt zur Nutzerin?
+
+
Verteilung
+
CDN · PoP · Edge-Caching
+
+
+
Schnittstelle
+
REST-API · GET/POST/PUT/DELETE
+
+
+
+
+
+
Frage B
+
Gepäck
+
Was trägt die Datei mit sich?
+
+
Metadaten
+
EXIF · ID3 · PDF-Properties
+
+
+
Risiko
+
Privacy-Leak (McAfee · Blair)
+
+
+
Lockin
+
Adobe PSD · Apple .pages
+
+
+
+
Roter Faden
+
Aufmerksamkeit für das, was wir nicht sehen
+
Latenz · Caching · Header · Metadaten · Lockin
+