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.