# Image List for HdM Internettechnik Slides

This document lists all images needed for the lecture slides. Each image includes:
- **Filename**: Target filename in `./assets/`
- **Context**: Where/why it's used in the slides
- **AI Prompt**: Suggested prompt for image generation (Gemini, DALL-E, Midjourney, etc.)

**Recommended settings:**
- Aspect ratio: 16:9 (1920x1080 or similar)
- Style: Clean, professional, educational
- For historical photos: Consider using real images from Wikipedia Commons or similar

**Legend:**
- ✅ = Already exists in assets/
- ⬚ = Not yet created

---

## Intro / Title Slides

### ⬚ digital-landscape.png
- **Context**: Opening slide background for Termin 1, sets futuristic tech mood
- **AI Prompt**: Futuristic digital landscape with glowing blue and purple data streams, abstract network connections, binary patterns flowing through a neon-lit cyber environment, wide cinematic shot, no text

### ⬚ network-cables.png
- **Context**: Opening slide background for Termin 2 (Netzwerke, Protokolle, CSS)
- **AI Prompt**: Network infrastructure with colorful ethernet cables, server racks, fiber optic lights, data center aesthetic, blue and orange accent lighting, wide cinematic shot, no text

### ⬚ javascript-code.png
- **Context**: Opening slide background for Termin 3 (Interaktivität, JavaScript)
- **AI Prompt**: JavaScript code on dark IDE background, syntax highlighting in vibrant colors, modern code editor aesthetic, shallow depth of field on code, programming atmosphere, wide cinematic shot, no text

---

## Termin 1: Geschichte, Grundlagen & HTML

### ⬚ hollerith-machine.jpg
- **Context**: Herman Hollerith's tabulating machine, US Census 1890
- **AI Prompt**: Historical photograph style of Hollerith tabulating machine from 1890s, punch card reader, mechanical computing device, sepia tone, museum exhibit quality, vintage industrial equipment
- **Search**: `Hollerith tabulating machine` on commons.wikimedia.org or `site:loc.gov Hollerith census`

### ⬚ dehomag-hollerith.jpg
- **Context**: IBM Hollerith machines used by Dehomag (Deutsche Hollerith-Maschinen GmbH) in 1930s Germany
- **AI Prompt**: Historical photograph style of Hollerith machines in 1930s German office setting, punch card processing, bureaucratic documentation, black and white historical photo aesthetic
- **Search**: `Dehomag Hollerith` or `Deutsche Hollerith-Maschinen` on commons.wikimedia.org or bundesarchiv.de

### ⬚ oppenheimer-poster.jpg
- **Context**: Reference to Manhattan Project, introduces WWII computing context
- **AI Prompt**: Dramatic portrait in style of Oppenheimer movie poster, scientist silhouette against atomic explosion background, 1940s aesthetic, cinematic dramatic lighting
- **Search**: `Oppenheimer 2023 poster` or `J. Robert Oppenheimer portrait` on commons.wikimedia.org

### ⬚ john-von-neumann.jpg
- **Context**: Portrait of John von Neumann, father of computer architecture
- **AI Prompt**: Professional portrait of 1950s mathematician/scientist, suit and tie, blackboard with equations in background, academic setting, black and white photography style
- **Search**: `John von Neumann` on commons.wikimedia.org (public domain photos available)

### ⬚ eniac.jpg
- **Context**: ENIAC computer (1945), first electronic general-purpose computer
- **AI Prompt**: Historical photograph of ENIAC computer room, massive machine with vacuum tubes, cables, switches, 1940s technology, operators working, wide shot showing scale, black and white
- **Search**: `ENIAC computer` on commons.wikimedia.org or `site:archives.upenn.edu ENIAC`

### ⬚ arpanet-1969.png
- **Context**: First ARPANET map showing 4 nodes (UCLA, Stanford, UCSB, Utah)
- **AI Prompt**: Clean diagram of early ARPANET network from 1969, four nodes connected by lines, US map background, vintage technical drawing style, labeled nodes: UCLA, SRI, UCSB, Utah
- **Search**: `ARPANET 1969 map` or `ARPANET logical map` on commons.wikimedia.org

### ⬚ lightbulb-onoff.png
- **Context**: Explaining the bit concept (0 or 1, on or off)
- **AI Prompt**: Simple lightbulb comparison: one lit bright yellow, one dark/off, side by side, clean minimal style, binary concept visualization, white background, educational diagram

---

## Summary

| Lecture | Total | ✅ Done | ⬚ Todo |
|---------|-------|--------|--------|
| Intro/Title Slides | 3 | 0 | 3 |
| Termin 1 (Geschichte/Grundlagen/HTML) | 7 | 0 | 7 |
| Termin 2 (Netzwerke/Protokolle/CSS) | 0 | 0 | 0 |
| Termin 3 (Interaktivität/JavaScript) | 0 | 0 | 0 |
| **Total** | **10** | **0** | **10** |

---

## Generation Tips

1. **Historical photos**: Prefer real historical photos from Wikipedia Commons, Library of Congress, or university archives for authenticity
2. **Diagrams**: Use "clean infographic style", "technical illustration", "minimal diagram" in prompts
3. **Backgrounds**: Use "wide cinematic shot", "no text", "opacity-friendly" for title slide backgrounds
4. **Consistency**: Add "educational style", "professional presentation" to maintain visual coherence

## Asset Directory

Create the assets directory if it doesn't exist:
```bash
mkdir -p ./assets
```

Place all images in `./slides/assets/` with the exact filenames listed above.