Add FS Theme details

README.md

@@ -2,7 +2,7 @@
 
 In diesem Repository befinden sich die Präsentation und die Materialien für das Linux-Tutorium der Fachschaft WIAI. Für die Präsentation wurde auf [Reveal.js](https://revealjs.com) zurückgegriffen.
 
-### Verwendung der Präsentation
+## Verwendung der Präsentation
 
 Die Präsentation benötigt eine aktuelle Version von [Node.js](https://nodejs.org/en/). Im Anschluss müssen untenstehende Befehle ausgeführt werden, um einen lokalen Server unter http://localhost:8000 zu starten.
 
@@ -11,3 +11,52 @@ $ cd path/to/latex-wochenende/presentation
 $ npm install
 $ npm start
 ```
+
+## Das fachschaftseigene CSS-Theme
+Wir verwenden das Theme, das Flo und Christian für das LaTeX-Tutorium gebaut haben. Es gibt vier verschiedene Klassen für Folien:
+* layout-content-only: nur Text, ohne Illustration auf der rechten Seite
+* layout-preview-only: nur Illustration, ohne Text
+* layout-content-and-preview: Text in der linken Folienhälfte, Illustration in der rechten
+* layout-wide-content: nur Text, extra breite Ansicht
+
+Beispiele, wie damit Folien aufgebaut werden können:
+```html
+<div class="layout-content-only">
+    <div class="layout-content">
+    <h1>Linux, was ist das?</h1>
+    <p>Ein Betriebssystem.</p>
+    </div>
+</div>
+```
+
+```html
+<div class="layout-preview-only">
+    <div class="layout-preview">
+    <img src="images/arch_logo.jpg">
+    <figcaption>Arch</figcaption>
+    </div>
+</div>
+```
+
+```html
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+        <h2>Entstehung</h2>
+        <ul>
+            <li>Linus Torvalds</li>
+            <li>Richard Stallman</li>
+        </ul>
+    </div>
+    <div class="layout-preview">
+        <img src="images/tux.jpg">
+    </div>
+</div>
+```
+
+```html
+<div class="layout-wide-content">
+    <div class="layout-content">
+    <h1>Warum Linux?</h1>
+    <p>Weil es da Pinguine gibt.</p>
+</div>
+```