Formate der pandoc-Elemente

Body

• bei normaler Website zentriert mit größeren Rändern
• linker Rand ggf. mit Sidebar (_mdm_sidebar_.html) zur Navigation
• rechter Rand mit TOC (Inhaltsverzeichnis aus h1 und h2-Titeln)

In schmaler werdendem Browserfenster bis hin zu Smartphones eskaliert die Formatierung wie folgt:

• Größenänderungen
• Erst: Linker Rand verschwindet, sidebar erscheint rechts
• Dann: Rechter Rand verschwindet, TOC tritt in den Body ein, sidebar zum Aufklappen

Beim Drucken bzw. DIN-A4-PDF-Export verschwindet ebenfalls der linke Rand und einige Formatierungen werden leicht angepasst.

Sonderfall “Slides”: PDF-Export, der mit Querformat-PDF arbeitet. Ziel sind iPads zur Bildschirmübertragung. Diese haben leider kein einheitliches Format. Insgesamt eher große Schrift, h3 ist Seitentrenner/Slidetrenner, standardmäßig kein Rand.

Farben

Zuerst wird –my-hue festgelegt, ein Winkel im Farbkreis. Bei mir 216, ein bestimmter Blauton.
Daraus werden –main-color (z.B. Überschriften), –accent-color (z.B. Links) sowie –deco-color und –bg-color errechnet. An anderer Stelle auch die Hintergrundfarben für m²_kasten_alt1 usw.
Die Farbe ist z.B. auf ausreichenden Kontrast für Sehbehinderte geprüft.

Überschriften

• Farbe siehe oben.
• Größe natürlich gestaffelt, aber etwas zurückhaltender.
• Zusätzlich horizontale Linie unter den Überschriften h1 bis h3

Links

• Farbe: –accent-color
• Links, die mit http anfangen erhalten ein ⬀ vor dem Link, da dieser vermutlich extern ist.
• Beim Ausdrucken werden die URLs der Links komplett, aber verkleinert wiedergegeben. Dies kann pro Link mit der Klasse m²_no_link_expansion unterdrückt werden.

Tabellen

unverändert

Schriften

• Normal, sans-serif: Radio Canada (Überschriften, Texte)
• Monospaced: Source Code Pro (Quelltexte)
• Serifenschrift: Bitter (Bild-Beschriftungen)
• Beim zusätzlichen Style “schule” werden die Folien-Überschriften h3 mit einer runderen Schrift geschrieben.

Blockquote

:::m²_red
> Ein Zitat, oder eine Anmerkung mit farbigem Balken. (green, black und andere auch möglich).

:::

Definitionen

pandoc erzeugt selbst die dl, dt und dd Tags. Ich habe sie formatiert…

Vokabel
: Definition davon.

Links steht der Begriff, farblich und fett hervorgegeben. Rechts davon ein Block mit der Beschreibunge auf gleicher Höhe beginnend.

abstract

Kann im YAML-Bereich angegeben werden und wird etwas kleiner formatiert. Dabei wird genug Platz für den TOC gelassen.

Christian Bienmüller