Michael Czechowski
3bd6d7b459
- endnutzer -> endnutzerInnen, fix lossy reversibility wording - add tar to deflate examples, reword shannon-limit - expand kompression-vertiefung speaker notes: lz77/lz78/deflate/tar explained - resolve all abbreviations in speaker notes (cmyk, rgb, css, html, http, smtp, url, cjk, utf-8, si, iec, iot, lto, ssd, hdd, ecc, raid, vhs, fft, jpeg, aac, riaa, foss, iis, rle) - minor slide fixes: hex examples, byte value, wording improvements
HdM Slides
Presentation slides for HdM Stuttgart courses, built with Marp.
Courses
| Code | Title | Kapitel |
|---|---|---|
| 223015b | Dateiformate, Schnittstellen, Speichermedien | 6 |
| 223015c | Internettechnologien | 3 |
Project Structure
slides/
├── 223015b/ # Dateiformate course
│ ├── 00-intro.md
│ ├── 01-grundlagen-text-audio.md
│ └── ...
└── 223015c/ # Internettechnik course
├── 01-geschichte-grundlagen-html.md
└── ...
scripts/ # Build scripts
build/ # Generated output (gitignored)
Development
# Start development server (hot reload)
make dev # Single server for all courses (port 3000)
# Access individual courses:
# 223015b: http://localhost:3000/223015b/
# 223015c: http://localhost:3000/223015c/
Build
make build # Build all (HTML + PDF)
make build-b # Build 223015b only
make build-c # Build 223015c only
make html # HTML only
make pdf # PDF only
Klausur Folien
Extract exam-relevant slides (marked with <!-- _class: klausur -->) into a single file:
make klausur # Extract all courses
make klausur-b # 223015b only
make klausur-c # 223015c only
Output: slides/<course>/klausurfolien.md
The generated file includes:
- A title slide per kapitel for orientation
- All slides marked with
<!-- _class: klausur -->
Tools
make qr URL=https://example.com # Generate QR code
make qr-slides COURSE=223015b # QR for course URL
make optimize-images COURSE=223015b # Resize images
Deploy
make deploy # Deploy all courses
make deploy-b # Deploy 223015b only
make deploy-c # Deploy 223015c only
Marking Slides as Klausur-Relevant
Add this comment block after the slide separator:
---
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Your Slide Title
Content here...
The klausur class adds a visual indicator (diagonal stripes) during presentation.