update slides content and add arpanet image

- various content improvements to termin 1
- add arpanet.jpg image

Makefile

@@ -96,14 +96,10 @@ install:
 
 # Optimize images (resize to max 1920px, requires nix-shell -p imagemagick)
 optimize-images:
-	@echo "Backing up originals to assets-original/..."
+	@echo "Creating optimized images from assets-original..."
-	@mkdir -p $(SLIDES_DIR)/assets-original
+	@mkdir -p $(SLIDES_DIR)/assets
-	@cp $(SLIDES_DIR)/assets/*.png $(SLIDES_DIR)/assets-original/ 2>/dev/null || true
+	@nix-shell -p imagemagick --run 'find $(SLIDES_DIR)/assets-original -maxdepth 1 -type f \( -name "*.png" -o -name "*.jpg" -o -name "*.jpeg" -o -name "*.webp" -o -name "*.avif" \) -exec sh -c '"'"'for img; do magick "$$img" -resize "1920x>" -quality 85 "$(SLIDES_DIR)/assets/$$(basename "$$img")"; done'"'"' _ {} +'
-	@cp $(SLIDES_DIR)/assets/*.jpg $(SLIDES_DIR)/assets-original/ 2>/dev/null || true
+	@echo "Done! Optimized images in assets/"
-	@echo "Resizing images to max 1920px..."
-	@nix-shell -p imagemagick --run 'for img in $(SLIDES_DIR)/assets/*.png; do magick "$$img" -resize "1920x>" -quality 85 "$$img"; done'
-	@nix-shell -p imagemagick --run 'for img in $(SLIDES_DIR)/assets/*.jpg; do magick "$$img" -resize "1920x>" -quality 85 "$$img"; done'
-	@echo "Done! Originals backed up in assets-original/"
 
 # Deploy slides (full build)
 deploy: build

slides/2025-12-20-termin-1-geschichte-grundlagen-html.md

@@ -70,44 +70,9 @@ Hochschule der Medien Stuttgart
 
 ---
 
-# Über mich
-
-**Michael Czechowski**
-
-- Softwareentwickler & IT-Berater
-- Schwerpunkte: Cloud, AI, Web-Technologien, Systemarchitektur, Open Source
-- Hintergrund: Philosophie & Informatik
-- Kontakt: mail@librete.ch
-
-<!--
-Kurze Vorstellung
-Praxisbezug betonen
-Fragen jederzeit willkommen
--->
-
----
-
-# Kurze Umfrage
-
-**Bitte Hand heben:**
-
-1. Wer hat einen Windows-Laptop dabei?
-2. Wer hat einen Mac dabei?
-3. Wer nutzt Linux?
-4. **Wer hat schon mal HTML oder CSS geschrieben?**
-5. Wer kann programmieren (egal welche Sprache)?
-
-<!--
-Niveau der Gruppe einschätzen
-Keine falschen Antworten
-OS-Verteilung wichtig für Tools später
--->
-
----
-
 # Kursübersicht
 
-**3 Ganztage (10:00 – 16:30 Uhr):**
+**3 Termine (10:00 – 16:30 Uhr):**
 
 | # | Datum | Thema |
 |---|-------|-------|
@@ -119,12 +84,6 @@ OS-Verteilung wichtig für Tools später
 
 **Ziel:** Ihr könnt am Ende eine eigene interaktive Webseite bauen!
 
-<!--
-Nicht nur theoretische Inhalte
-Praktische Übungen eingebaut
-MedienStudentInnen, nicht InformatikerInnen
--->
-
 ---
 
 <!-- _class: lead -->
@@ -137,15 +96,50 @@ MedienStudentInnen, nicht InformatikerInnen
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
-![bg fit](./assets/hollerith-machine-2.jpg)
+![bg fit](./assets/Ada_Lovelace_daguerreotype_by_Antoine_Claudet_1843_-_cropped.png)
 
 <!--
-Hollerith-Lochkartenmaschine, ca. 1910
+Ada Lovelace, Daguerreotypie 1843
-US Census Bureau
+Antoine Claudet
 -->
 
 ---
 
+![bg right:30% contain](./assets/Ada_Lovelace_daguerreotype_by_Antoine_Claudet_1843_-_cropped.png)
+
+# Ada Lovelace (1815–1852)
+
+**Die erste Programmiererin der Welt**
+
+- Tochter von Lord Byron (dem Dichter)
+- Arbeitete mit **Charles Babbage** an der "Analytical Engine"
+- Schrieb **1843** den ersten Algorithmus für eine Maschine, die nie fertiggestellt wurde
+
+**Lovelaces Vision:**
+> Die Maschine ist kein denkendes Wesen, sondern lediglich ein Automat, der nach Gesetzen handelt, die ihm auferlegt wurden. 
+
+<!--
+100 Jahre vor den ersten echten Computern
+Analytical Engine wurde nie gebaut
+Ada erkannte das Potenzial
+Programmiersprache "Ada" nach ihr benannt
+-->
+
+---
+
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/Hollerith.jpg)
+
+<!--
+Herman Hollerith, ca. 1890
+-->
+
+---
+
+![bg right:30% contain](./assets/Hollerith.jpg)
+
 # Herman Hollerith (1860–1929)
 
 **Das Problem:** US-Volkszählung 1880 dauerte **7 Jahre** zur Auswertung
@@ -220,7 +214,9 @@ Dehomag = Deutsche Hollerith-Maschinen GmbH (IBM-Tochter)
 
 ---
 
-# IBM und Nazi-Deutschland
+![bg right:30% contain](./assets/IBM_Front_Cover_2021_from_Amazon.jpg)
+
+# IBM und NS-Deutschland
 
 **Dehomag** = Deutsche Hollerith-Maschinen GmbH (IBM-Tochter)
 
@@ -244,15 +240,15 @@ Wichtige Lektion für MedienethikerInnen
 
 **Hollerith-Maschinen zeigen:**
 
-1. **Daten sind Macht** – Wer Daten kontrolliert, kontrolliert Menschen
+1. **Daten sind Macht** – *"Wer Daten kontrolliert, kontrolliert Menschen"*
 2. **Technologie verstärkt** – Gut UND Böse
 3. **"Neutrale" Tools** sind nie neutral
 
 **2025:** Big Data, AI, Social Media → dieselben Fragen
 
 <!--
-Facebook, Cambridge Analytica
+Facebook, Cambridge Analytica, Oracle Blue Kai
-Gesichtserkennung, Überwachung
+Gesichtserkennung, Überwachung, Social Credit System (China)
 Verantwortung von TechnikerInnen und MedienarbeiterInnen
 -->
 
@@ -268,6 +264,104 @@ Verantwortung von TechnikerInnen und MedienarbeiterInnen
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
+![bg cover](./assets/Bletchley_Park_Mansion.jpg)
+
+<!--
+Bletchley Park, England
+Geheimes Entschlüsselungszentrum im WWII
+-->
+
+---
+
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/alan-turing.jpg)
+
+<!--
+Alan Turing, ca. 1940
+Bletchley Park
+-->
+
+---
+
+# Alan Turing (1912–1954)
+
+**Vater der theoretischen Informatik**
+
+- 1936: **Turing-Maschine** – theoretisches Modell eines Computers
+- 1939–1945: **Bletchley Park** – Enigma-Entschlüsselung
+- 1950: "Computing Machinery and Intelligence" → **Turing-Test**
+
+**Tragisches Ende:**
+- 1952: Verurteilung wegen Homosexualität
+- Chemische Kastration als "Behandlung"
+- 1954: Tod durch Zyanid (vermutlich Suizid)
+- **2013:** Posthume königliche Begnadigung
+
+<!--
+Genialer Mathematiker und Logiker
+Rettete vermutlich Millionen Leben durch Enigma-Arbeit
+Erst 2009 offizielle Entschuldigung der brit. Regierung
+-->
+
+---
+
+# Enigma & Bletchley Park
+
+**Das Problem:** Deutsche Enigma-Maschine erzeugte 158 Trillionen mögliche Einstellungen
+
+**Turings Lösung:** Die "Bombe" – elektromechanischer Entschlüssler
+
+**Ergebnis:**
+- Alliierten konnten deutschen Funkverkehr mitlesen
+- Krieg wurde um geschätzt **2 Jahre** verkürzt
+- Bis zu **14 Millionen** Leben gerettet
+
+**Geheim bis 1970er!** Turing starb ohne Anerkennung.
+
+<!--
+Enigma: Elektrische Rotor-Chiffriermaschine
+Täglich neue Einstellungen
+Bombe: Vorläufer moderner Computer
+Parallelisierte Berechnung
+-->
+
+---
+
+# Die Turing-Maschine (1936)
+
+**Theoretisches Modell eines Computers:**
+
+```
+┌─────────────────────────────────────────┐
+│  ... │ 0 │ 1 │ 1 │ 0 │ 1 │ 0 │ ...      │  ← Unendliches Band
+└─────────────────────────────────────────┘
+              ↑
+        ┌─────────────┐
+        │ Lese-/      │
+        │ Schreibkopf │
+        └─────────────┘
+              ↓
+        ┌─────────────┐
+        │  Zustand    │  ← Endliche Zustände
+        └─────────────┘
+```
+
+**Beweis:** Alles Berechenbare kann so berechnet werden!
+→ Grundlage für **alle** modernen Computer
+
+<!--
+Abstraktes Gedankenmodell
+Kein echter Bau nötig
+Church-Turing-These
+-->
+
+---
+
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg fit opacity:0.4](./assets/oppenheimer.png)
 
 <!--
@@ -375,6 +469,41 @@ Programmiert durch 6 Frauen (ENIAC Girls)
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/Grace_Hopper.jpg)
+
+<!--
+Grace Hopper, ca. 1984
+US Navy
+-->
+
+---
+
+![bg right:30% contain](./assets/Grace_Hopper.jpg)
+
+# Grace Hopper (1906–1992)
+
+**"Amazing Grace" – Pionierin der Softwareentwicklung**
+
+- **1944:** Programmierte den Mark I (Harvard)
+- **1952:** Entwickelte den ersten **Compiler** (A-0)
+- **1959:** Mitentwicklung von **COBOL**
+- **Rear Admiral** der US Navy
+
+**Der erste "Bug":**
+1947 fand sie eine echte Motte im Mark II
+→ "Debugging" wurde zum Begriff
+
+<!--
+Compiler: Übersetzt menschenlesbare Sprache in Maschinencode
+COBOL läuft heute noch auf Bankensystemen
+"It's easier to ask forgiveness than permission"
+-->
+
+---
+
 # Von Neumanns Idee (1945)
 
 **"First Draft of a Report on the EDVAC"**
@@ -518,6 +647,18 @@ ARPANET-Karte 1969
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg](./assets/arpanet.jpg)
+
+<!--
+ARPANET-Karte 1969
+4 Knoten: UCLA, Stanford, UCSB, Utah
+-->
+
+---
+
 # Das WWW (1989)
 
 **Tim Berners-Lee** am CERN (Genf)
@@ -1373,7 +1514,7 @@ Validierung kostenlos
 # Zusammenfassung Termin 1
 
 **Geschichte:**
-- Hollerith → IBM → Nazi-Deutschland → Verantwortung
+- Hollerith → IBM → NS-Deutschland → Verantwortung
 - Manhattan-Projekt → Von Neumann → Computer-Architektur
 - ARPANET → Internet → WWW