add 00-intro for 223015c, update chapter 1 speaker notes and five eyes

- new intro deck for 223015c with adapted content, colors, and assets
- chapter 1: expanded sputnik/kalter krieg speaker notes, five eyes on unterseekabel slide
- bits/bytes table: added factor 8 conversion, removed 1tb slide

slides/223015c/01-geschichte-grundlagen-html.md

@@ -140,6 +140,24 @@ Hochschule der Medien Stuttgart
 
 ---
 
+# Ressourcen zum Selbstlernen
+
+* **CODE CRISPIES: https://codecrispi.es/**
+* Online Code-Editor: https://codepen.io/pen/
+* MDN (Mozilla Developer Network): https://developer.mozilla.org/de/
+* Flexbox-Spiel: https://flexboxfroggy.com/
+* Grid-Spiel: https://cssgridgarden.com/
+
+<!--
+SPEAKER NOTES:
+- Code Crispies = unser Material
+- Codepen = sofort CSS ausprobieren
+- MDN = DIE Referenz schlechthin
+- Spiele für Flexbox/Grid – später relevant
+-->
+
+---
+
 <!-- _class: lead -->
 
 # Kapitel 1
@@ -893,8 +911,6 @@ Farbbild: Rot + Grün + Blau
 **Jede Hex-Ziffer = 4 Bits**
 0-9, A-F (A=10, B=11, ..., F=15)
 
-**Ihr kennt das:** `#FF0000` = Rot in CSS
-
 <!--
 Hex = Shortcut für Menschen
 1 Byte = 2 Hex-Ziffern (00-FF)
@@ -1637,8 +1653,6 @@ Automatisierte Tests finden nur ~30% der Barrierefreiheitsprobleme. Der Rest erf
 
 # Fragen & Diskussion
 
-**Nächster Termin:** 10.01.2026 – CSS & Netzwerke
-
 **Kontakt:** lb-czechowski@hdm-stuttgart.de
 
 ---
@@ -1648,7 +1662,7 @@ Automatisierte Tests finden nur ~30% der Barrierefreiheitsprobleme. Der Rest erf
 Diese Präsentation ist lizenziert unter **Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)**
 
 Basiert auf Material von:
-- Markus Thamm / Wolfgang Gruel (HdM Stuttgart)
 - Michael Czechowski
+- Markus Thamm / Wolfgang Gruel (HdM Stuttgart)
 
 Vollständige Lizenz: https://creativecommons.org/licenses/by-sa/4.0/