sermon-theme-for-marp/README.md
2026-05-12 11:45:29 +02:00

4.6 KiB
Raw Blame History

Sermon Marp Theme

Zwei Marp Themes, die speziell für die Bedürfnisse im kirchlichen Kontext entwickelt wurden. Sie bieten ein konsistentes Design für die visuelle Begleitung (Beamer) und die schriftliche Ausarbeitung (Manuskript/Booklet).

  • sermon-slide: Optimiert für Beamer mit sanften Verläufen und grosser Schrift (35px).
  • sermon-a4: Optimiert für den Druck (A4) mit Fokus auf Schwarz-Weiss-Kontrast und Papiereinsparung.

Dieses Theme legt besonderen Wert auf:

  • Lesbarkeit: Grosse Basisschrift: 35px für Beamer-Präsentationen und zwei Schriftgrössen für die A4-Version (12px und 18px beim Booklet-Modus).
  • Ästhetik: Ein sanfter Farbverlauf in Blau-Weiss und ein weisser Hintergrund für den Ausdruck
  • Zitate: Optimierte Darstellung für Bibelverse und Zitate.
  • Fokus: Eine spezielle lead-Klasse für Titelfolien und Kernverse (nur für Slides)
  • Copyright-Block: Eine dedizierte Klasse .copyright für professionelle Quellenangaben am Ende des Dokuments. (nur für A4)

Installation & Nutzung

Füge die Themes in deiner VS Code settings.json hinzu:

    "markdown.marp.themes": [
      "https://codeberg.org/simonpipe/sermon-theme-for-marp/raw/branch/main/sermon-slide.css",
      "https://codeberg.org/simonpipe/sermon-theme-for-marp/raw/branch/main/sermon-a4.css",
    ],

Sermon-Slide

Das Theme für den Gottesdienst-Beamer. Nutzt eine klare Hierarchie und die lead-Klasse für Fokus-Momente.

---
marp: true
theme: sermon-slide
_class: lead
---

# Deine Predigt
## Untertitel mit Trennlinie

---

# Bibelvers

> Ändert euer Leben! Gott will euch eure Schuld vergeben.
> <cite>Lukas 24,47b BasisBibel</cite>

Du kannst direkt in der Markdown-Datei folgende Werte anpassen:

---
marp: true
theme: sermon-slide
_class: lead
style: |
  :root {
    --colorh1: #265770;
    --colorh2: #265770;
    --colorh3: #265770;
    --colorh4: #265770;
    --colorh5: #265770;
    --colorh6: #265770;
    --colortext: #393552;
    --colorleadh2: #265770;
    --colorleadtext: #333;
    --colorleadborder: #333;
    --colorbottombar: #354652;
    --colorcite: #2d5f83;
    --colormark: #ffffa590;
    --colorprecode: #ffffff80;
    --colorblockquote: #000;
    --colorbg: #ffffff;
    --gradient-start: #FFF;
    --gradient-end: #C4E7FF;
    --gradient-direction: to bottom left ;

    font-family: 'Ubuntu', sans-serif;
  }

---

Sermon-A4

  1. Sermon-A4 (Druckversion)

Dieses Theme ist unabhängig vom Slide-Theme aufgebaut (@import "base"), um maximale Stabilität beim Layout zu garantieren. Es zentriert Inhalte nicht vertikal, sondern startet immer oben auf der Seite.

Besondere Features:

Booklet-Druck: Nutze class: booklet im YAML-Header für 18pt Schriftgröße.

Kompakte Zitate: Verse und Quellen werden in einer Zeile ohne Umbruch dargestellt.

Copyright: Nutze <div class="copyright">...</div> für einen dezenten Block am Ende.

Beispiel:

---
marp: true
theme: sermon-a4
class: booklet
paginate: true
---

# Deine Predigt
## Untertitel mit Trennlinie

---

# Bibelvers

> Ändert euer Leben! Gott will euch eure Schuld vergeben.
> <cite>Lukas 24,47b BasisBibel</cite>

---

<div class="copyright">
Copyright © Deine Text
</div>

---

Du kannst direkt in der Markdown Datei folgende Werte anpassen:

---
marp: true
theme: sermon-a4
class: booklet
paginate: true
style: |
  :root {
    --font-size: 12pt; 
    --line-height: 1.5; 
    --font-size-booklet: 18pt; 
    --line-height-booklet: 1.6; 
    --font-family: 'Ubuntu', sans-serif; 
    --primary-color: #000; 
    --lighter-color: #666; 
    --bg-color: #eee; 
    --mark-color: #eee; 
    --margin-page: 25px 35px; 
    --colorblockquote: #333;
  }

---

Credits

sermon-slide.css

Dieses Theme ist ein abgeleitetes Werk (derivative work) und basiert auf dem:

"Gradient Theme" von rnd195.

sermon-a4.css

Dieses Theme ist ein abgeleitetes Werk (derivative work) und basiert auf dem:

"a4-clean.css" von stanfrdb.

Lizenzen

Dieses Projekt steht unter der MIT-Lizenz.

Die ursprüngliche Lizenz des Gradient-Theme findest du hier: MIT License (rnd195).

Autor & Kontakt

Simon Pipe
@simon@social.thepipes.ch GoToSocial (Fediverse) GoToSocial / Fediverse