Add section on software alternatives

.gitignore

@@ -0,0 +1 @@
+node_modules

part1/03/03.md

@@ -22,7 +22,7 @@
 ---
 
 <div class="layout-content-and-preview">
-   <div class=layout-content">
+   <div class="layout-content">
    <h2>Paketmanager</h2>
    <ul>
        <li>automatisiert und vereinheitlicht das Installieren, Updaten, Konfigurieren und Löschen von Programmen</li>
@@ -67,7 +67,7 @@
         <li>Verfügbarkeit von kompatibler Software: gut gewährleistet</li>
     </div>
     <div class="layout-preview">
-    <img src="part1/03/ubuntu.png">
+        <img src="part1/03/ubuntu.png" class="thin-padding">
     </div>
 </div>
 
@@ -85,7 +85,7 @@
     </ul>
     </div>
     <div class="layout-preview">
-    <img src="part1/03/ubuntu.png">
+    <img src="part1/03/ubuntu.png" class="thin-padding">
     <figcaption><a href="https://commons.wikimedia.org/wiki/File:Logo-ubuntu_no(r)-black_orange-hex.svg">Quelle</a></figcaption>
     </div>
 </div>
@@ -121,7 +121,7 @@
         <li>Rolling Releases: statt großen Software-Updates in Form von Versionsupgrades in größeren Abständen Veröffentlichung ständiger kleinerer Aktualisierungen</li>
    </div>
     <div class="layout-preview">
-    <img src="part1/03/manjaro.png">
+    <img src="part1/03/manjaro.png" class="thin-padding">
     <figcaption><a href="https://commons.wikimedia.org/wiki/File:Manjaro_logo_text.png">Quelle</a></figcaption>
     </div>
 </div>
@@ -136,7 +136,7 @@
     <li>Ziel: speziell für Softwareentwicklung geeignet</li>
     </div>
     <div class="layout-preview">
-    <img src="part1/03/suse.png">
+    <img src="part1/03/suse.png" class="thin-padding">
     <figcaption><a href="https://commons.wikimedia.org/wiki/File:OpenSUSE_official-logo-color.svg">Quelle</a></figcaption>
     </div>
 </div>
@@ -153,7 +153,7 @@
     </ul>
     </div>
     <div class="layout-preview">
-    <img src="part1/03/fedora.png">
+    <img src="part1/03/fedora.png" class="thin-padding">
     <figcaption><a href="https://commons.wikimedia.org/wiki/File:Fedora_logo_and_wordmark.svg">Quelle</a></figcaption>
     </div>
 </div>

part1/05/05.md

@@ -1,9 +1,136 @@
 <div class="layout-content-only">
     <div class="layout-content">
-    <h1>Einschränkungen?</h1>
+        <h1>Einschränkungen?</h1>
     </div>
 </div>
 
 ---
 
-<!-- here be content -->
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h1>Alternativen für bekannte Programme</h1>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Office">
+            <a href="https://www.libreoffice.org/">LibreOffice</a>
+        </h2>
+        <ul>
+            <li><strong>Hersteller</strong>: The Document Foundation</li>
+            <li>enthält analog zur Microsoft-Suite zahlreiche verschiedene Anwendungen:
+                <ul>
+                    <li>Writer (Word)</li>
+                    <li>Calc (Excel)</li>
+                    <li>Impress (PowerPoint)</li>
+                    <li>Draw (Visio)</li>
+                </ul>
+            </li>
+        </ul>
+        <img src="part1/05/libre-office.png">
+        Programme der LibreOffice-Suite <a href="https://www.libreoffice.org/discover/libreoffice/">(Quelle)</a>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Email">
+            <a href="https://www.thunderbird.net/en-US/">Mozilla Thunderbird</a>
+        </h2>
+        <ul>
+            <li><strong>Hersteller</strong>: Mozilla Foundation</li>
+            <li>Alternativen: <a href="https://getmailspring.com/">Mailspring</a>, <a href="https://wiki.gnome.org/Apps/Evolution/">Evolution</a></li>
+        </ul>
+        <div style="display: flex; align-items: center; flex-direction: column; padding: 1em 0;">
+            <img src="part1/05/thunderbird.png" style="width:50%; margin: 0 auto;">
+        </div>
+        <a href="https://www.thunderbird.net/en-US/" style="text-align: center; display: block;">(Quelle)</a>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Grafik">
+            <a href="https://www.gimp.org/">GIMP</a>
+        </h2>
+        <ul>
+            <li>Programm zur Bearbeitung von Rastergrafiken</li>
+            <li>häufig als Photoshop-Alternative genannt wegen der Retusche-Kapazitäten</li>
+        </ul>
+        <img src="part1/05/gimp.jpg">
+        <a href="de.wikipedia.org/wiki/gimp" style="text-align: center; display: block;">(Quelle)</a>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Grafik">
+            <a href="https://krita.org/en/">Krita</a>
+        </h2>
+        <ul>
+            <li>Zeichenprogramm für Raster- und Vektorgrafiken</li>
+            <li>mindestens unter Debian-basierten Distributionen ist die Nutzung von Grafiktablets möglich (Wacom-Treiber sind gut unterstützt)</li>
+        </ul>
+        <img src="part1/05/krita.png">
+        <a href="de.wikipedia.org/wiki/krita" style="text-align: center; display: block;">(Quelle)</a>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Grafik">
+            <a href="https://www.scribus.net/">Scribus</a>
+        </h2>
+        <ul>
+            <li>Desktop-Publishing-Programm</li>
+            <li>Grundkonzept ähnlich zu Adobe InDesign</li>
+        </ul>
+        <img src="part1/05/scribus.png">
+        <a href="de.wikipedia.org/wiki/scribus" style="text-align: center; display: block;">(Quelle)</a>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Grafik">
+            <a href="https://inkscape.org/">Inkscape</a>
+        </h2>
+        <ul>
+            <li>Programm zur Erstellung von Vektorgrafiken</li>
+            <li>Grundkonzept ähnlich zu Adobe Illustrator</li>
+        </ul>
+        <img src="part1/05/inkscape.png">
+        <a href="de.wikipedia.org/wiki/inkscape" style="text-align: center; display: block;">(Quelle)</a>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2 data-category="Grafik">
+            <a href="https://www.darktable.org/">Darktable</a>
+        </h2>
+        <ul>
+            <li>Programm zur Aufbereitung und Verwaltung von Digitalfotos (mit RAW-Support)</li>
+            <li>Grundkonzept ähnlich zu Adobe Lightroom</li>
+        </ul>
+        <img src="part1/05/darktable.png">
+        <a href="de.wikipedia.org/wiki/darktable" style="text-align: center; display: block;">(Quelle)</a>
+    </div>
+</div>
+
+---