Michael Czechowski
aea96edd09
223015c (internettechnik): - byte-aufbau ausgebaut (build-up tabelle 0..127..255 wie b) - neue slides: why-8-bit, byte-flow, three-views nach byte-nibble-hex/hex-dec-table 223015b (dateiformate): - byte-nibble-hex slide eingebaut - neue slides: why-8-bit (vor hex-lead), hex-dec-table, byte-flow, three-views - wo-begegnet-hex tabelle (CSS, MAC, fehlercodes, speicher, unicode) - bit-vs-byte verwirrung (Mbit/s vs MB/s) konvention: 'Byte' und 'Bit' invariant, kein plural-s
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.