Compare commits

..

No commits in common. "31118be939052ea6d70fca587969f8de34c80939" and "61745b973cc3ac8250d18ea82d0459dd673cb8d1" have entirely different histories.

2 changed files with 40 additions and 58 deletions

View file

@ -1,13 +1,16 @@
# Sermon Marp Theme # 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). 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.
- **sermon-slide:** Optimiert für Beamer mit sanften Verläufen und grosser Schrift (35px). Dieses Theme legt besonderen Wert auf:
- **sermon-a4:** Optimiert für den Druck (A4) mit Fokus auf Schwarz-Weiss-Kontrast und Papiereinsparung. - **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)
## Installation & Nutzung ## Installation & Nutzung
Füge die Themes in deiner VS Code settings.json hinzu: Wenn du Marp for VS Code nutzt, dann füge das Sermon-Theme unter settings.json hinzu:
```json ```json
"markdown.marp.themes": [ "markdown.marp.themes": [
@ -16,17 +19,10 @@ Füge die Themes in deiner VS Code settings.json hinzu:
], ],
``` ```
### Sermon-Slide (Präsentation)
Das Theme für den Gottesdienst-Beamer. Nutzt eine klare Hierarchie und die lead-Klasse für Fokus-Momente. ### Sermon-Slide
Besondere Features: Die Markdown-Datei könnte dann so aussehen:
- **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 ```markdown
--- ---
@ -75,30 +71,21 @@ style: |
--gradient-start: #FFF; --gradient-start: #FFF;
--gradient-end: #C4E7FF; --gradient-end: #C4E7FF;
--gradient-direction: to bottom left ; --gradient-direction: to bottom left ;
font-family: 'Ubuntu', sans-serif; font-family: 'Ubuntu', sans-serif;
} }
--- ---
``` ```
### Sermon-A4 (Druckversion) ### Sermon-A4
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. Die Markdown Datei könnte dann so aussehen:
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 ```markdown
--- ---
marp: true marp: true
theme: sermon-a4 theme: sermon-a4
class: booklet
paginate: true
--- ---
# Deine Predigt # Deine Predigt
@ -111,14 +98,6 @@ paginate: true
> Ändert euer Leben! Gott will euch eure Schuld vergeben. > Ändert euer Leben! Gott will euch eure Schuld vergeben.
> <cite>Lukas 24,47b BasisBibel</cite> > <cite>Lukas 24,47b BasisBibel</cite>
---
<div class="copyright">
Copyright © Deine Text
</div>
---
``` ```
Du kannst direkt in der Markdown Datei folgende Werte anpassen: Du kannst direkt in der Markdown Datei folgende Werte anpassen:
@ -127,33 +106,42 @@ Du kannst direkt in der Markdown Datei folgende Werte anpassen:
--- ---
marp: true marp: true
theme: sermon-a4 theme: sermon-a4
class: booklet
paginate: true
style: | style: |
:root { :root {
--font-size: 12pt; --font-size: 18pt;
--line-height: 1.5; --line-height: 1.6;
--font-size-booklet: 18pt; --font-family: 'Ubuntu', sans-serif;
--line-height-booklet: 1.6; --primary-color: #000;
--font-family: 'Ubuntu', sans-serif; --lighter-color: #666;
--primary-color: #000; --bg-color: #eee;
--lighter-color: #666; --mark-color: #eee;
--bg-color: #eee;
--mark-color: #eee;
--margin-page: 25px 35px; --margin-page: 25px 35px;
--colorblockquote: #333;
} }
--- ---
``` ```
## Credits & Lizenzen ## Credits
- **sermon-slide.css:** Basiert auf dem [Gradient Theme](https://github.com/rnd195/my-marp-themes/tree/live) von rnd195. ### sermon-slide.css
- **sermon-a4.css:** Inspiriert durch [a4-clean.css](https://github.com/stanfrbd/A4-marp/tree/main) von stanfrdb.
Dieses Projekt steht unter der MIT-Lizenz. 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).
## Autor & Kontakt ## Autor & Kontakt
Simon Pipe Simon Pipe
*Fediverse: <a href="https://snac.thepipes.ch/simon">@simon@snac.thepipes.ch</a>* `@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

View file

@ -1,17 +1,11 @@
/* @theme sermon-a4 /* @theme sermon-a4
author: simonpipe (codeberg.org/simonpipe/) author: simonpipe (codeberg.org/simonpipe/)
License: MIT License: MIT
Inspired by "a4-clean.css" by stanfrdb
This theme is optimized for A4 printing. Standalone A4/Booklet theme based on Marp 'base'.
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 "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"); @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");