cleanup; new build system for reveal.js

.drone.yml

@@ -14,19 +14,18 @@ pipeline:
       - ./compile.sh inkscape
 
   libreoffice:
-    group: prepare
+    group: build
     image: jess/libreoffice
     commands:
       - apk add --no-cache make
       - ./compile.sh libreoffice
 
   revealjs:
-    group: prepare
+    group: build
-    image: node:alpine
+    image: python:3-alpine
-    environment:
-      - NODE_ENV=production
     commands:
       - apk add --no-cache make
+      - pip install -r requirements.txt
       - ./compile.sh revealjs
 
   latex:
@@ -36,5 +35,6 @@ pipeline:
       - ./compile.sh latex
 
   publish:
+    group: publish
     image: sbruder/drone-netlify
     secrets: [ "netlify_key" ]

.gitignore

@@ -15,5 +15,5 @@
 # fonts downloaded by script
 /latex/fonts
 
-# node modules (revealjs)
+# reveal js (generated)
-node_modules
+/revealjs/*/index.html

.gitmodules

@@ -1,3 +1,9 @@
 [submodule "mtheme"]
 	path = latex/mtheme
 	url = https://github.com/matze/mtheme
+[submodule "revealjs/themes/reveal-hugo"]
+	path = revealjs/themes/reveal-hugo
+	url = https://github.com/dzello/reveal-hugo
+[submodule "revealjs/_assets/reveal.js"]
+	path = revealjs/_assets/reveal.js
+	url = https://github.com/hakimel/reveal.js

Makefile

@@ -1,7 +1,5 @@
-.PHONY: default
+.PHONY: clean fonts revealjs
-default:
 
-.PHONY: clean
 clean:
 	find latex \
 		-type f \
@@ -21,7 +19,6 @@ clean:
 latex/fonts:
 	mkdir $@
 
-.PHONY: fonts
 fonts: latex/fonts
 	wget -P latex/fonts -c -q \
 	https://cdn.jsdelivr.net/npm/roboto-fontface/fonts/roboto/Roboto-Black.ttf \
@@ -86,8 +83,8 @@ fonts: latex/fonts
 	https://cdn.jsdelivr.net/npm/mozilla-fira-pack/Fira/ttf/FiraSans-UltraLightItalic.ttf \
 	https://cdn.jsdelivr.net/npm/mozilla-fira-pack/Fira/ttf/FiraSans-UltraLight.ttf
 
-revealjs/node_modules:
+revealjs:
-	(cd $(@D) && npm install)
+	(cd revealjs && python3 build.py)
 
 revealjs/%/index.pdf: revealjs/%/index.html
 	decktape --no-sandbox -s 1920x1200 $< $@

compile.sh

@@ -20,7 +20,7 @@ case "$1" in
         done
         ;;
     "revealjs")
-        make revealjs/node_modules
+        make revealjs
         ;;
     "decktape")
         for presi in revealjs/*;do

docker-compose.yml

@@ -1,12 +1,16 @@
 version: '3.5'
 services:
   http:
-    image: nginx:alpine
+    image: sbruder/gatling
-    restart: always
+    command:
+      - -u
+      - "1000"
+      - -F
+      - -S
+    restart: unless-stopped
     volumes:
-      - ./:/usr/share/nginx/html/:ro
+      - ./:/var/www/:ro
-    expose:
-      - "80"
     labels:
       - "traefik.enable=true"
+      - "traefik.port=80"
       - "traefik.frontend.rule=Host:presis.pita.home.sbruder.de"

index.html

@@ -11,8 +11,6 @@
     <h1>Präsentationen</h1>
     <table>
       <tr><td>✓</td><td><a href="latex/brom/index.pdf">Element: Brom (Br)</a></td></tr>
-      <tr><td>✓</td><td><a href="revealjs/ffmpeg_englisch/">FFmpeg</a></td></tr>
-      <tr><td>✓</td><td><a href="revealjs/kilimandscharo/">Kilimandscharo</a></td></tr>
       <tr><td>✓</td><td><a href="revealjs/snowden/">Snowden</a></td></tr>
       <tr><td>✓</td><td><a href="revealjs/snowden/handout.pdf">Snowden (handout)</a></td></tr>
       <tr><td>✓</td><td><a href="revealjs/alternative_energy/">Alternative Energie</a></td></tr>

requirements.txt

@@ -0,0 +1,3 @@
+CommonMark
+jinja2
+PyYAML

revealjs/_assets/fonts/Fira Sans/index.css

@@ -0,0 +1,14 @@
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url('fira-sans-v8-latin-regular.woff2') format('woff2')
+}
+
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url('fira-sans-v8-latin-700.woff2') format('woff2')
+}
+

revealjs/_assets/highlight.js/solarized-dark.css

@@ -0,0 +1,84 @@
+/*
+
+Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #002b36;
+  color: #839496;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #586e75;
+}
+
+/* Solarized Green */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #859900;
+}
+
+/* Solarized Cyan */
+.hljs-number,
+.hljs-string,
+.hljs-meta .hljs-meta-string,
+.hljs-literal,
+.hljs-doctag,
+.hljs-regexp {
+  color: #2aa198;
+}
+
+/* Solarized Blue */
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #268bd2;
+}
+
+/* Solarized Yellow */
+.hljs-attribute,
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-class .hljs-title,
+.hljs-type {
+  color: #b58900;
+}
+
+/* Solarized Orange */
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link {
+  color: #cb4b16;
+}
+
+/* Solarized Red */
+.hljs-built_in,
+.hljs-deletion {
+  color: #dc322f;
+}
+
+.hljs-formula {
+  background: #073642;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

revealjs/_assets/reveal.js

@@ -0,0 +1 @@
+Subproject commit 249f0139598b20d02263b81a76f1ff87f8e74225

revealjs/_templates/index.html.j2

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>{{ title }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../_assets/reveal.js/css/reveal.css">
+    <link rel="stylesheet" href="../_assets/reveal.js/css/print/pdf.css" media="print">
+    <link rel="stylesheet" href="{{ theme }}">
+    <link rel="stylesheet" href="../_assets/highlight.js/solarized-dark.css">
+    <script>
+      var link = document.createElement('link');
+      link.rel = 'stylesheet';
+      link.type = 'text/css';
+      link.href = window.location.search.match(/print-pdf/gi) ? '../_assets/reveal.js/css/print/pdf.css' : '../_assets/reveal.js/css/print/paper.css';
+      document.getElementsByTagName('head')[0].appendChild(link);
+    </script>
+  </head>
+  <body>
+    <div class="reveal">
+      <div class="slides">
+        {{ content }}
+      </div>
+    </div>
+    <script src="../_assets/reveal.js/lib/js/head.min.js"></script>
+    <script src="../_assets/reveal.js/js/reveal.js"></script>
+    <script>
+      Reveal.initialize({
+        controls: {{ controls | lower }},
+        progress: {{ progress | lower }},
+        history: {{ history | lower }},
+        center: {{ center | lower }},
+
+        showNotes: {{ show_notes | lower }},
+
+        width: {{ width }},
+        height: {{ height }},
+
+        transition: '{{ transition }}',
+
+        dependencies: [
+          // Syntax highlight for <code> elements
+          { src: '../_assets/reveal.js/plugin/highlight/highlight.js', async: true, callback: () => hljs.initHighlightingOnLoad() },
+          // Zoom in and out with Alt+click
+          { src: '../_assets/reveal.js/plugin/zoom-js/zoom.js', async: true },
+          // Speaker notes
+          { src: '../_assets/reveal.js/plugin/notes/notes.js', async: true },
+        ]
+      });
+    </script>
+  </body>
+</html>

revealjs/alternative_energy/0-intro.md

@@ -0,0 +1,9 @@
+background-image="img/plasma.jpg"
+
+# Alternative Energie
+
+<notes>
+ * Nicht so häufig genutzt
+ * Weil: Nachteile/Nicht Rentabel/Praktikabel/Nicht bekannt
+ * Da manch außergewöhnlich: Kurze Einleitung zur Einteilung von Energiemengen
+</notes>

revealjs/alternative_energy/1-kardaschew-scale.md

@@ -0,0 +1,44 @@
+background-image="img/kard-header.svg"
+
+# Kardaschow-Skala
+
+<notes>
+### →Simon
+ * Nikolai Semjonowitsch Kardaschow 1963
+ * Ziel: Klassifizierung Außerirdischer Zivilisationen
+ * Auch für Einteilung von Möglichkeiten zur Stromerzeugung nützlich
+ * Anhand nutzbarer Energie
+</notes>
+
+---
+
+<div id="kardaschow">
+  <div id="type-1" class="fragment">
+    <h1>Typ 1 <span class="expand">(10<sup>16</sup>W)</span></h1>
+    <div class="expand">
+      <img src="img/type-1.svg" alt="Symbolbild Typ-1-Zivilisation">
+      <p>Geothermie, Biogas, Gezeitenkraft</p>
+    </div>
+  </div>
+  <div id="type-2" class="fragment">
+    <h1>Typ 2 <span class="expand">(4·10<sup>26</sup>W)</span></h1>
+    <div class="expand">
+      <img src="img/dyson-sphere.svg" alt="Dyson-Sphäre">
+      <p>Dyson-Sphäre*</p>
+    </div>
+  </div>
+  <div id="type-3" class="fragment">
+    <h1>Typ 3 <span class="expand">(4·10<sup>36</sup>W)</span></h1>
+    <div class="expand">
+      <img src="img/smbh.svg" alt="Spiegel um Supermassives Schwares Loch">
+      <p>Spiegel um Supermassives Schwarzes Loch</p>
+    </div>
+  </div>
+</div>
+
+<notes>
+ * Forscher haben Skala erweitert; bis 3 ist von Kardaschow
+ * 3 Typen erklären
+ * Komplette Energie von Erde, Stern, Galaxie
+ * Ende von Typ 1: Menschheit heute: Typ 0.72
+</notes>

revealjs/alternative_energy/2-geothermie.md

@@ -0,0 +1,91 @@
+background-image="img/island_geothermie.jpg"
+
+# Geothermie
+
+<notes>
+### →Jacob
+ * Nutzung von thermischer Energie in der Erde
+</notes>
+
+---
+
+## Hochenthalpie-Lagerstätten
+
+<notes>
+ * Nutzung in vulkanischen Gebieten
+ * Hohe Gesteinsschichten (wenige 100 m)
+ * Fluid wird vom natürlichen Druck nach oben gedrückt
+ * Erzeugung von Strom; Fernwärmenetzspeisung
+ * Beispiel: Island
+</notes>
+
+---
+
+## Niederenthalpie-Lagerstätten
+
+<notes>
+ * Nutzung in nicht vulkanischen Gebieten
+ * Tiefere Gesteinsschichten (bis 1 km)
+ * Meist nur für Wärme genutzt
+</notes>
+
+---
+
+## Petrothermale Systeme (Fracking)
+
+<notes>
+ * Wenig durchflüssiges Gestein
+ * wird mit eingeleitetem Gas oder Flüssigkeit aufgesprengt
+ * → Fließwege werden frei
+</notes>
+
+---
+background-image="img/geothermie.svg" background-size="90vmin" background-color="white"
+
+<h2 style="position: fixed; top: 0px; left: 0px; right: 0px;">Funktionsweise</h2>
+
+<notes>
+ * Wasserdampf (weit über 100 °C) wird aus Erde geleitet
+ * Turbinen wandeln thermische Energie in elektrische Energie um
+ * Wasser kondensiert
+ * Rückleitung in Erde
+ * Erneute Erwärmung
+ * Geschlossener Kreislauf
+ * → Immer wieder anwendbar bei keinen Emissionen
+</notes>
+
+---
+
+## Vorteile
+
+ * Überall vorhanden
+ * Regenerativ
+ * Langzeitlösung
+ * Kostengünstig möglich
+
+<notes>
+ 1. * Könnte Überall genutzt werden
+    * Wirtschaftlichkeit nicht immer vorhanden
+ 2. Es ist immer wieder möglich, das Wasser zu erwärmen
+ 3. Emissionsfrei
+    * Erde hat unvorstellbare Energiemengen gespeichert
+    * Forscher schätzen:
+    * Energie der ersten 3km Erdkruste würden für 100.000 Jahre reichen
+ 4. * Erdwärme kostet nichts
+    * Kosten nur für Instandhaltung der Anlagen
+</notes>
+
+---
+
+## Risiken
+ * Landabsenkung (Fracking)
+ * Umweltbelastungen
+ * Übernutzung
+
+<notes>
+ 1. * Speichergestein kann brechen und Gebiete sacken ab (Basel 2009)
+    * Möglichkeit von Gebäudeschäden
+ 2. Belastung der Umgebung mit Schwefel, falls Dampf nach der Nutzung abgeleitet wird (nur selten)
+ 3. * Gegenseitiges Abpumpen von Quellen
+    * Absenkung der Temperaturen → weniger wirtschaftlich
+</notes>

revealjs/alternative_energy/3-biogas.md

@@ -0,0 +1,47 @@
+background-image="img/biogas.jpg"
+
+# Biogas
+
+<notes>
+### →Jannik
+</notes>
+
+---
+background-image="img/biogas_funktion.png" background-size="contain" background-color="white"
+
+<h2 style="position: fixed; top: 0px; left: 0px; right: 450px;">Funktionsweise</h2>
+
+<notes>
+ * pflanzlichen und tierischen Stoffen und deren Umwandlungsprodukten und
+   organischen Abfällen
+ * von Pflanzen mit Hilfe der Photosynthese chemisch gebunden
+ * aus Methan (CH<sub>4</sub>) und Kohlendioxid (CO<sub>2</sub>)
+ * anfallenden Gärreste werden als Dünger verwendet
+</notes>
+
+---
+
+## Vorteile
+ * Nach Bedarf erzeugbar
+ * Keine CO<sub>2</sub>-Emmision
+ * Aus dauerhaft anfallendem biologischen Abfall
+
+<notes>
+ * die Menge an CO<sub>2</sub> freigesetzt wird, die Pflanzen zuvor bei der
+   Photosynthese aus der Atmosphäre entnommen
+ * nach bedarf erzeugbar
+ * aus dauerhaft anfallendem biologischem abfall
+</notes>
+
+---
+
+## Nachteile
+
+ * Anbau für Biogas statt als Futtermittel
+ * Mais als Hauptsubstrat
+ * Entwicklung von Monokulturen
+
+<notes>
+ * Mais als Hauptsubstrat → Monokulturen
+ * ungünstige Auswirkungen auf Boden, Grundwasser und Artenvielfalt
+</notes>

revealjs/alternative_energy/4-gezeitenkraftwerk.md

@@ -0,0 +1,49 @@
+background-image="img/gezeitenkraftwerk.jpg"
+
+# Gezeitenkraftwerk
+
+<notes>
+### →Eric
+</notes>
+
+---
+
+## Funktion
+ * Antrieb einer Turbine durch vom Tidenhub verursachte Strömungen
+ * Generator erzeugt Strom
+
+<notes>
+<!-- kann man so machen, ist halt dann scheiße -->
+ * Antrieb einer Turbine durch vom Tidenhub verursachte Strömungen
+ * Generator erzeugt Strom
+</notes>
+
+---
+
+## Vorteile
+ * Funktioniert in beide Richtungen (Ebbe und Flut)
+ * Geringe Betriebskosten
+ * Keine Erzeugung von CO<sub>2</sub>
+ * Keine Sicht-, Geruchs- oder Lärmbelästigung
+
+<notes>
+<!-- kann man so machen, ist halt dann scheiße -->
+ * Funktioniert in beide Richtungen (Ebbe und Flut)
+ * Geringe Betriebskosten
+ * Keine Erzeugung von CO<sub>2</sub>
+ * Keine Sicht-, Geruchs- oder Lärmbelästigung
+</notes>
+
+---
+
+## Nachteile
+ * (Sehr) starke Standortabhängigkeit (nur 7 Kraftwerke in Betrieb)
+ * Abhängigkeit von Gezeiten
+ * Ökoligische Beeinflussung
+
+<notes>
+<!-- kann man so machen, ist halt dann scheiße -->
+ * (Sehr) starke Standortabhängigkeit (nur 7 Kraftwerke in Betrieb)
+ * Abhängigkeit von Gezeiten
+ * Ökoligische Beeinflussung
+</notes>

revealjs/alternative_energy/5-dyson-sphere.md

@@ -0,0 +1,120 @@
+background-image="img/dyson-sphere-mirror.svg" background-size="90vmin"
+
+# Dyson-Sphäre\* / Spiegelkonstruktion
+
+<notes>
+### →Simon
+ * Wohl unbekanntestes der 4 (weil nicht genutzt)
+ * Freeman Dyson
+ * Sphäre eigentlich falsch, mehr später
+</notes>
+
+---
+background-image="img/dyson-sphere-diagram.svg" background-size="90vmin" background-color="white"
+
+<h2 style="position: fixed; top: 0px;">Dyson-Hülle</h2>
+
+<notes>
+ * Dyson-Hülle
+ * Science-Fiction
+ * Radius 1 AU (was ist AU)?
+ * so groß, um Wirkungsgrad von bis zu 95% erreichen
+ * Erde wäre am Rand
+ * Infrarotstrahlung
+ * Wie umsetzen?
+</notes>
+
+---
+
+## Probleme der Dyson-Hülle
+ * Oberfläche: 2.72·10<sup>17</sup> km<sup>2</sup>
+ * Materialvolumen: 8.16·10<sup>14</sup> km<sup>3</sup>
+ * Masse: ~ 4.43·10<sup>27</sup> kg
+
+<notes>
+ * Imploision durch Gravitation des Sternes
+ * Verschiebung durch Aussetzung starker Kräfte
+ * ~ 600 Mio. Erdoberfläche</li>
+ * Bei 3 m Dicke: Materialvolumen: über 600 Tsd. mal Oberflächenwasser der Erde
+ * Bei ~ 5400 kg/m³ Dichte (Merkur): Gewicht: über 740 Erdmasse/2.3 Jupiter
+ * Ziemlich unmöglich</li>
+</notes>
+
+---
+
+## Dyson-Schwarm
+Veröffentlicht als *Search for Artificial Stellar Sources of Infrared Radiation* in *Science*
+
+<notes>
+ * Originale Idee von Dyson
+ * 1960 als *Search for Artificial Stellar Sources of Infrared Radiation* in
+   Zeitschrift *Science*
+ * Suche nach Außerirdischen (gezielt danach suchen, durch Wissen über Struktur)
+ * ca. 100k Unabhängige Kollektoren in Umlaufbahn
+ * ca. 1 Mio. km dick (nahezu 150tel von Radius der -Hülle)
+ * kabellose Energieübertragung
+ * wahrscheinlich beste Möglichkeit einer Dyson-Sphäre (Stück für Stück)
+</notes>
+
+---
+
+## Dyson-Blase
+
+<notes>
+ * wie Dyson-Schwarm
+ * aber Balance durch Gleichgewicht von Gravitation und Sonnenwind
+ * statt Umlaufbahn
+</notes>
+
+---
+
+## Ausblick
+### Wann können wir eine Dyson-Sphäre bauen?
+
+<notes>
+ * Brauchen:
+ * Fortgeschrittene Materialen
+ * Autonome Roboter (Merkur abbauen (Hämatit), Kollektoren bauen)
+ * (etwas Ironisch:) Energie
+ * Vorteil bei Dyson-Schwarm/Blase: schrittweise Energiegewinnung
+</notes>
+
+---
+background-image="img/smbh.svg" background-size="90vmin" background-color="white"
+
+## Spiegel um Schwarzes Loch
+
+<notes>
+ * Kurz zu Möglichkeit für Typ-3-Zivilisation
+ * Hört sich nicht so an, aber einfacher zu bauen, weil kleiner
+ * Material von Asteroid für Schwarzes Loch mit Sonnenmasse ausreichend
+ * Aber: weiter weg
+</notes>
+
+---
+background-image="img/penrose-process.svg" background-color="#fedd40"
+
+<h2 style="display: none;">Penrose-Prozess</h2>
+
+<notes>
+ * Schwarzes Loch dreht sich
+ * Ereignishorizont: weg; Ergosphäre: spezielle Eigenschaften aber nicht
+   verloren
+ * „füttern“ mit Masse (Asteroid/Müll)
+ * „klauen“ Rotationsenergie
+ * mehr Energie zurück als rein
+</notes>
+
+---
+background-image="img/spiegel-drauf.svg"
+
+<h2 style="display: none;">Verstärkung von Strahlen</h2>
+
+<notes>
+ * Verstärkung von Strahlen (superradiant scattering; Superstrahlenzerstreuung)
+ * Benötigt Spiegel um Schwarzes Loch
+ * (Am Bild Erklären)
+ * Teil fält durch den Ereignishorizont und ist (für uns) verloren
+ * Größerer Teil: wird durch Ergosphäre verstärkt
+ * Fazit: Noch nicht zu bewerkstelligen (v.a. weil zu weit weg)
+</notes>

revealjs/alternative_energy/6-end.md

@@ -0,0 +1,56 @@
+style="font-size: 24px;"
+
+<h1>Ende</h1>
+<h3>Quellen</h3>
+
+<table>
+
+<tr><td><ul>
+  <li class="image">500px: <a href="https://500px.com/photo/106595393">Jan Bambach</a><sup>‡</sup></li>
+  <li class="image">YouTube: <a href="https://www.youtube.com/channel/UCwRH985XgMYXQ6NxXDo8npw">Kurzgesagt (de)</a> (<a href="https://youtu.be/wWSJYr1Lr0E">wWSJYr1Lr0E</a>)<sup>#$</sup></li>
+  <li>Encyclopedia of Science: <a href="https://archive.fo/Q7Lq5">Kardashev civilzations</a><sup>✝$</sup></li>
+</ul></td></tr>
+
+<tr><td><ul>
+  <li class="image">Unsplash: <a href="https://unsplash.com/photos/vCqclUnCg_8">Frank Denney</a><sup>§</sup></li>
+  <li class="image">Wikimedia Commons: <a href="https://de.wikipedia.org/wiki/Datei:Geothermie_verfahren.png">Geothermie verfahren.png</a><sup>#§</sup>: <a href="https://de.wikipedia.org/wiki/user:Jkrieger">Jkrieger</a></li>
+  <li>Wikipedia (de): <a href="https://archive.fo/ibom7">Geothermie</a><sup>✝‡</sup></li>
+</ul></td></tr>
+
+<tr><td><ul>
+  <li class="image">Wikimedia Commons: <a href="https://commons.wikimedia.org/wiki/File:Biogas.jpg">Biogas.jpg</a>: <a href="https://commons.wikimedia.org/wiki/User:Asdrubal">Volker Thies</a><sup>‡</sup></li>
+  <li class="imageplus">Neue Energien Forum Feldheim: <a href="https://archive.fo/mOdLO">Biogas</a><sup>✝#$</sup></li>
+  <li>Gas-Magazin: <a href="https://archive.fo/gfwDi">Biogas: Vorteile und Nachteile im Überblick</a><sup>✝$</sup></li>
+</ul></td></tr>
+
+<tr><td><ul>
+  <li class="image">Wikimedia Commons: <a href="https://commons.wikimedia.org/wiki/File:Barrage_de_la_rance.jpg">Barrage de la rance.jpg</a><sup>‡</sup>: <a href="https://commons.wikimedia.org/wiki/User:Oliver_H">Oliver H</a></li>
+  <li>strom magazin: <a href="https://archive.fo/fQeZm">Gezeitenkraftwerk: Segen oder Fluch für die Umwelt?</a><sup>✝$</sup></li>
+  <li>energie-strom.com: <a href="https://archive.fo/HHndJ">Gezeitenkraftwerk</a><sup>✝$</sup></li>
+</ul></td></tr>
+
+<tr><td><ul>
+  <li class="image">YouTube: <a href="https://www.youtube.com/channel/UCwRH985XgMYXQ6NxXDo8npw">Kurzgesagt (de)</a> (<a href="https://youtu.be/wWSJYr1Lr0E">wWSJYr1Lr0E</a>)<sup>#$</sup></li>
+  <li class="imageplus">YouTube: <a href="https://www.youtube.com/channel/UCsXVk37bltHxD1rDPwtNM8Q">Kurzgesagt (en)</a> (<a href="https://youtu.be/ulCdoCfw-bY">ulCdoCfw-bY</a>)<sup>#$</sup></li>
+  <li>Gizmodo: <a href="https://archive.fo/ZdXcc">How to build a Dyson sphere in five (relatively) easy steps</a><sup>✝$</sup></li>
+  <li>Daniel Tillet: <a href="https://web.archive.org/web/20170610111407/https://www.tillett.info/2016/08/03/carnot-efficient-dyson-spheres-are-undetectable-by-infrared-surveys/">Carnot Efficient Dyson Spheres are Undetectable by Infrared Surveys</a><sup>✝$</sup></li>
+</ul></td></tr>
+
+</table>
+
+<!-- warning, ugly hack ahead: https://stackoverflow.com/a/5078297 -->
+<ul class="footnote-legend">
+   <li><sup>✝</sup> Archiviert vom Original</li><!--
+--><li><sup>#</sup> Bild angepasst</li><!--
+--><li><sup>‡</sup> <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en">CC-BY-SA 3.0</a></li><!--
+--><li><sup>§</sup> Public Domain</li><!--
+--><li><sup>$</sup> Zitat nach <a href="https://dejure.org/gesetze/UrhG/51.html">§ 51 UrhG</a></li>
+</ul>
+
+<div class="legend">
+  <ul>
+    <li class="imageplus">Inhalts- und Bildquelle</li>
+    <li>Inhaltsquelle</li>
+    <li class="image">Bildquelle</li>
+  </ul>
+</div>

revealjs/alternative_energy/index.html

@@ -1,558 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-  <head>
-    <meta charset="utf-8">
-    <title>Alternative Energie</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/reveal.css">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/print/pdf.css" media="print">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/theme/black.css">
-    <link rel="stylesheet" href="../custom_styles/fonts/TeXGyreAdventor/index.css">
-    <link rel="stylesheet" href="kardaschow.css">
-    <style>
-      sup {
-        font-size: 0.75em !important;
-        margin-right: 0.2em !important;
-      }
-
-      .reveal,
-      .reveal h1,
-      .reveal h2,
-      .reveal h3,
-      .reveal h4,
-      .reveal h5,
-      .reveal h6 {
-        font-family: "TeX Gyre Adventor";
-      }
-
-      li.image {
-        list-style: square;
-      }
-
-      li.imageplus {
-        list-style: disclosure-open;
-      }
-
-      .legend {
-        position: fixed;
-        left: 0px;
-        top: 0px;
-      }
-
-      .footnote-legend {
-        font-size: 0.6em !important;
-      }
-
-      .footnote-legend li {
-        display: inline-block;
-      }
-
-      .footnote-legend li:not(:last-child)::after {
-        content: '|'
-      }
-
-      *:blank {
-        border: 5px red;
-      }
-    </style>
-    <script>
-      var link = document.createElement( 'link' );
-      link.rel = 'stylesheet';
-      link.type = 'text/css';
-      link.href = window.location.search.match( /print-pdf/gi ) ? '../node_modules/reveal.js/css/print/pdf.css' : '../node_modules/reveal.js/css/print/paper.css';
-      document.getElementsByTagName( 'head' )[0].appendChild( link );
-    </script>
-  </head>
-  <body>
-    <div class="reveal">
-      <div class="slides">
-        <section data-background-image="img/plasma.jpg">
-          <h1>Alternative Energie</h1>
-          <aside class="notes">
-            <ul>
-              <li>Nicht so häufig genutzt</li>
-              <li>Weil: Nachteile/Nicht Rentabel/Praktikabel/Nicht bekannt</li>
-              <li>Da manch außergewöhnlich: Kurze Einleitung zur Einteilung von Energiemengen</li>
-            </ul>
-          </aside>
-        </section>
-        <section>
-          <section data-background-image="img/kard-header.svg">
-            <h1>Kardaschow-Skala</h1>
-            <aside class="notes">
-              <h3>→Simon</h3>
-              <ul>
-                <li>Nikolai Semjonowitsch Kardaschow 1963</li>
-                <li>Ziel: Klassifizierung Außerirdischer Zivilisationen</li>
-                <li>Auch für Einteilung von Möglichkeiten zur Stromerzeugung nützlich</li>
-                <li>Anhand nutzbarer Energie</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <div id="kardaschow">
-              <div id="type-1" class="fragment">
-                <h1>Typ 1 <span class="expand">(10<sup>16</sup>W)</span></h1>
-                <div class="expand">
-                  <img src="img/type-1.svg" alt="Symbolbild Typ-1-Zivilisation">
-                  <p>Geothermie, Biogas, Gezeitenkraft</p>
-                </div>
-              </div>
-              <div id="type-2" class="fragment">
-                <h1>Typ 2 <span class="expand">(4·10<sup>26</sup>W)</span></h1>
-                <div class="expand">
-                  <img src="img/dyson-sphere.svg" alt="Dyson-Sphäre">
-                  <p>Dyson-Sphäre*</p>
-                </div>
-              </div>
-              <div id="type-3" class="fragment">
-                <h1>Typ 3 <span class="expand">(4·10<sup>36</sup>W)</span></h1>
-                <div class="expand">
-                  <img src="img/smbh.svg" alt="Spiegel um Supermassives Schwares Loch">
-                  <p>Spiegel um Supermassives Schwarzes Loch</p>
-                </div>
-              </div>
-              <!--<span style="position: fixed; bottom: 0px;right: 0px; font-size: 0.5em;">*bzw. Schwarm/Ring/Scheibe/Blase</span>-->
-            </div>
-            <aside class="notes">
-              <ul>
-                <li>Forscher haben Skala erweitert; bis 3 ist von Kardaschow</li>
-                <li>3 Typen erklären</li>
-                <li>Komplette Energie von Erde, Stern, Galaxie</li>
-                <li>Ende von Typ 1: Menschheit heute: Typ 0.72</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section data-background-image="img/island_geothermie.jpg">
-            <h1>Geothermie</h1>
-            <aside class="notes">
-              <h3>→Jacob</h3>
-              <ul>
-                <li>Nutzung von thermischer Energie in der Erde</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Hochenthalpie-Lagerstätten</h2>
-            <aside class="notes">
-              <ul>
-                <li>Nutzung in vulkanischen Gebieten</li>
-                <li>Hohe Gesteinsschichten (wenige 100 m)</li>
-                <li>Fluid wird vom natürlichen Druck nach oben gedrückt</li>
-                <li>Erzeugung von Strom; Fernwärmenetzspeisung</li>
-                <li>Beispiel: Island</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Niederenthalpie-Lagerstätten</h2>
-            <aside class="notes">
-              <ul>
-                <li>Nutzung in nicht vulkanischen Gebieten</li>
-                <li>Tiefere Gesteinsschichten (bis 1 km)</li>
-                <li>Meist nur für Wärme genutzt</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Petrothermale Systeme (Fracking)</h2>
-            <aside class="notes">
-              <ul>
-                <li>Wenig durchflüssiges Gestein</li>
-                <li>wird mit eingeleitetem Gas oder Flüssigkeit aufgesprengt</li>
-                <li>→ Fließwege werden frei</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/geothermie.svg" data-background-size="90vmin" data-background-color="white">
-            <h2 style="position: fixed; top: 0px; left: 0px; right: 0px;">Funktionsweise</h2>
-            <aside class="notes">
-              <ul>
-                <li>Wasserdampf (weit über 100 °C) wird aus Erde geleitet</li>
-                <li>Turbinen wandeln thermische Energie in elektrische Energie um</li>
-                <li>Wasser kondensiert</li>
-                <li>Rückleitung in Erde</li>
-                <li>Erneute Erwärmung</li>
-                <li>Geschlossener Kreislauf</li>
-                <li>→ Immer wieder anwendbar bei keinen Emissionen</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Vorteile</h2>
-            <ul>
-              <li>Überall vorhanden</li>
-              <li>Regenerativ</li>
-              <li>Langzeitlösung</li>
-              <li>Kostengünstig möglich</li>
-            </ul>
-            <aside class="notes">
-              <ol>
-                <li>
-                  <ul>
-                    <li>Könnte Überall genutzt werden</li>
-                    <li>Wirtschaftlichkeit nicht immer vorhanden</li>
-                  </ul>
-                </li>
-                <li>Es ist immer wieder möglich, das Wasser zu erwärmen</li>
-                <li>Emissionsfrei
-                  <ul>
-                    <li>Erde hat unvorstellbare Energiemengen gespeichert</li>
-                    <li>Forscher schätzen:</li>
-                    <li>Energie der ersten 3km Erdkruste würden für 100.000 Jahre reichen</li>
-                  </ul>
-                </li>
-                <li>
-                  <ul>
-                    <li>Erdwärme kostet nichts</li>
-                    <li>Kosten nur für Instandhaltung der Anlagen</li>
-                  </ul>
-                </li>
-              </ol>
-            </aside>
-          </section>
-          <section>
-            <h2>Risiken</h2>
-            <ul>
-              <li>Landabsenkung (Fracking)</li>
-              <li>Umweltbelastungen</li>
-              <li>Übernutzung</li>
-            </ul>
-            <aside class="notes">
-              <ol>
-                <li>
-                  <ul>
-                    <li>Speichergestein kann brechen und Gebiete sacken ab (Basel 2009)</li>
-                    <li>Möglichkeit von Gebäudeschäden</li>
-                  </ul>
-                </li>
-                <li>Belastung der Umgebung mit Schwefel, falls Dampf nach der Nutzung abgeleitet wird (nur selten)</li>
-                <li>
-                  <ul>
-                    <li>Gegenseitiges Abpumpen von Quellen</li>
-                    <li>Absenkung der Temperaturen → weniger wirtschaftlich</li>
-                  </ul>
-                </li>
-              </ol>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section data-background-image="img/biogas.jpg">
-            <h1>Biogas</h1>
-            <aside class="notes">
-              <h3>→Jannik</h3>
-              <ul>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/biogas_funktion.png" data-background-size="contain" data-background-color="white">
-            <h2 style="position: fixed; top: 0px; left: 0px; right: 450px;">Funktionsweise</h2>
-            <aside class="notes">
-              <ul>
-                <li>pflanzlichen und tierischen Stoffen und deren Umwandlungsprodukten und organischen Abfällen</li>
-                <li>von Pflanzen mit Hilfe der Photosynthese chemisch gebunden</li>
-                <li>aus Methan (CH<sub>4</sub>) und Kohlendioxid (CO<sub>2</sub>)</li>
-                <li>anfallenden Gärreste werden als Dünger verwendet</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Vorteile</h2>
-            <ul>
-              <li>Nach Bedarf erzeugbar</li>
-              <li>Keine CO<sub>2</sub>-Emmision</li>
-              <li>Aus dauerhaft anfallendem biologischen Abfall</li>
-            </ul>
-            <aside class="notes">
-              <ul>
-                <li>die Menge an CO<sub>2</sub> freigesetzt wird, die Pflanzen zuvor bei der Photosynthese aus der Atmosphäre entnommen</li>
-                <li>nach bedarf erzeugbar</li>
-                <li>aus dauerhaft anfallendem biologischem abfall</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Nachteile</h2>
-            <ul>
-              <li>Anbau für Biogas statt als Futtermittel</li>
-              <li>Mais als Hauptsubstrat</li>
-              <li>Entwicklung von Monokulturen</li>
-            </ul>
-            <aside class="notes">
-              <ul>
-                <li>Mais als Hauptsubstrat → Monokulturen</li>
-                <li>ungünstige Auswirkungen auf Boden, Grundwasser und Artenvielfalt</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section data-background-image="img/gezeitenkraftwerk.jpg">
-            <h1>Gezeitenkraftwerk</h1>
-            <aside class="notes">
-              <h3>→Eric</h3>
-            </aside>
-          </section>
-          <section>
-            <h2>Funktion</h2>
-            <ul>
-              <li>Antrieb einer Turbine durch vom Tidenhub verursachte Strömungen</li>
-              <li>Generator erzeugt Strom</li>
-            </ul>
-            <aside class="notes">
-              <!-- kann man so machen, ist halt dann scheiße -->
-              <ul>
-                <li>Antrieb einer Turbine durch vom Tidenhub verursachte Strömungen</li>
-                <li>Generator erzeugt Strom</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Vorteile</h2>
-            <ul>
-              <li>Funktioniert in beide Richtungen (Ebbe und Flut)</li>
-              <li>Geringe Betriebskosten</li>
-              <li>Keine Erzeugung von CO<sub>2</sub></li>
-              <li>Keine Sicht-, Geruchs- oder Lärmbelästigung</li>
-            </ul>
-            <aside class="notes">
-              <!-- kann man so machen, ist halt dann scheiße -->
-              <ul>
-                <li>Funktioniert in beide Richtungen (Ebbe und Flut)</li>
-                <li>Geringe Betriebskosten</li>
-                <li>Keine Erzeugung von CO<sub>2</sub></li>
-                <li>Keine Sicht-, Geruchs- oder Lärmbelästigung</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Nachteile</h2>
-            <ul>
-              <li>(Sehr) starke Standortabhängigkeit (nur 7 Kraftwerke in Betrieb)</li>
-              <li>Abhängigkeit von Gezeiten</li>
-              <li>Ökoligische Beeinflussung</li>
-            </ul>
-            <aside class="notes">
-              <!-- kann man so machen, ist halt dann scheiße -->
-              <ul>
-                <li>(Sehr) starke Standortabhängigkeit (nur 7 Kraftwerke in Betrieb)</li>
-                <li>Abhängigkeit von Gezeiten</li>
-                <li>Ökoligische Beeinflussung</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section data-background-image="img/dyson-sphere-mirror.svg" data-background-size="90vmin">
-            <h1>Dyson-Sphäre* / Spiegelkonstruktion</h1>
-            <aside class="notes">
-              <h3>→Simon</h3>
-              <ul>
-                <li>Wohl unbekanntestes der 4 (weil nicht genutzt)</li>
-                <li>Freeman Dyson</li>
-                <li>Sphäre eigentlich falsch, mehr später</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/dyson-sphere-diagram.svg" data-background-size="90vmin" data-background-color="white">
-            <h2 style="position: fixed; top: 0px;">Dyson-Hülle</h2>
-            <aside class="notes">
-              <ul>
-                <li>Dyson-Hülle</li>
-                <li>Science-Fiction</li>
-                <li>Radius 1 AU (was ist AU)?</li>
-                <li>so groß, um Wirkungsgrad von bis zu 95% erreichen</li>
-                <li>Erde wäre am Rand</li>
-                <li>Infrarotstrahlung</li>
-                <li>Wie umsetzen?</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Probleme der Dyson-Hülle</h2>
-            <ul>
-              <li>Oberfläche: 2.72·10<sup>17</sup> km<sup>2</sup></li>
-              <li>Materialvolumen: 8.16·10<sup>14</sup> km<sup>3</sup></li>
-              <li>Masse: ~ 4.43·10<sup>27</sup> kg</li>
-            </ul>
-            <aside class="notes">
-              <ul>
-                <li>Imploision durch Gravitation des Sternes</li>
-                <li>Verschiebung durch Aussetzung starker Kräfte</li>
-                <li>~ 600 Mio. Erdoberfläche</li>
-                <li>Bei 3 m Dicke: Materialvolumen: über 600 Tsd. mal Oberflächenwasser der Erde</li>
-                <li>Bei ~ 5400 kg/m³ Dichte (Merkur): Gewicht: über 740 Erdmasse/2.3 Jupiter</li>
-                <li>Ziemlich unmöglich</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Dyson-Schwarm</h2>
-            <p>Veröffentlicht als <em>Search for Artificial Stellar Sources of Infrared Radiation</em> in <em>Science</em></p>
-            <aside class="notes">
-              <ul>
-                <li>Originale Idee von Dyson</li>
-                <li>1960 als <em>Search for Artificial Stellar Sources of Infrared Radiation</em> in Zeitschrift <em>Science</em></li>
-                <li>Suche nach Außerirdischen (gezielt danach suchen, durch Wissen über Struktur)</li>
-                <li>ca. 100k Unabhängige Kollektoren in Umlaufbahn</li>
-                <li>ca. 1 Mio. km dick (nahezu 150tel von Radius der -Hülle)</li>
-                <li>kabellose Energieübertragung</li>
-                <li>wahrscheinlich beste Möglichkeit einer Dyson-Sphäre (Stück für Stück)</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Dyson-Blase</h2>
-            <aside class="notes">
-              <ul>
-                <li>wie Dyson-Schwarm</li>
-                <li>aber Balance durch Gleichgewicht von Gravitation und Sonnenwind</li>
-                <li>statt Umlaufbahn</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Ausblick</h2>
-            <h3>Wann können wir eine Dyson-Sphäre bauen?</h3>
-            <aside class="notes">
-              <ul>
-                <li>Brauchen:</li>
-                <li>Fortgeschrittene Materialen</li>
-                <li>Autonome Roboter (Merkur abbauen (Hämatit), Kollektoren bauen)</li>
-                <li>(etwas Ironisch:) Energie</li>
-                <li>Vorteil bei Dyson-Schwarm/Blase: schrittweise Energiegewinnung</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/smbh.svg" data-background-size="90vmin" data-background-color="white">
-            <h2>Spiegel um Schwarzes Loch</h2>
-            <aside class="notes">
-              <ul>
-                <li>Kurz zu Möglichkeit für Typ-3-Zivilisation</li>
-                <li>Hört sich nicht so an, aber einfacher zu bauen, weil kleiner</li>
-                <li>Material von Asteroid für Schwarzes Loch mit Sonnenmasse ausreichend</li>
-                <li>Aber: weiter weg</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/penrose-process.svg" data-background-color="#fedd40">
-            <h2 style="display: none;">Penrose-Prozess</h2>
-            <aside class="notes">
-              <ul>
-                <li>Schwarzes Loch dreht sich</li>
-                <li>Ereignishorizont: weg; Ergosphäre: spezielle Eigenschaften aber nicht verloren</li>
-                <li>„füttern“ mit Masse (Asteroid/Müll)</li>
-                <li>„klauen“ Rotationsenergie</li>
-                <li>mehr Energie zurück als rein</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/spiegel-drauf.svg">
-            <h2 style="display: none;">Verstärkung von Strahlen</h2>
-            <aside class="notes">
-              <ul>
-                <li>Verstärkung von Strahlen (superradiant scattering; Superstrahlenzerstreuung)</li>
-                <li>Benötigt Spiegel um Schwarzes Loch</li>
-                <li>(Am Bild Erklären)</li>
-                <li>Teil fält durch den Ereignishorizont und ist (für uns) verloren</li>
-                <li>Größerer Teil: wird durch Ergosphäre verstärkt</li>
-                <li>Fazit: Noch nicht zu bewerkstelligen (v.a. weil zu weit weg)</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section style="font-size: 24px;">
-          <h1>Ende</h1>
-          <h3>Quellen</h3>
-          <table>
-            <tr>
-              <td>
-                <ul>
-                  <li class="image">500px: <a href="https://500px.com/photo/106595393">Jan Bambach</a><sup>‡</sup></li>
-                  <li class="image">YouTube: <a href="https://www.youtube.com/channel/UCwRH985XgMYXQ6NxXDo8npw">Kurzgesagt (de)</a> (<a href="https://youtu.be/wWSJYr1Lr0E">wWSJYr1Lr0E</a>)<sup>#$</sup></li>
-                  <li>Encyclopedia of Science: <a href="https://archive.fo/Q7Lq5">Kardashev civilzations</a><sup>✝$</sup></li>
-                </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <ul>
-                  <li class="image">Unsplash: <a href="https://unsplash.com/photos/vCqclUnCg_8">Frank Denney</a><sup>§</sup></li>
-                  <li class="image">Wikimedia Commons: <a href="https://de.wikipedia.org/wiki/Datei:Geothermie_verfahren.png">Geothermie verfahren.png</a><sup>#§</sup>: <a href="https://de.wikipedia.org/wiki/user:Jkrieger">Jkrieger</a></li>
-                  <li>Wikipedia (de): <a href="https://archive.fo/ibom7">Geothermie</a><sup>✝‡</sup></li>
-                </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <ul>
-                  <li class="image">Wikimedia Commons: <a href="https://commons.wikimedia.org/wiki/File:Biogas.jpg">Biogas.jpg</a>: <a href="https://commons.wikimedia.org/wiki/User:Asdrubal">Volker Thies</a><sup>‡</sup></li>
-                  <li class="imageplus">Neue Energien Forum Feldheim: <a href="https://archive.fo/mOdLO">Biogas</a><sup>✝#$</sup></li>
-                  <li>Gas-Magazin: <a href="https://archive.fo/gfwDi">Biogas: Vorteile und Nachteile im Überblick</a><sup>✝$</sup></li>
-                </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <ul>
-                  <li class="image">Wikimedia Commons: <a href="https://commons.wikimedia.org/wiki/File:Barrage_de_la_rance.jpg">Barrage de la rance.jpg</a><sup>‡</sup>: <a href="https://commons.wikimedia.org/wiki/User:Oliver_H">Oliver H</a></li>
-                  <li>strom magazin: <a href="https://archive.fo/fQeZm">Gezeitenkraftwerk: Segen oder Fluch für die Umwelt?</a><sup>✝$</sup></li>
-                  <li>energie-strom.com: <a href="https://archive.fo/HHndJ">Gezeitenkraftwerk</a><sup>✝$</sup></li>
-                </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <ul>
-                  <li class="image">YouTube: <a href="https://www.youtube.com/channel/UCwRH985XgMYXQ6NxXDo8npw">Kurzgesagt (de)</a> (<a href="https://youtu.be/wWSJYr1Lr0E">wWSJYr1Lr0E</a>)<sup>#$</sup></li>
-                  <li class="imageplus">YouTube: <a href="https://www.youtube.com/channel/UCsXVk37bltHxD1rDPwtNM8Q">Kurzgesagt (en)</a> (<a href="https://youtu.be/ulCdoCfw-bY">ulCdoCfw-bY</a>)<sup>#$</sup></li>
-                  <li>Gizmodo: <a href="https://archive.fo/ZdXcc">How to build a Dyson sphere in five (relatively) easy steps</a><sup>✝$</sup></li>
-                  <li>Daniel Tillet: <a href="https://web.archive.org/web/20170610111407/https://www.tillett.info/2016/08/03/carnot-efficient-dyson-spheres-are-undetectable-by-infrared-surveys/">Carnot Efficient Dyson Spheres are Undetectable by Infrared Surveys</a><sup>✝$</sup></li>
-                </ul>
-              </td>
-            </tr>
-          </table>
-          <!-- warning, ugly hack ahead: https://stackoverflow.com/a/5078297 -->
-          <ul class="footnote-legend">
-            <li><sup>✝</sup> Archiviert vom Original</li><!--
-         --><li><sup>#</sup> Bild angepasst</li><!--
-         --><li><sup>‡</sup> <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en">CC-BY-SA 3.0</a></li><!--
-         --><li><sup>§</sup> Public Domain</li><!--
-         --><li><sup>$</sup> Zitat nach <a href="https://dejure.org/gesetze/UrhG/51.html">§ 51 UrhG</a></li>
-          </ul>
-          <div class="legend">
-            <ul>
-              <li class="imageplus">Inhalts- und Bildquelle</li>
-              <li>Inhaltsquelle</li>
-              <li class="image">Bildquelle</li>
-            </ul>
-          </div>
-        </section>
-      </div>
-    </div>
-    <script src="../node_modules/reveal.js/lib/js/head.min.js"></script>
-    <script src="../node_modules/reveal.js/js/reveal.js"></script>
-    <script>
-      Reveal.initialize({
-        controls: true,
-        progress: true,
-        history: true,
-        center: true,
-        showNotes: false,
-
-        width: 1280,
-        height: 800,
-
-        transition: 'slide', // none, fade, slide, convex, concave, zoom
-
-        dependencies: [
-          // Speaker notes
-          { src: '../node_modules/reveal.js/plugin/notes/notes.js', async: true }
-        ]
-      });
-    </script>
-  </body>
-</html>

revealjs/alternative_energy/index.md

@@ -0,0 +1,3 @@
+title: "Alternatie Energie"
+theme: "theme.css"
+---

revealjs/alternative_energy/kardaschow.css

@@ -1,77 +0,0 @@
-#kardaschow {
-  bottom: 0px;
-  position: fixed;
-  top: 0px;
-  width: 100%;
-}
-#kardaschow .current-fragment ~ .fragment,
-#kardaschow .visible {
-  height: 60px;
-}
-#kardaschow .current-fragment ~ .fragment h1,
-#kardaschow .visible h1 {
-  font-size: 1em;
-}
-#kardaschow .current-fragment {
-  height: 609px !important;
-}
-#kardaschow .current-fragment h1 {
-  font-size: 2em;
-}
-#kardaschow .current-fragment .expand {
-  display: initial !important;
-}
-#kardaschow div {
-  overflow: hidden;
-}
-#kardaschow div h1 {
-  transition: all .2s ease;
-}
-#kardaschow div .expand {
-  display: none !important;
-}
-#kardaschow div:not(.visible) {
-  height: 243px;
-  opacity: 1;
-  visibility: visible;
-}
-#kardaschow div:not(.visible) h1 {
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
-}
-#kardaschow #type-1 {
-  background-color: #fc6769;
-}
-#kardaschow #type-2 {
-  background-color: #63c9ce;
-}
-#kardaschow #type-3 {
-  background-color: #f4e623;
-  /*img {
-      animation: rotate 300s infinite linear;
-
-      // easter egg
-      &:hover {
-        animation: rotate 1s infinite linear;
-      }
-    }*/
-}
-.expand img {
-  margin: inherit !important;
-  background: inherit !important;
-  border: inherit !important;
-  box-shadow: inherit !important;
-  max-height: unset;
-  max-width: unset;
-  max-width: 95%;
-  max-height: 60%;
-}
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

revealjs/alternative_energy/theme.css

@@ -0,0 +1,99 @@
+@import url(../_assets/reveal.js/css/theme/black.css);
+@import url(../_assets/fonts/TeXGyreAdventor/index.css);
+sup {
+  font-size: 0.75em !important;
+  margin-right: 0.2em !important; }
+
+.reveal,
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  font-family: "TeX Gyre Adventor"; }
+
+li.image {
+  list-style: square; }
+
+li.imageplus {
+  list-style: disclosure-open; }
+
+.legend {
+  position: fixed;
+  left: 0px;
+  top: 0px; }
+
+.footnote-legend {
+  font-size: 0.6em !important; }
+
+.footnote-legend li {
+  display: inline-block; }
+
+.footnote-legend li:not(:last-child)::after {
+  content: '|'; }
+
+*:blank {
+  border: 5px red; }
+
+#kardaschow {
+  bottom: 0px;
+  position: fixed;
+  top: 0px;
+  width: 100%; }
+  #kardaschow .current-fragment ~ .fragment,
+  #kardaschow .visible {
+    height: 60px; }
+    #kardaschow .current-fragment ~ .fragment h1,
+    #kardaschow .visible h1 {
+      font-size: 1em; }
+  #kardaschow .current-fragment {
+    height: 609px !important; }
+    #kardaschow .current-fragment h1 {
+      font-size: 2em; }
+    #kardaschow .current-fragment .expand {
+      display: initial !important; }
+  #kardaschow div {
+    overflow: hidden; }
+    #kardaschow div h1 {
+      transition: all .2s ease; }
+    #kardaschow div .expand {
+      display: none !important; }
+    #kardaschow div:not(.visible) {
+      height: 243px;
+      opacity: 1;
+      visibility: visible; }
+      #kardaschow div:not(.visible) h1 {
+        position: relative;
+        top: 50%;
+        transform: translateY(-50%); }
+  #kardaschow #type-1 {
+    background-color: #fc6769; }
+  #kardaschow #type-2 {
+    background-color: #63c9ce; }
+  #kardaschow #type-3 {
+    background-color: #f4e623;
+    /*img {
+      animation: rotate 300s infinite linear;
+
+      // easter egg
+      &:hover {
+        animation: rotate 1s infinite linear;
+      }
+    }*/ }
+
+.expand img {
+  margin: inherit !important;
+  background: inherit !important;
+  border: inherit !important;
+  box-shadow: inherit !important;
+  max-height: unset;
+  max-width: unset;
+  max-width: 95%;
+  max-height: 60%; }
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg); }
+  to {
+    transform: rotate(360deg); } }

revealjs/alternative_energy/theme.scss

@@ -1,3 +1,51 @@
+@import "../_assets/reveal.js/css/theme/black.css";
+@import "../_assets/fonts/TeXGyreAdventor/index.css";
+
+sup {
+  font-size: 0.75em !important;
+  margin-right: 0.2em !important;
+}
+
+.reveal,
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  font-family: "TeX Gyre Adventor";
+}
+
+li.image {
+  list-style: square;
+}
+
+li.imageplus {
+  list-style: disclosure-open;
+}
+
+.legend {
+  position: fixed;
+  left: 0px;
+  top: 0px;
+}
+
+.footnote-legend {
+  font-size: 0.6em !important;
+}
+
+.footnote-legend li {
+  display: inline-block;
+}
+
+.footnote-legend li:not(:last-child)::after {
+  content: '|'
+}
+
+*:blank {
+  border: 5px red;
+}
+
 #kardaschow {
   bottom: 0px;
   //min-height: 50vh;

revealjs/build.py

@@ -0,0 +1,77 @@
+#!/usr/bin/env python3
+import os
+import re
+import sys
+import yaml
+
+from jinja2 import Environment, FileSystemLoader
+from CommonMark import commonmark
+
+# "template macros"
+template_replace = [
+    ('<notes>', '<aside class="notes">\n'),
+    ('</notes>', '\n</aside>'),
+]
+
+template_env = Environment(loader=FileSystemLoader('_templates'))
+
+directories = filter(lambda x: os.path.isdir(x) and not re.match('^_', x), os.listdir('.'))
+
+for directory in directories:
+    if not os.path.isfile(os.path.join(directory, 'index.md')):
+        print(f'{directory} is not valid: missing index.md')
+        continue
+
+    files = ['index.md']
+    files.extend(sorted(filter(lambda x: os.path.isfile(os.path.join(directory, x)) and re.match('.*\.md$', x) and x != 'index.md', os.listdir(directory))))
+
+    config = {
+        'theme': '../_assets/reveal.js/css/theme/black.css',
+        'controls': True,
+        'progress': True,
+        'history': True,
+        'center': True,
+        'show_notes': False, # on print
+        'width': 1280,
+        'height': 800,
+        'transition': 'slide', # none, fade, slide, convex, concave, zoom
+    }
+    content = ""
+
+    for idx, file in enumerate(files):
+        with open(os.path.join(directory, file), 'r') as f:
+            parts = f.read().split('---\n')
+
+        if idx == 0:
+            config = {**config, **yaml.load(parts[0])}
+            parts = parts[1:]
+
+        section_content = '<section>'
+
+        for slide in parts:
+            for r in template_replace:
+                slide = slide.replace(r[0], r[1])
+
+            # parse config
+            slide_config = slide.split('\n')[0]
+            slide = '\n'.join(slide.split('\n')[1:])
+            if slide_config != '':
+                slide_config = re.split(' (?=(?:[^"]|"[^"]*")*$)', slide_config)
+                slide_config = list(map(lambda x: x if re.match('^style=.*', x) else f'data-{x}', slide_config)) # data-
+                slide_config = ' ' + ' '.join(slide_config)
+
+            slide_content = f'<section{slide_config}>'
+            slide_content += commonmark(slide)
+            slide_content += '</section>'
+
+            if slide_content != '<section></section>':
+                section_content += slide_content
+
+        section_content += '</section>'
+
+        if section_content != '<section></section>':
+            content += section_content
+
+    with open(os.path.join(directory, 'index.html'), 'w') as f:
+        f.write(template_env.get_template('index.html.j2').render(config, content=content))
+    print(f'Processed {directory}')

revealjs/ffmpeg_englisch/index.html

@@ -1,141 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>FFmpeg</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/reveal.css">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/print/pdf.css" media="print">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/theme/black.css">
-    <link rel="stylesheet" href="../node_modules/highlight.js/styles/solarized-dark.css">
-    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,700|Fira+Mono" rel="stylesheet">
-    <style>
-      body * {
-        font-family: "Fira Sans", Roboto, Helvetica, sans-serif !important;
-      }
-      code {
-        font-family: "Fira Mono", "Roboto Mono", monospace !important;
-      }
-    </style>
-    <script>
-      var link = document.createElement( 'link' );
-      link.rel = 'stylesheet';
-      link.type = 'text/css';
-      link.href = window.location.search.match( /print-pdf/gi ) ? '../node_modules/reveal.js/css/print/pdf.css' : '../node_modules/reveal.js/css/print/paper.css';
-      document.getElementsByTagName( 'head' )[0].appendChild( link );
-    </script>
-  </head>
-  <body>
-    <div class="reveal">
-      <div class="slides">
-        <section data-background-image="img/cinema.jpg">
-          <h1>FFmpeg</h1>
-          Muldimedia manipulation made easy
-          <aside class="notes">
-            <ul>
-              <li>I’d like to tell you about…</li>
-              <li>You might not know it</li>
-            </ul>
-          </aside>
-        </section>
-        <section>
-          <section data-background-image="img/matrix.jpg">
-            <h2>What is FFmpeg?</h2>
-            <aside class="notes">
-              <ul>
-                <li>You might ask yourself:</li>
-                <li>Why do I have to know something about ffmpeg?</li>
-                <li>Very popular video sites like YouTube use it</li>
-                <li>I’m going to start with a quick introduction to ffmpeg</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/cat.jpg">
-            <h3>A/V manipulation</h3>
-            <ul>
-              <li class="fragment fade-down">one <em>format</em> to another</li>
-              <li class="fragment fade-down">reduce the file size (and quality)</li>
-              <li class="fragment fade-down">draw text on some fancy graphics while playing music</li>
-            </ul>
-            <aside class="notes">
-              <ul>
-                <li>main purpose: Manipulation</li>
-                <li>manipulation is not bad!</li>
-                <li>can be as simple as: one format to another</li>
-                <li>no time to explain, why format does not fit well</li>
-                <li>more compex case: reduce the file size and obviously the quality</li>
-                <li>another compex case: draw text on some fancy graphics while playing music</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/construction.jpg">
-            <h3>practical examples</h3>
-            <pre class="fragment"><code class="bash" data-trim>
-              ffmpeg -i foo.mp4 bar.mp4
-            </code></pre>
-            <pre class="fragment"><code class="bash" data-trim>
-              ffmpeg -i foo.mp4 -c:v libx264 -crf 28 \
-                     -vf "scale=-2:720" -c:a aac -b:a 128k bar.mp4
-            </code></pre>
-            <pre class="fragment"><code class="bash" data-trim>
-              ffmpeg -i in.mp4 -b:v 1800k -minrate 900k -maxrate 2160k \
-                     -tile-columns 2 -g 240 -threads 8 -deadline good \
-                     -crf 31 -c:v libvpx-vp9 -c:a libopus -ac 2 -vbr on \
-                     -b:a 96k -c:s copy -map 0 -pass 1 -cpu-used 1 out.mkv
-            </code></pre>
-            <pre class="fragment"><code class="bash" data-trim>
-              ffmpeg -i in.mp4 -b:v 1800k -minrate 900k -maxrate 2160k \
-                     -tile-columns 4 -g 240 -threads 8 -deadline good \
-                     -crf 31 -c:v libvpx-vp9 -c:a libopus -ac 2 -vbr on \
-                     -b:a 96k -c:s copy -map 0 -pass 2 -cpu-used 1 out.mkv
-            </code></pre>
-            <aside class="notes">
-              <ul>
-                <li>so let’s get our hands dirty</li>
-                <li>the first is mostly quite useless</li>
-                <li>the second one basically reduces the file size</li>
-                <li>the big ones are used in my production setup</li>
-                <li>they change the format of the video and optimize it to achieve smaller sizes with only little quality loss</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section data-background-video="img/facepalm.mp4">
-          <h3>End</h3>
-          <aside class="notes">
-            <ul>
-              <li>so finally, we are at the end</li>
-              <li>You’ll most likely say: “I’ll never use ffmpeg”</li>
-            </ul>
-          </aside>
-        </section>
-      </div>
-    </div>
-    <script src="../node_modules/reveal.js/lib/js/head.min.js"></script>
-    <script src="../node_modules/reveal.js/js/reveal.js"></script>
-    <script>
-      Reveal.initialize({
-        controls: true,
-        progress: true,
-        history: true,
-        center:true,
-
-        width: 1280,
-        height: 800,
-
-        transition: 'slide', // none, fade, slide, convex, concave, zoom
-
-        dependencies: [
-          // Syntax highlight for <code> elements
-          { src: '../node_modules/reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
-
-          // Zoom in and out with Alt+click
-          { src: '../node_modules/reveal.js/plugin/zoom-js/zoom.js', async: true },
-
-          // Speaker notes
-          { src: '../node_modules/reveal.js/plugin/notes/notes.js', async: true },
-        ]
-      });
-    </script>
-  </body>
-</html>

revealjs/kilimandscharo/img/erwaermung.svg

@@ -1,114 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="1920"
-   height="1200"
-   viewBox="0 0 508 317.5"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
-   sodipodi:docname="erwaermung.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.35"
-     inkscape:cx="1094.9017"
-     inkscape:cy="456.31805"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:snap-bbox="true"
-     inkscape:bbox-paths="true"
-     inkscape:bbox-nodes="true"
-     inkscape:snap-bbox-edge-midpoints="true"
-     inkscape:snap-bbox-midpoints="true"
-     inkscape:object-paths="true"
-     inkscape:snap-intersection-paths="true"
-     inkscape:snap-smooth-nodes="true"
-     inkscape:snap-midpoints="true"
-     inkscape:snap-object-midpoints="true"
-     inkscape:snap-center="true"
-     inkscape:snap-text-baseline="true"
-     inkscape:snap-page="true"
-     inkscape:window-width="1918"
-     inkscape:window-height="1178"
-     inkscape:window-x="1280"
-     inkscape:window-y="20"
-     inkscape:window-maximized="0"
-     units="px" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Ebene 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,20.499981)">
-    <rect
-       style="opacity:1;fill:#a6dbfb;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.32290554;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-       id="rect815"
-       width="506.67709"
-       height="316.17709"
-       x="0.66145277"
-       y="-19.838528" />
-    <rect
-       y="-19.838528"
-       x="0.66145277"
-       height="316.17709"
-       width="506.67709"
-       id="rect838"
-       style="opacity:1;fill:#a6dbfb;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.32290554;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
-    <rect
-       style="opacity:1;fill:#a6dbfb;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.32286012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-       id="rect840"
-       width="168.01047"
-       height="145.72964"
-       x="169.99477"
-       y="65.385193" />
-    <text
-       xml:space="preserve"
-       style="color:#000000;font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:42.66266632px;line-height:37.32983398px;font-family:Roboto;-inkscape-font-specification:'Roboto, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:0px;word-spacing:0px;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.66641665px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
-       x="206.53978"
-       y="33.974247"
-       id="text844"><tspan
-         sodipodi:role="line"
-         id="tspan842"
-         x="206.53978"
-         y="33.974247"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:DINW07-Bold;-inkscape-font-specification:DINW07-Bold;stroke-width:2.66641665px">1912</tspan></text>
-    <text
-       id="text850"
-       y="153.43793"
-       x="209.93147"
-       style="color:#000000;font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:42.66266632px;line-height:37.32983398px;font-family:Roboto;-inkscape-font-specification:'Roboto, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:0px;word-spacing:0px;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.66641665px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
-       xml:space="preserve"><tspan
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:DINW07-Bold;-inkscape-font-specification:DINW07-Bold;stroke-width:2.66641665px"
-         y="153.43793"
-         x="209.93147"
-         id="tspan848"
-         sodipodi:role="line">2011</tspan></text>
-  </g>
-</svg>

revealjs/kilimandscharo/index.html

@@ -1,186 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Kilimandscharo</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/reveal.css">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/print/pdf.css" media="print">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/theme/black.css">
-    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,700|Fira+Mono" rel="stylesheet">
-    <style>
-      body * {
-        font-family: "Fira Sans", Roboto, Helvetica, sans-serif !important;
-        -webkit-print-color-adjust:exact;
-      }
-    </style>
-    <script>
-      var link = document.createElement( 'link' );
-      link.rel = 'stylesheet';
-      link.type = 'text/css';
-      link.href = window.location.search.match( /print-pdf/gi ) ? '../node_modules/reveal.js/css/print/pdf.css' : '../node_modules/reveal.js/css/print/paper.css';
-      document.getElementsByTagName( 'head' )[0].appendChild( link );
-    </script>
-  </head>
-  <body>
-    <div class="reveal">
-      <div class="slides">
-        <section>
-          <section data-background-image="img/sergey-pesterev-221501.jpg">
-            <h1 style="color:black;">Kilimandscharo</h1>
-            <aside class="notes">
-              <ul>
-                <li>Höchster Berg in Afrika</li>
-                <li>Schichtvulkan</li>
-                <li>Letzter Ausbruch: nach Überlieferungen ~ 1700</li>
-                <li>Kibo (Uhuru (kiswaheli) → Freiheit): 5895 m</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/map.png">
-            <aside class="notes">
-            <ul>
-              <li>Liegt in Tansania</li>
-              <li>an der kenianischen Grenze</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/map_detail.png">
-            <aside class="notes">
-            <ul>
-              <li>bildet die Grenze</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/profil_nasa.png" data-background-size="contain">
-            <aside class="notes">
-              <ul>
-                <li>Rendering des Kilimandscharos</li>
-                <li>Drei vulkanische Gipfel: Shira, Kibo, Mawenzia</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section data-background-image="img/top.jpg">
-            <aside class="notes">
-              <ul>
-                <li>Buschland, 800 m – 1,800 m</li>
-                <li>Offene Regenlandschaft, 1,800 m – 2,800 m</li>
-                <li>Heide und Moorland, 2,800 m – 4,000 m</li>
-                <li>Unfruchtbares Hochland, 4,000 m – 5,000 m</li>
-                <li>Eiskappe, 5,000 m – 5,895 m</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/chen-hu-513373.jpg">
-            <aside class="notes">
-              <ul>
-                <li>Auf dem Kibo: Gletscher</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/erwaermung.svg">
-            <aside class="notes">
-              <ul>
-                <li>Klimaerwärmung schmilzt das Eis auf dem Gipfel</li>
-                <li>1912: 11.4 km²</li>
-                <li>2011: 1.76 km²</li>
-                <li>Anstieg der Schmelzgeschwindigkeit
-                  <ul>
-                    <li>1912–1953: -1.1 %/y</li>
-                    <li>1953–1989: -1.4 %/y</li>
-                    <li>1989–2007: -2.5 %/y</li>
-                  </ul>
-                </li>
-                <li>Bis 2060 wird die Eiskappe komplett verschwunden sein</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/kraterloch.jpg">
-            <aside class="notes">
-              <ul>
-                <li>sieht man nochmal Eis + Krater</li>
-                <li>Erste Luftaunahme des Kraters von Walter Mittelholzer (1929)</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section data-background-image="img/kaktus.jpg">
-            <aside class="notes">
-              <h3>Pflanzen</h3>
-              <ul>
-                <li>Akazien</li>
-                <li>Farne</li>
-                <li>Erika-Sträucher – bis 10 m hoch</li>
-                <li>Kiefern</li>
-                <li>Kreuzkraut – 5 bis 6 m hoch</li>
-                <li>Moose</li>
-                <li>Olivenbäume</li>
-                <li>Orchideen</li>
-                <li>Palmen</li>
-                <li>Riesen-Senecien (siehe Bild)</li>
-                <li>Wacholder</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/elefanten.jpg">
-            <aside class="notes">
-              <h3>Tiere</h3>
-              <ul>
-                <li>Säugetiere
-                  <ul>
-                    <li>Affen</li>
-                    <li>Büffel</li>
-                    <li>Elefanten</li>
-                    <li>Hyänen</li>
-                    <li>Leoparden</li>
-                    <li>Löwen</li>
-                    <li>Nashörner</li>
-                    <li>Zebras</li>
-                  </ul>
-                </li>
-                <li>Vögel
-                  <ul>
-                    <li>Enten</li>
-                    <li>Flamingos</li>
-                    <li>Gänse</li>
-                    <li>Kuckuckarten</li>
-                    <li>Pelikane</li>
-                    <li>Reiher</li>
-                    <li>Störche</li>
-                  </ul>
-                </li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-      </div>
-    </div>
-    <script src="../node_modules/reveal.js/lib/js/head.min.js"></script>
-    <script src="../node_modules/reveal.js/js/reveal.js"></script>
-    <script>
-      Reveal.initialize({
-        controls: true,
-        progress: true,
-        history: true,
-        center: true,
-        //showNotes: true,
-
-        width: 1280,
-        height: 800,
-
-        transition: 'slide', // none, fade, slide, convex, concave, zoom
-
-        dependencies: [
-          // Zoom in and out with Alt+click
-          { src: '../node_modules/reveal.js/plugin/zoom-js/zoom.js', async: true },
-
-          // Speaker notes
-          { src: '../node_modules/reveal.js/plugin/notes/notes.js', async: true },
-        ]
-      });
-    </script>
-  </body>
-</html>

revealjs/package-lock.json

@@ -1,18 +0,0 @@
-{
-  "name": "sbruder-presis",
-  "version": "1.0.0",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "highlight.js": {
-      "version": "9.12.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.12.0.tgz",
-      "integrity": "sha1-5tnb5Xy+/mB1HwKvM2GVhwyQwB4="
-    },
-    "reveal.js": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/reveal.js/-/reveal.js-3.6.0.tgz",
-      "integrity": "sha1-zg5k8wy+vW5c6IXC84QIXF5YIeg="
-    }
-  }
-}

revealjs/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "sbruder-presis",
-  "version": "1.0.0",
-  "description": "my presentations",
-  "repository": {
-    "type": "git",
-    "url": "https://git.sbruder.de/simon/presis.git"
-  },
-  "dependencies": {
-    "highlight.js": "^9.12.0",
-    "reveal.js": "^3.6.0"
-  },
-  "author": "Simon Bruder",
-  "license": "MIT"
-}

revealjs/snowden/0-intro.md

@@ -0,0 +1,7 @@
+background-image="img/portrait.jpg"
+
+# Edward Snowden
+
+<notes>
+ * Wer glaubt, dass beim Senden von einer E-Mail diese nur der Empfänger bekommt?
+</notes>

revealjs/snowden/1-das-problem.md

@@ -0,0 +1,81 @@
+
+# Das Problem
+
+<notes>
+### →Simon
+</notes>
+
+---
+background-video="img/bigdata.mp4"
+
+## Massenüberwachung
+
+<notes>
+ * Keine klassische Ein-Ziel-Überwachung mehr
+ * *Jeder* wird überwacht, nicht nur Verdächtige
+ * Große Datenmengen
+</notes>
+
+---
+background-image="img/surveillance.jpg"
+
+## Ganze Länder
+
+<notes>
+ * Vereinigtes Königreich: Flächendeckende Überwachung in Großstädten
+</notes>
+
+---
+
+## Ich habe nichts zu verbergen!
+<notes>
+ * Wer von euch glaubt, nichts verbergen zu haben?
+</notes>
+
+---
+
+<blockquote>
+Zu argumentieren, dass Sie keine Privatsphäre brauchen, weil Sie
+nichts zu verbergen haben, ist so, als würden Sie sagen, dass Sie
+keine Meinungsfreiheit brauchen, weil Sie nichts zu sagen haben.
+<small>Edward Snowden</small>
+</blockquote>
+
+<notes>
+ * Zitat von Snowden
+ * Wenn man keine Privatsphäre braucht nur wenn man nichts zu verbergen hat,
+   braucht man ja auch keine Meinungs- und Pressefreiheit, wenn man nichts zu
+   sagen hat
+</notes>
+
+---
+background-image="img/trump.jpg"
+
+### Verlust von Demoktratie/Vertrauen
+
+<notes>
+ * Noch vertrauen wir vielleicht der Regierung
+ * Angenommen der Geheimdienst untersteht plötzlich einem Diktator
+ * Ich glaube nicht, dass es dann noch OK wäre
+ * Zwar jetzt nicht gegen Dich verwendet, aber woher bist Du sicher, dass auch
+   in Zukunft nicht?
+</notes>
+
+---
+
+### Entsperrtes Handy mir geben?
+
+<notes>
+ * [HIER KÖNNTE IHR NAME STEHEN] habt ja nichts zu verbergen, also könnt ihr
+   entsperrtest Handy geben
+</notes>
+
+---
+background-image="img/liberty-surveillance.jpg"
+
+## Angriff auf die Demokratie
+
+<notes>
+ * Verlust der Kontrolle über die eigenen Daten
+ * Kontrolle ist Voraussetzung für Demoktratie
+</notes>

revealjs/snowden/2-das-handeln.md

@@ -0,0 +1,72 @@
+
+# Das Handeln
+
+<notes>
+### →Bastian
+
+ * Snowdens berühmtes Handeln (NSA Skandal)
+</notes>
+
+---
+background-image="img/kurs.jpg"
+
+## Vorgeschichte
+
+<notes>
+ * Durch Erkrankung (Pfeiffer-Drüsenfieber): Verpasst fast 9 Monate Unterricht
+ * Statt wiederholen: Informatikkurse
+ * wird schnell als Talent entdeckt → Aufstieg bis zur NSA
+ * Festelltung: mehr Schaden als Nutzen
+</notes>
+
+---
+slide background-image="img/copy.jpg" background-color="white"
+
+## Entwendung
+
+<notes>
+ * keine Informationen zu Art und Weise der Entwendung
+ * konnte starke Sicherheitskontrollen umgehen
+ * Vermutung der Schmugglung über SD-Karte in Rubik Cube
+ * Portraitierung hiervon im Film „Snowden“
+ * Abstreitung von Snowden
+ * jedoch besitzt in dem Büro jeder einen, wäre also unauffällig
+</notes>
+
+---
+slide background-video="img/rsync.mp4" background-size="contain" background-color="black"
+
+## Kommunikation
+
+<notes>
+ * Verschlüsselte Kommunikation mit Journalisten schwer
+ * Scheitern derer mit Glenn Greenwald
+ * Erfolg bei Kommunikation mit Laura Poitras
+ * Datenaustausch über Tor-Netzwerk (ugs. Darknet)
+ * Vereinbarung eines Treffens in Hongkong
+</notes>
+
+---
+background-image="img/mira.jpg"
+
+## Treffen
+
+<notes>
+ * Grund: Erläuterung der Daten; Näheres zu seiner Person
+ * Treffen fand im Juni 2013 im Hotel „The Mira“ in Hongkong (Hintergrund)
+   statt
+ * Erkennungszeichen (Im Gegensatz zur Entwendung bewiesen): Rubik Cube
+ * Zwischenbesuch von Greenwalds Kollegen Ewen MacAskill
+</notes>
+
+---
+background-image="img/glenn-cnn.jpg"
+
+## Veröffentlichung
+
+<notes>
+ * Während seinem Aufenthalt im Hotel: Veröffentlichung von Online- und
+   Fernsehberichten
+ * Dokumentation von Laura Poitras (Citizenfour): Oktober 2014 (1¼ Jahre nach
+   Bekanntwerden)
+</notes>

revealjs/snowden/3-was-kann-ich-tun.md

@@ -0,0 +1,64 @@
+
+# Was kann ich tun?
+
+<notes>
+### →Benedikt
+</notes>
+
+---
+background-image="img/web-protect.png" background-color="white"
+
+<notes>
+ * einfach: Auf verschlüsselte (https-)Verbindung achten
+ * bei besonders sicheren Webseiten auch auf den grünen Firmennamen
+ * schwerer, aber mit großer Auswirkung: Sichere Suchmaschine
+ * Beispiel: DuckDuckGo, Startpage und andere
+ * legen mehr Wert auf Datenschutz als große Suchmaschinen
+</notes>
+
+---
+background-image="img/privacy.jpg" background-color="white"
+
+## Kostenlos
+
+<notes>
+ * Google, WhatsApp, Snapchat, Instagram: Alle kostenlos
+ * Geld durch Verkauf von Daten
+</notes>
+
+---
+
+<blockquote class="small">
+du gewährst uns eine Lizenz, deine Inhalte zu nutzen[…] Hosten, Speichern,
+Verwenden, Anzeigen, Reproduzieren, Verändern, Anpassen, Bearbeiten,
+Veröffentlichen, und Verteilen aller Inhalte, die du an die Services
+übermittelst.  <small>Servicebestimmungen – Snap Inc.</small>
+</blockquote>
+
+<blockquote class="small">
+die Zielgenauigkeit […] von Werbung verbessern,[…] <strong>sowohl innerhalb als
+auch außerhalb unserer Services</strong>.  <small>Datenschutzcenter – Snap
+Inc.</small>
+</blockquote>
+
+<notes>
+ * Beispiel aus den Nutzungsbedingen und der Datenschutzerklärung von Snapchat
+   dürfen die Inhalte (also Snaps) „Verwenden“ (für alles, was
+ * sie wollen) und sogar Veröffentlichen und Verteilen
+ * um personalisierte Werbung anzubieten sogar Nutzung außerhalb von Snapchat
+ * Nur ein Beispiel, fast alle großen Unternehmen machen das so
+</notes>
+
+---
+background-image="img/smarthome.jpg" background-color="white"
+
+## Smart Home
+
+<notes>
+ * unterschätzte Gefahr der Datensammelintensität
+ * Tracking häufig notwendig um „faulem“ Nutzer immer weiterhelfen zu können
+ * Weniger Smart Home: „OK Google“ (Speicherung aller Audiodaten)
+ * Hello Barbie: „Intelligente“ Kinderpuppe; Tondaten sind dem Hersteller
+   *abhanden gekommen*
+ * Gleiches Problem: Verkauf zu Werbezwecken
+</notes>

revealjs/snowden/4-ende.md

@@ -0,0 +1,7 @@
+
+# Ende
+#### Bildquellen
+ * BluRay “Citizenfour” (© 2014 Praxis Films)
+ * BluRay “Snowden” (© 2016 Sacha Inc.)
+ * YouTube/Kurzgesagt ([V9_PjdU3Mpo](https://youtu.be/V9_PjdU3Mpo))</li>
+ * amazon.de

revealjs/snowden/index.html

@@ -1,327 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Edward Snowden</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/reveal.css">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/print/pdf.css" media="print">
-    <link rel="stylesheet" href="../node_modules/reveal.js/css/theme/black.css">
-    <link rel="stylesheet" href="../node_modules/highlight.js/styles/solarized-dark.css">
-    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,700|Fira+Mono" rel="stylesheet">
-    <style>
-      body * {
-        font-family: "Fira Sans", Roboto, Helvetica, sans-serif !important;
-      }
-      code {
-        font-family: "Fira Mono", "Roboto Mono", monospace !important;
-      }
-      .reveal blockquote {
-        /*background: rgba(0,0,0,0.25);
-        box-shadow: 0 0 0.5em 1em rgba(0,0,0,0.25);*/
-        background: none;
-        box-shadow: none;
-        font-style: normal;
-      }
-      .reveal blockquote::before {
-        display: inline-block;
-        margin-bottom: -0.5em;
-        content: ' ';
-        background: url('quote.svg') no-repeat;
-        background-size: 2em;
-        height: 2em;
-        width: 2em;
-      }
-      .reveal blockquote small {
-        margin-top: 1em;
-        display: block;
-      }
-      .reveal blockquote small::before {
-        content: '– ';
-      }
-      .reveal blockquote.small {
-        font-size: 0.9em;
-      }
-      video.preload {
-        display: none;
-      }
-    </style>
-    <script>
-      var link = document.createElement( 'link' );
-      link.rel = 'stylesheet';
-      link.type = 'text/css';
-      link.href = window.location.search.match( /print-pdf/gi ) ? '../node_modules/reveal.js/css/print/pdf.css' : '../node_modules/reveal.js/css/print/paper.css';
-      document.getElementsByTagName( 'head' )[0].appendChild( link );
-    </script>
-  </head>
-  <body>
-    <!-- VERY ugly hack for preloading, because larger videos sometimes hang
-         over „real“ internet (but work over local connection) -->
-    <div class="preload">
-      <video class="preload" autoplay src="img/bigdata.mp4"></video>
-      <video class="preload" autoplay src="img/rsync.mp4"></video>
-    </div>
-    <div class="reveal">
-      <div class="slides">
-        <section data-background-image="img/portrait.jpg">
-          <h1>Edward Snowden</h1>
-          <aside class="notes">
-            <ul>
-              <li>Wer glaubt, dass beim Senden von einer E-Mail diese nur der Empfänger bekommt?</li>
-            </ul>
-          </aside>
-        </section>
-        <section>
-          <section>
-            <h1>Das Problem</h1>
-            <aside class="notes">
-              <h3>→Simon</h3>
-            </aside>
-          </section>
-          <section data-background-video="img/bigdata.mp4">
-            <h2>Massenüberwachung</h2>
-            <aside class="notes">
-              <ul>
-                <li>Keine klassische Ein-Ziel-Überwachung mehr</li>
-                <li><em>Jeder</em> wird überwacht, nicht nur Verdächtige</li>
-                <li>Große Datenmengen</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/surveillance.jpg">
-            <h2>Ganze Länder</h2>
-            <aside class="notes">
-              <ul>
-                <li>Vereinigtes Königreich: Flächendeckende Überwachung in Großstädten</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h2>Ich habe nichts zu verbergen!</h2>
-            <aside class="notes">
-              <ul>
-                <li>Wer von euch glaubt, nichts verbergen zu haben?</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <blockquote>
-              Zu argumentieren, dass Sie keine Privatsphäre brauchen, weil Sie
-              nichts zu verbergen haben, ist so, als würden Sie sagen, dass Sie
-              keine Meinungsfreiheit brauchen, weil Sie nichts zu sagen haben.
-              <small>Edward Snowden</small>
-            </blockquote>
-            <aside class="notes">
-              <ul>
-                <li>Zitat von Snowden</li>
-                <li>Wenn man keine Privatsphäre braucht nur wenn man nichts zu
-                    verbergen hat, braucht man ja auch keine Meinungs- und
-                    Pressefreiheit, wenn man nichts zu sagen hat</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/trump.jpg">
-            <h3>Verlust von Demoktratie/Vertrauen</h3>
-            <aside class="notes">
-              <ul>
-                <li>Noch vertrauen wir vielleicht der Regierung</li>
-                <li>Angenommen der Geheimdienst untersteht plötzlich einem
-                    Diktator</li>
-                <li>Ich glaube nicht, dass es dann noch OK wäre</li>
-                <li>Zwar jetzt nicht gegen Dich verwendet, aber woher bist Du sicher, dass auch in Zukunft nicht?</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <h3>Entsperrtes Handy mir geben?</h3>
-            <aside class="notes">
-              <ul>
-                <li>[HIER KÖNNTE IHR NAME STEHEN] habt ja nichts zu verbergen,
-                    also könnt ihr entsperrtest Handy geben</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/liberty-surveillance.jpg">
-            <h2>Angriff auf die Demokratie</h2>
-            <aside class="notes">
-              <ul>
-                <li>Verlust der Kontrolle über die eigenen Daten</li>
-                <li>Kontrolle ist Voraussetzung für Demoktratie</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section>
-            <h1>Das Handeln</h1>
-            <aside class="notes">
-              <h3>→Bastian</h3>
-              <ul>
-                <li>Snowdens berühmtes Handeln (NSA Skandal)</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/kurs.jpg">
-            <h2>Vorgeschichte</h2>
-            <aside class="notes">
-              <ul>
-                <li>Durch Erkrankung (Pfeiffer-Drüsenfieber): Verpasst fast 9 Monate Unterricht</li>
-                <li>Statt wiederholen: Informatikkurse</li>
-                <li>wird schnell als Talent entdeckt → Aufstieg bis zur NSA</li>
-                <li>Festelltung: mehr Schaden als Nutzen</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/copy.jpg" data-background-color="white">
-            <h2>Entwendung</h2>
-            <aside class="notes">
-              <ul>
-                <li>keine Informationen zu Art und Weise der Entwendung</li>
-                <li>konnte starke Sicherheitskontrollen umgehen</li>
-                <li>Vermutung der Schmugglung über SD-Karte in Rubik Cube</li>
-                <li>Portraitierung hiervon im Film „Snowden“</li>
-                <li>Abstreitung von Snowden</li>
-                <li>jedoch besitzt in dem Büro jeder einen, wäre also unauffällig</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-video="img/rsync.mp4" data-background-size="contain" data-background-color="black">
-            <h2>Kommunikation</h2>
-            <aside class="notes">
-              <ul>
-                <li>Verschlüsselte Kommunikation mit Journalisten schwer</li>
-                <li>Scheitern derer mit Glenn Greenwald</li>
-                <li>Erfolg bei Kommunikation mit Laura Poitras</li>
-                <li>Datenaustausch über Tor-Netzwerk (ugs. Darknet)</li>
-                <li>Vereinbarung eines Treffens in Hongkong</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/mira.jpg">
-            <h2>Treffen</h2>
-            <aside class="notes">
-              <ul>
-                <li>Grund: Erläuterung der Daten; Näheres zu seiner Person</li>
-                <li>Treffen fand im Juni 2013 im Hotel „The Mira“ in Hongkong (Hintergrund) statt</li>
-                <li>Erkennungszeichen (Im Gegensatz zur Entwendung bewiesen): Rubik Cube</li>
-                <li>Zwischenbesuch von Greenwalds Kollegen Ewen MacAskill</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/glenn-cnn.jpg">
-            <h2>Veröffentlichung</h2>
-            <aside class="notes">
-              <ul>
-                <li>Während seinem Aufenthalt im Hotel: Veröffentlichung von Online- und Fernsehberichten</li>
-                <li>Dokumentation von Laura Poitras (Citizenfour): Oktober 2014 (1¼ Jahre nach Bekanntwerden)</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <section>
-            <h1>Was kann ich tun?</h1>
-            <aside class="notes">
-              <h3>→Benedikt</h3>
-            </aside>
-          </section>
-          <section data-background-image="img/web-protect.png" data-background-color="white">
-            <aside class="notes">
-              <ul>
-                <li>einfach: Auf verschlüsselte (https-)Verbindung achten</li>
-                <li>bei besonders sicheren Webseiten auch auf den grünen Firmennamen</li>
-                <li>schwerer, aber mit großer Auswirkung: Sichere Suchmaschine</li>
-                <li>Beispiel: DuckDuckGo, Startpage und andere</li>
-                <li>legen mehr Wert auf Datenschutz als große Suchmaschinen</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/privacy.jpg" data-background-color="white">
-            <h2>Kostenlos?</h2>
-            <aside class="notes">
-              <ul>
-                <li>Google, WhatsApp, Snapchat, Instagram: Alle kostenlos</li>
-                <li>Geld durch Verkauf von Daten</li>
-              </ul>
-            </aside>
-          </section>
-          <section>
-            <blockquote class="small">
-              du gewährst uns eine Lizenz, deine Inhalte zu nutzen[…] Hosten,
-              Speichern, Verwenden, Anzeigen, Reproduzieren, Verändern,
-              Anpassen, Bearbeiten, Veröffentlichen, und Verteilen aller
-              Inhalte, die du an die Services übermittelst.
-              <small>Servicebestimmungen – Snap Inc.</small>
-            </blockquote>
-            <blockquote class="small">
-              die Zielgenauigkeit […] von Werbung verbessern,[…] <strong>sowohl
-              innerhalb als auch außerhalb unserer Services</strong>.
-              <small>Datenschutzcenter – Snap Inc.</small>
-            </blockquote>
-            <aside class="notes">
-              <ul>
-                <li>Beispiel aus den Nutzungsbedingen und der Datenschutzerklärung von Snapchat</li>
-                <li>dürfen die Inhalte (also Snaps) „Verwenden“ (für alles, was
-                    sie wollen) und sogar Veröffentlichen und Verteilen</li>
-                <li>um personalisierte Werbung anzubieten sogar Nutzung
-                    außerhalb von Snapchat</li>
-                <li>Nur ein Beispiel, fast alle großen Unternehmen machen das so</li>
-              </ul>
-            </aside>
-          </section>
-          <section data-background-image="img/smarthome.jpg" data-background-color="white">
-            <h2>Smart Home</h2>
-            <aside class="notes">
-              <ul>
-                <li>unterschätzte Gefahr der Datensammelintensität</li>
-                <li>Tracking häufig notwendig um „faulem“ Nutzer immer
-                    weiterhelfen zu können</li>
-                <li>Weniger Smart Home: „OK Google“ (Speicherung aller Audiodaten)</li>
-                <li>Hello Barbie: „Intelligente“ Kinderpuppe; Tondaten sind dem
-                    Hersteller <em>abhanden gekommen</em></li>
-                <li>Gleiches Problem: Verkauf zu Werbezwecken</li>
-              </ul>
-            </aside>
-          </section>
-        </section>
-        <section>
-          <h1>Ende</h1>
-          <h4>Bildquellen</h4>
-          <ul>
-            <li>BluRay “Citizenfour” (© 2014 Praxis Films)</li>
-            <li>BluRay “Snowden” (© 2016 Sacha Inc.)</li>
-            <li>YouTube/Kurzgesagt (<a href="https://youtu.be/V9_PjdU3Mpo">V9_PjdU3Mpo</a>)</li>
-            <li>amazon.de</li>
-          </ul>
-        </section>
-      </div>
-    </div>
-    <script src="../node_modules/reveal.js/lib/js/head.min.js"></script>
-    <script src="../node_modules/reveal.js/js/reveal.js"></script>
-    <script>
-      Reveal.initialize({
-        controls: true,
-        progress: true,
-        history: true,
-        center: true,
-        showNotes: false,
-
-        width: 1280,
-        height: 800,
-
-        transition: 'slide', // none, fade, slide, convex, concave, zoom
-
-        dependencies: [
-          // Syntax highlight for <code> elements
-          { src: '../node_modules/reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
-
-          // Zoom in and out with Alt+click
-          { src: '../node_modules/reveal.js/plugin/zoom-js/zoom.js', async: true },
-
-          // Speaker notes
-          { src: '../node_modules/reveal.js/plugin/notes/notes.js', async: true },
-        ]
-      });
-    </script>
-  </body>
-</html>

revealjs/snowden/index.md

@@ -0,0 +1,3 @@
+title: "Edward Snowden"
+theme: "theme.css"
+---

revealjs/snowden/theme.css

@@ -0,0 +1,37 @@
+@import "../_assets/reveal.js/css/theme/black.css";
+@import "../_assets/fonts/Fira Sans/index.css";
+
+body * {
+  font-family: "Fira Sans", Roboto, Helvetica, sans-serif !important;
+}
+
+.reveal blockquote {
+  /*background: rgba(0,0,0,0.25);
+  box-shadow: 0 0 0.5em 1em rgba(0,0,0,0.25);*/
+  background: none;
+  box-shadow: none;
+  font-style: normal;
+}
+
+.reveal blockquote::before {
+  display: inline-block;
+  margin-bottom: -0.5em;
+  content: ' ';
+  background: url('quote.svg') no-repeat;
+  background-size: 2em;
+  height: 2em;
+  width: 2em;
+}
+
+.reveal blockquote small {
+  margin-top: 1em;
+  display: block;
+}
+
+.reveal blockquote small::before {
+  content: '– ';
+}
+
+.reveal blockquote.small {
+  font-size: 0.9em;
+}