add diagonal stripes to klausur slides and update content

- add diagonal stripe pattern to klausur class
- add aufgabe class for exercise slides
- update napster section with new images
- revise hands-on audio exercise with online tools
- various content improvements

courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md

@@ -49,11 +49,23 @@ a {
   color: var(--color-highlight);
 }
 section.klausur {
-  background: #e3f2fd !important;
+  background: repeating-linear-gradient(
+    135deg,
+    #e3f2fd,
+    #e3f2fd 20px,
+    #fff 20px,
+    #fff 40px
+  ) !important;
 }
 section.klausur footer {
   display: none;
 }
+section.aufgabe {
+  background: #e3f2fd !important;
+}
+section.aufgabe footer {
+  display: none;
+}
 </style>
 
 <!-- _class: invert -->
@@ -568,7 +580,7 @@ Chaos: Verschiedene Standards für verschiedene Sprachen
 
 ---
 
-# Unicode: Ein Standard für alle
+# Unicode: Ein Standard für alle (8 Bit)
 
 **Unicode (1991):** Jedes Schriftsystem der Welt
 
@@ -751,7 +763,9 @@ Windows vertraut der Endung, aber "file" (Linux) liest Magic Number
 
 ---
 
-![bg contain right:20%](./assets/qr/hexed-it.png)
+<!-- _class: aufgabe -->
+
+![bg contain right:22%](./assets/qr/hexed-it.png)
 
 # Hands-On: WTF Files
 
@@ -940,7 +954,6 @@ KOMPRESSION nutzt beide Achsen:
 ---
 
 <!-- _class: klausur -->
-<!-- _footer: '' -->
 
 # Verlustfrei vs. Verlustbehaftet
 
@@ -951,7 +964,9 @@ KOMPRESSION nutzt beide Achsen:
 | **Reduktion** | 30-50% | 80-99% |
 | **Formate** | ZIP, PNG, FLAC, GIF | JPEG, MP3, H.264/H.265 |
 
-**Faustregel:** Code/Archiv → verlustfrei · Medien → verlustbehaftet
+**Faustregel:** 
+ * **Medien** → (tendenziell) verlustbehaftet
+ * **Vektorgrafiken**, Textdokumente, Archive, Programmcode  → verlustfrei
 
 <!--
 REDUNDANZ: Wiederholende Muster kompakter darstellen (z.B. "AAAA" → "4×A")
@@ -1016,7 +1031,6 @@ KERNKONZEPT: Kompression = Modell der menschlichen Wahrnehmung
 * Diplom-Ingenieur, Universität Erlangen-Nürnberg
 * Fraunhofer IIS (Institut für Integrierte Schaltungen)
 * Forschung ab 1982, Patent 1988
-* Hörte "Tom's Diner" über 10.000 Mal
 
 <!--
 Fraunhofer IIS Erlangen
@@ -1054,10 +1068,11 @@ Patent lief 2017 aus
 
 **"Tom's Diner" (1987)**
 
+- Der erste Song, der als MP3 kodiert wurde
 - A cappella (keine Instrumente)
 - Klare, hohe Frequenzen
 - Perfekter Stresstest für Kompression
-- Der erste Song, der als MP3 kodiert wurde
+- Brandenburg hörte "Tom's Diner" über 10.000 Mal
 
 <!--
 Suzanne Vega – "Tom's Diner" (1987)
@@ -1076,7 +1091,7 @@ Brandenburg hörte den Song über 10.000 Mal
 - Suzanne Vegas Stimme ist "schwierig"
 - Klare, hohe Frequenzen → Stresstest
 
-> If I could code Suzanne Vega's voice well, I could code anything.
+> Wenn ich Suzanne Vegas Stimme kodieren könnte, kann ich alles kodieren.
 — Karlheinz Brandenburg
 
 <!-- 
@@ -1189,7 +1204,7 @@ Das Pferd war aus dem Stall
 
 ---
 
-![bg right:50% fit](./assets/napster-interface.png)
+![bg right:50% fit](./assets/napster-2001.png)
 
 # Napster (1999)
 
@@ -1209,6 +1224,8 @@ Aber: LimeWire, Kazaa, BitTorrent folgten
 
 ---
 
+![bg right:40% contain](./assets/bittorrent.png)
+
 # Napster & Musikindustrie
 
 **1999:** Napster startet
@@ -1261,19 +1278,13 @@ Vinyl-Revival: 2020er Gegenbewegung
 
 ---
 
-# Hands-On: MP3 sezieren
+# Hands-On: Audio-Spektrogram
 
 **Aufgabe (30 Min):**
 
-1. Lade Lied runter (eigenes oder CC)
+* Live Spektrogram untersuchen https://borismus.github.io/spectrogram/
-2. Konvertiere in verschiedene Bitraten:
+* Mit Effekten experimentieren https://audiomass.co/
-   - 320 kbps, 128 kbps, 64 kbps
+* Spektrogramme vergleichen Audacity (kostenloser Download nötig) [https://manual.audacityteam.org/man/spectrogram_view.html](https://manual.audacityteam.org/man/spectrogram_view.html)
-3. Tool: **Audacity** (kostenlos)
-4. Höre Unterschiede (Kopfhörer!)
-5. Vergleiche Dateigrößen
-
-**Spektrogramm:** Klick auf Track-Name → Spektrogramm
-[https://manual.audacityteam.org/man/spectrogram_view.html](https://manual.audacityteam.org/man/spectrogram_view.html)
 
 <!--
 Audacity: FOSS Audio-Editor (audacityteam.org)