cleanup; new build system for reveal.js

This commit is contained in:
Simon Bruder 2018-08-29 17:55:10 +00:00
parent b9f4a8bc79
commit e73d4ad50b
No known key found for this signature in database
GPG key ID: 6F03E0000CC5B62F
78 changed files with 1094 additions and 3035 deletions

View file

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

4
.gitignore vendored
View file

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

6
.gitmodules vendored
View file

@ -1,3 +1,9 @@
[submodule "mtheme"] [submodule "mtheme"]
path = latex/mtheme path = latex/mtheme
url = https://github.com/matze/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

View file

@ -1,7 +1,5 @@
.PHONY: default .PHONY: clean fonts revealjs
default:
.PHONY: clean
clean: clean:
find latex \ find latex \
-type f \ -type f \
@ -21,7 +19,6 @@ clean:
latex/fonts: latex/fonts:
mkdir $@ mkdir $@
.PHONY: fonts
fonts: latex/fonts fonts: latex/fonts
wget -P latex/fonts -c -q \ wget -P latex/fonts -c -q \
https://cdn.jsdelivr.net/npm/roboto-fontface/fonts/roboto/Roboto-Black.ttf \ 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-UltraLightItalic.ttf \
https://cdn.jsdelivr.net/npm/mozilla-fira-pack/Fira/ttf/FiraSans-UltraLight.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 revealjs/%/index.pdf: revealjs/%/index.html
decktape --no-sandbox -s 1920x1200 $< $@ decktape --no-sandbox -s 1920x1200 $< $@

View file

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

View file

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

View file

@ -11,8 +11,6 @@
<h1>Präsentationen</h1> <h1>Präsentationen</h1>
<table> <table>
<tr><td></td><td><a href="latex/brom/index.pdf">Element: Brom (Br)</a></td></tr> <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/">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/snowden/handout.pdf">Snowden (handout)</a></td></tr>
<tr><td></td><td><a href="revealjs/alternative_energy/">Alternative Energie</a></td></tr> <tr><td></td><td><a href="revealjs/alternative_energy/">Alternative Energie</a></td></tr>

3
requirements.txt Normal file
View file

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

View file

@ -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')
}

View file

@ -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;
}

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

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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 100m)
* 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 1km)
* 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>

View file

@ -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>

View file

@ -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>

View file

@ -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 3m 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>

View file

@ -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>

View file

@ -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 100m)</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 1km)</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 3m 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>

View file

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

View file

@ -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);
}
}

View file

@ -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); } }

View file

@ -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 { #kardaschow {
bottom: 0px; bottom: 0px;
//min-height: 50vh; //min-height: 50vh;

77
revealjs/build.py Executable file
View file

@ -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}')

Binary file not shown.

Before

Width:  |  Height:  |  Size: 361 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 714 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 308 KiB

View file

@ -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>Id 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>Im 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 lets 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>Youll most likely say: “Ill 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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 650 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

View file

@ -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>

Before

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 944 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 536 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 646 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 897 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 964 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 364 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

View file

@ -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): 5895m</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, 800m 1,800m</li>
<li>Offene Regenlandschaft, 1,800m 2,800m</li>
<li>Heide und Moorland, 2,800m 4,000m</li>
<li>Unfruchtbares Hochland, 4,000m 5,000m</li>
<li>Eiskappe, 5,000m 5,895m</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.4km²</li>
<li>2011: 1.76km²</li>
<li>Anstieg der Schmelzgeschwindigkeit
<ul>
<li>19121953: -1.1%/y</li>
<li>19531989: -1.4%/y</li>
<li>19892007: -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>

View file

@ -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="
}
}
}

View file

@ -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"
}

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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

View file

@ -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>

View file

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

Binary file not shown.

View file

@ -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;
}