Michael Czechowski
32cf27d87c
- add CSS variables for colors (foreground, highlight, dimmed) - style code blocks with dark background and blue accent - improve inline code appearance - update link colors - add deploy restriction to CLAUDE.md
223015b – Dateiformate, Schnittstellen, Speichermedien & Distributionswege
Modul "Technik 1" · 1. Semester · Digital- und Medienwirtschaft Hochschule der Medien Stuttgart · Wintersemester 2025/26
Repository: git.librete.ch/hdm/223015b
Termine
| # | Datum | Thema |
|---|---|---|
| 1 | 19.12.2025 | Grundlagen, Text & Audio |
| 2 | 09.01.2026 | Bild- & Videoformate |
| 3 | 23.01.2026 | Speichermedien & Schnittstellen |
| 4 | 30.01.2026 | Distribution, APIs & Zukunft |
| 5 | TBA | Vertiefung & offene Fragen |
Kompetenzen
In dieser Veranstaltung erwerben Sie folgende Kompetenzen:
- Technische Konzepte des Internets verstehen (Netzwerke, Protokolle, Client/Server)
- Dateiformate analysieren und verstehen
- Grundlagen von Kompression (Audio, Bild, Video)
- Speichermedien und Schnittstellen kennen
- APIs und Distributionswege verstehen
Dozent: Michael Czechowski · mail@librete.ch
Slides erstellen
Basic Slide Structure
Slides are written in Markdown and separated by ---:
---
marp: true
theme: uncover
paginate: true
---
# Slide Title
Content here
---
# Next Slide
More content
Frontmatter
Configure slide settings at the top:
---
marp: true
theme: uncover
paginate: true
backgroundColor: #fff
title: My Presentation
---
Themes
Use built-in themes:
defaultgaiauncover
Or create custom themes in themes/ directory.
Images and Assets
Place images in assets/ directory and reference them:
Custom Themes
Create custom themes in themes/ directory:
/* @theme custom-theme */
@import-theme "gaia";
section {
background-color: #f0f8ff;
color: #2c3e50;
}
h1 {
color: #3498db;
}
Apply custom theme in frontmatter:
---
marp: true
theme: custom-theme
---
Development Workflow
- Edit slide files in
slides/directory - Use
npm run devfor live preview - Make changes and see updates automatically
- Export final version with
npm run export:pdf
Makefile Commands
Alternative commands using Make:
make build # Build slides
make dev # Start development server
make pdf # Export to PDF
make html # Export to HTML
make watch # Watch for changes
make clean # Remove generated files
make deploy # Deploy slides to server
Tips
- Use
---to separate slides - Frontmatter controls global settings
- Images should be in
assets/directory - Custom themes extend built-in themes
- PDF export requires Chrome/Chromium
Troubleshooting
- PDF export fails: Ensure Chrome/Chromium is installed
- Server not starting: Check if port 8080 is available
- Styles not applying: Verify theme file paths
- Images not loading: Check relative paths from slides directory
Contributing
- Follow the file structure conventions
- Use numbered prefixes for slide files
- Test builds before committing
- Keep commit messages lowercase and descriptive
License
This project is licensed under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0).
This project uses Marp which is MIT licensed.