Compare commits

...

10 commits

Author SHA1 Message Date
simonpipe
31118be939 formating 2026-05-28 11:36:50 +02:00
simonpipe
edc3c2b521 Update README.md 2026-05-18 17:17:14 +02:00
simonpipe
6ed5c6188b Update README.md 2026-05-12 11:56:37 +02:00
simonpipe
2ad5e16f3a Update README.md 2026-05-12 11:56:14 +02:00
simonpipe
244e0d3b85 Update README.md 2026-05-12 11:55:05 +02:00
simonpipe
40d86092b2 Update README.md 2026-05-12 11:53:52 +02:00
simonpipe
44c706e604 Update README.md 2026-05-12 11:49:11 +02:00
simonpipe
adedec6809 Update README.md 2026-05-12 11:45:51 +02:00
simonpipe
7953665675 Update README.md 2026-05-12 11:45:29 +02:00
simonpipe
e93ddce58a Update sermon-a4.css 2026-05-12 11:19:08 +02:00
2 changed files with 58 additions and 40 deletions

View file

@ -1,16 +1,13 @@
# Sermon Marp Theme
Ein klares, gut lesbares Theme für **Marp**, das speziell für Predigten und geistliche Vorträge entwickelt wurde. Einmal für Beamer-Slides und einmal auch in der A4-Version für das ausgeschriebene Predigtmanuskript.
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).
Dieses Theme legt besonderen Wert auf:
- **Lesbarkeit:** Grosse Basisschrift: 35px für Beamer-Präsentationen und 18px für das Manuskript (ideal für den Booklet-Druck)
- **Ä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)
- **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.
## Installation & Nutzung
Wenn du Marp for VS Code nutzt, dann füge das Sermon-Theme unter settings.json hinzu:
Füge die Themes in deiner VS Code settings.json hinzu:
```json
"markdown.marp.themes": [
@ -19,10 +16,17 @@ Wenn du Marp for VS Code nutzt, dann füge das Sermon-Theme unter settings.json
],
```
### Sermon-Slide (Präsentation)
### Sermon-Slide
Das Theme für den Gottesdienst-Beamer. Nutzt eine klare Hierarchie und die lead-Klasse für Fokus-Momente.
Die Markdown-Datei könnte dann so aussehen:
Besondere Features:
- **Lesbarkeit:** Grosse Basisschrift: 35px für Beamer-Präsentationen.
- **Ästhetik:** Ein sanfter Farbverlauf
- **Fokus:** Eine spezielle `lead`-Klasse für Titelfolien und Kernverse
Beispiel:
```markdown
---
@ -71,21 +75,30 @@ style: |
--gradient-start: #FFF;
--gradient-end: #C4E7FF;
--gradient-direction: to bottom left ;
font-family: 'Ubuntu', sans-serif;
}
---
```
### Sermon-A4
### Sermon-A4 (Druckversion)
Die Markdown Datei könnte dann so aussehen:
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:
```markdown
---
marp: true
theme: sermon-a4
class: booklet
paginate: true
---
# Deine Predigt
@ -98,6 +111,14 @@ theme: sermon-a4
> Ä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:
@ -106,42 +127,33 @@ Du kannst direkt in der Markdown Datei folgende Werte anpassen:
---
marp: true
theme: sermon-a4
class: booklet
paginate: true
style: |
:root {
--font-size: 18pt;
--line-height: 1.6;
--font-family: 'Ubuntu', sans-serif;
--primary-color: #000;
--lighter-color: #666;
--bg-color: #eee;
--mark-color: #eee;
--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
## Credits & Lizenzen
### sermon-slide.css
- **sermon-slide.css:** Basiert auf dem [Gradient Theme](https://github.com/rnd195/my-marp-themes/tree/live) von rnd195.
- **sermon-a4.css:** Inspiriert durch [a4-clean.css](https://github.com/stanfrbd/A4-marp/tree/main) von stanfrdb.
Dieses Theme ist ein abgeleitetes Werk (derivative work) und basiert auf dem:
"[Gradient Theme](https://github.com/rnd195/my-marp-themes/tree/live)" von rnd195.
### sermon-a4.css
Dieses Theme ist ein abgeleitetes Werk (derivative work) und basiert auf dem:
"[a4-clean.css](https://github.com/stanfrbd/A4-marp/tree/main)" von stanfrdb.
## Lizenzen
Dieses Projekt steht unter der [MIT-Lizenz](https://codeberg.org/simonpipe/sermon-theme-for-marp/src/branch/main/LICENSE).
Die ursprüngliche Lizenz des Gradient-Theme findest du hier: [MIT License (rnd195)](https://github.com/rnd195/my-marp-themes/blob/live/licenses/LICENSE).
Dieses Projekt steht unter der MIT-Lizenz.
## Autor & Kontakt
Simon Pipe
`@simon@social.thepipes.ch` <img src="https://social.thepipes.ch/fileserver/01YNW70Y1J0JS976ND7GHB71B3/emoji/original/01K76NQ5R2VSSHN8ZC4NA87XM3.png" alt="GoToSocial (Fediverse)" title="GoToSocial (Fediverse)" height="16"/> GoToSocial / Fediverse
*Fediverse: <a href="https://snac.thepipes.ch/simon">@simon@snac.thepipes.ch</a>*

View file

@ -1,11 +1,17 @@
/* @theme sermon-a4
author: simonpipe (codeberg.org/simonpipe/)
License: MIT
Inspired by "a4-clean.css" by stanfrdb
Standalone A4/Booklet theme based on Marp 'base'.
This theme is optimized for A4 printing.
Inspired by "a4-clean.css" by stanfrdb (https://github.com/stanfrbd/A4-marp/tree/main)
Usage:
- Default: Standard A4 layout with 12pt font size.
- Class 'booklet': Scales the layout to 18pt for easy-to-read booklet printing.
(Set 'class: booklet' in your Markdown YAML header)
*/
@import "base";
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");