Compare commits
10 commits
61745b973c
...
31118be939
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
31118be939 | ||
|
|
edc3c2b521 | ||
|
|
6ed5c6188b | ||
|
|
2ad5e16f3a | ||
|
|
244e0d3b85 | ||
|
|
40d86092b2 | ||
|
|
44c706e604 | ||
|
|
adedec6809 | ||
|
|
7953665675 | ||
|
|
e93ddce58a |
2 changed files with 58 additions and 40 deletions
88
README.md
88
README.md
|
|
@ -1,16 +1,13 @@
|
||||||
# Sermon Marp Theme
|
# 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:
|
- **sermon-slide:** Optimiert für Beamer mit sanften Verläufen und grosser Schrift (35px).
|
||||||
- **Lesbarkeit:** Grosse Basisschrift: 35px für Beamer-Präsentationen und 18px für das Manuskript (ideal für den Booklet-Druck)
|
- **sermon-a4:** Optimiert für den Druck (A4) mit Fokus auf Schwarz-Weiss-Kontrast und Papiereinsparung.
|
||||||
- **Ä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
|
||||||
|
|
||||||
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
|
```json
|
||||||
"markdown.marp.themes": [
|
"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
|
```markdown
|
||||||
---
|
---
|
||||||
|
|
@ -71,21 +75,30 @@ 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
|
### 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
|
```markdown
|
||||||
---
|
---
|
||||||
marp: true
|
marp: true
|
||||||
theme: sermon-a4
|
theme: sermon-a4
|
||||||
|
class: booklet
|
||||||
|
paginate: true
|
||||||
---
|
---
|
||||||
|
|
||||||
# Deine Predigt
|
# Deine Predigt
|
||||||
|
|
@ -98,6 +111,14 @@ theme: sermon-a4
|
||||||
> ›Ä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:
|
||||||
|
|
@ -106,42 +127,33 @@ 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: 18pt;
|
--font-size: 12pt;
|
||||||
--line-height: 1.6;
|
--line-height: 1.5;
|
||||||
--font-family: 'Ubuntu', sans-serif;
|
--font-size-booklet: 18pt;
|
||||||
--primary-color: #000;
|
--line-height-booklet: 1.6;
|
||||||
--lighter-color: #666;
|
--font-family: 'Ubuntu', sans-serif;
|
||||||
--bg-color: #eee;
|
--primary-color: #000;
|
||||||
--mark-color: #eee;
|
--lighter-color: #666;
|
||||||
|
--bg-color: #eee;
|
||||||
|
--mark-color: #eee;
|
||||||
--margin-page: 25px 35px;
|
--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:
|
Dieses Projekt steht unter der MIT-Lizenz.
|
||||||
|
|
||||||
"[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
|
||||||
`@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>*
|
||||||
|
|
@ -1,11 +1,17 @@
|
||||||
/* @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
|
|
||||||
|
|
||||||
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 "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");
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue