Initial Commit

author: Christian Franke <nobody@nowhere.ws> 2013-04-09 14:31:22 +0200
committer: Christian Franke <nobody@nowhere.ws> 2013-04-09 14:31:22 +0200
commit: 5a774ef6f3b38b19b26913a34b1388530c72334e (patch)
tree: 543127427771d75f652fc9e726cc39aa1a72571c /presentation.html
1 files changed, 356 insertions, 0 deletions
diff --git a/presentation.html b/presentation.html
new file mode 100644
index 0000000..a670be2
--- /dev/null
+++ b/presentation.html
@@ -0,0 +1,356 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
+
+        <!-- PROVIDE METADATA -->
+        <!-- ================ -->
+        <title>Cyrptocon Infoscreen Slides</title>
+        <meta name="author" content="Christian Franke">
+            
+	<!-- Required stylesheet -->
+	<link rel="stylesheet" href="deck.js/core/deck.core.css">
+
+	<!-- Style theme. More available in deck.js/themes/style/ or create your own. -->
+	<link rel="stylesheet" href="deck.js/themes/style/web-2.0.css">
+
+	<!-- Transition, for your audience, use it only for short presentations, see deck.js/themes/transition -->
+	<!--link rel="stylesheet" href="deck.js/themes/transition/****.css"-->
+	
+	<!-- Required Modernizr file -->
+	<script src="deck.js/modernizr.custom.js"></script>
+        <!-- Required JS files. -->
+        <script src="deck.js/jquery-1.7.2.min.js"></script>
+        <script src="deck.js/core/deck.core.js"></script>
+
+        <!-- PROVIDE EXTENSIONS: JS and CSS files -->
+        <!-- ============================ -->
+        <!-- proper slide scaling (type 's' to disable) -->
+        <script src="deck.js/extensions/fit/deck.fit.js"></script>
+        <link rel="stylesheet" href="deck.js/extensions/fit/deck.fit-fs.css"> <!-- fit to window -->
+        <!-- animations, svg etc (better to include it after the 'status' extension... so see below) -->
+        <!-- math equations -->
+        <script src="deck.js/libs/display-latex2.user.js"></script>
+        <script src="deck.js/extensions/simplemath/deck.simplemath.js"></script>
+        <!-- smart syntax -->
+        <script src="deck.js/extensions/smartsyntax/deck.smartsyntax.js"></script>
+        <!-- clone by typing 'c'   (popups a slave presentation) (uses "clone snippet" at the end of the page) -->
+        <script src="deck.js/extensions/clone/deck.clone.js"></script>
+        <!-- goto by typing 'g'   (uses "goto snippet" at the end of the page) -->
+	<link rel="stylesheet" href="deck.js/extensions/goto/deck.goto.css">
+        <script src="deck.js/extensions/goto/deck.goto.js"></script>
+        <!-- slide number indicator   (uses "status snippet" at the end of the page) -->
+        <link rel="stylesheet" href="deck.js/extensions/status/deck.status.css">
+        <script src="deck.js/extensions/status/deck.status.js"></script>
+        <!-- navigation buttons   (uses "navigation snippet" at the end of the page) -->
+	<link rel="stylesheet" href="deck.js/extensions/navigation/deck.navigation.css">
+        <script src="deck.js/extensions/navigation/deck.navigation.js"></script>
+        <!-- slide selector by typing 'm' -->
+        <script src="deck.js/extensions/menu/deck.menu.js"></script>
+	<link rel="stylesheet" href="deck.js/extensions/menu/deck.menu.css">
+        <!-- permalink   (uses "hash snippet" at the end of the page) -->
+        <link rel="stylesheet" href="deck.js/extensions/hash/deck.hash.css">
+        <script src="deck.js/extensions/hash/deck.hash.js"></script>
+        <!-- animations, svg etc (better to include it after the 'status' extension (to avoid huge fake slide numbers) -->
+        <script src="deck.js/extensions/step/deck.step.js"></script>
+        <script src="deck.js/extensions/events/deck.events.js"></script>
+        <script src="deck.js/extensions/anim/deck.anim.js"></script>
+        <script src="deck.js/libs/jquerysvg/jquery.svg.min.js"></script>
+        <script src="deck.js/libs/jquerysvg/jquery.svganim.min.js"></script>
+        <script src="deck.js/extensions/svg/deck.svg.js"></script>
+
+
+        <!-- Deck.js options (advanced) -->
+        <script>$(function() {$.deck('.slide', {
+                 // fitMarginX:100, fitMarginY:100, // uncomment to tune margin
+                 // fitMode: "stretched", // uncomment to strech
+                 dummy:""
+            });});
+        </script>
+
+        <!-- override some style here if needed (or in an external file) -->
+        <style type="text/css">
+            .slide b {color: #f0f;}
+            /* example */ body.has-clones .deck-container {background: lightslategrey;}
+            /* example */ .deck-container .title-slide {border: 1px solid red; font-size: 70%}
+            .deck-status .deck-status-field { float: right; }
+            .cc13, .cc13 td, .cc13 th {
+                border: 3px
+                solid #404040;
+                padding: 4px;
+                vertical-align: middle;
+                padding-top: 8px; /* I have no clue why this is needed :( */
+            }
+            .cc13 .description {
+                font-size: 0.8em;
+            }
+            p.location {
+                float: right;
+                font-size: 1.5em;
+                position: relative;
+                top: 1.15em;
+            }
+/*            p.location:before {
+                content: "Ort: ";
+            } */
+        </style>
+    </head>
+
+
+<body>
+This text should not be displayed if everything goes well: use left/right arrow keys to browse the presentation.<br/>
+
+<div class="deck-container">
+
+ <!-- this presentation uses smart syntax -->
+ <section class="slide" id="logo">
+   <img width="100%" src="logo.png" alt="Cryptocon 13"/>
+ </section>
+ <section class="slide" id="friday">
+  <p class="location">Lounge</p>
+  <h2>Vortr&auml;ge Freitag</h2>
+<table class="cc13">
+<tr>
+	<th>18oo</th>
+	<td>Podiumsdikussion</td>
+	<td>
+		Lasst euch überraschen!
+	</td>
+</tr>
+<tr>
+	<th>20oo</th>
+	<td>Sicher Surfen</td>
+	<td>
+		Wie surfe ich sicher? Was ist SSL, VPN, TOR, ... und brauch ich das?<br>
+		Diese und weitere Fragen werden in diesem Vortrag beantwortet.
+	</td>
+</tr>
+<tr>
+	<th>21oo</th>
+	<td>ENIGMA</td>
+	<td>
+		Wohl eine der bekanntesten Cryptomaschinen der Geschichte.
+	</td>
+</tr>
+<tr>
+	<th>22oo</th>
+	<td>Social Engineering</td>
+	<td>
+		Die Kunst andere zu beeinflussen.
+	</td>
+</tr>
+</table>
+ </section>
+ <section class="slide" id="saturday-lounge">
+ <p class="location">Lounge</p>
+ <h2>Vortr&auml;ge Samstag (1/2)</h2>
+<table class="cc13">
+<tr>
+	<th>12oo</th>
+	<td>Sichere Passwörter</td>
+	<td>
+		Wie finde ich ein sicheres Passwort, welches ich mir merken kann?<br>
+		Diese Frage und ein sicherer Umgang mit Passwörter aller Art sind Thema dieses Vortrages.
+	</td>
+</tr>
+<tr>
+	<th>13oo</th>
+	<td>Sozial Verantwortung</td>
+	<td>
+		Unter anderem mit: Soziale Netzwerke und Co. sicher benutzen.
+	</td>
+</tr>
+<tr>
+	<th>14oo</th>
+	<td>Emailverschlüsselung mit PGP</td>
+	<td>
+		Ein einführender Vortrag rund um die Emailverschlüsselung.
+	</td>
+</tr>
+<tr>
+	<th>15oo</th>
+	<td>Jabber mit OTR</td>
+	<td>
+		Verschlüsselt und sicher chatten.
+	</td>
+</tr>
+</table>
+</section>
+<section class="slide" id="saturday-lounge2">
+<p class="location">Lounge</p>
+<h2>Vortr&auml;ge Samstag (2/2)</h2>
+<table class="cc13">
+<tr>
+	<th>17oo</th>
+	<td>Rechtliches rund um Crypto</td>
+	<td>
+		Ein Vortrag der Roten Hilfe zu Fragen rund um TOR-Exit-Nodes und Passwort-Beugehaft.
+	</td>
+</tr>
+<tr>
+	<th>18oo</th>
+	<td>Festplattenverschlüsselung</td>
+	<td>
+		Wie, warum, womit? Truecrypt, LUKS, und so weiter.
+	</td>
+</tr>
+<tr>
+	<th>19oo</th>
+	<td>DMA-Attacken</td>
+	<td>
+		Praktische Vorführung und Erläuterungen rund um DMA-Attacken.<br>
+		Dieser Vortrag richtet sich an fortgeschrittenes Publikum.
+	</td>
+</tr>
+<tr>
+	<th>20oo</th>
+	<td>Essen</td>
+	<td>
+		vegane Vokü der Phantomspeisung
+	</td>
+</tr>
+</table>
+</section>
+<section class="slide" id="saturday-workshops">
+   <p class="location">Hacklab</p>
+   <h2>Workshops Samstag</h2>
+   <table class="cc13">
+     <tr>
+         <th>t.b.a.</th>
+         <td>Workshop: Festplattenverschlüsselung</td>
+         <td class="description">
+             Ein praktischer Workshop.<br>
+             Für die Teilnahme an diesem Workshop ist es notwendig, das ein Computer mitgebracht wird, sowie ein externes
+             Speichermedium (z.B. Externe Festplatte) welche zur Datensicherung benutzt werden kann.<br>
+             Es empfiehlt sich bereits <b>vor</b> der Teilnahme alle wichtigen Daten zu Hause zu sichern!
+         </td>
+     </tr>
+     <tr>
+         <th>t.b.a.</th>
+         <td>TOR-Workshop</td>
+         <td class="description">
+             Wie surfe ich anonym mit The Onion Router (TOR).
+             Für die Teilnahme an diesem Workshop ist es notwendig, das ein Computer mitgebracht wird.
+         </td>
+     </tr>
+     <tr>
+         <th>t.b.a</th>
+         <td>Workshop: E-Mail Verschlüsselung</td>
+         <td class="description">
+             Für die Teilnahme an diesem Workshop ist es notwendig, das ein Computer mitgebracht wird.
+         </td>
+     </tr>
+   </table>
+</section>
+<section class="slide" id="sunday-lounge">
+<p class="location">Lounge</p>
+<h2>Vortr&auml;ge Sonntag</h2>
+<table class="cc13">
+<tr>
+	<th>14oo</th>
+	<td>Das Darknet</td>
+	<td class="description">
+		Bitcoins, Darkmarkets, Silkroad und andere verborgene Plätze im World Wide Web.
+	</td>
+</tr>
+<tr>
+	<th>15oo</th>
+	<td>Metadaten und Wasserzeichen</td>
+	<td class="description">
+		Ein Vortrag rund um Metadaten und Digitale Wasserzeichen.
+	</td>
+</tr>
+<tr>
+	<th>16oo</th>
+	<td>"HowTo build and cryptanalyse a simple block cipher"</td>
+	<td class="description">
+		Dieser Vortrag richtet sich an fortgeschrittenes Publikum.
+	</td>
+</tr>
+<tr>
+	<th>17oo</th>
+	<td>Visuelle Verschlüsselung</td>
+	<td class="description">
+		Eine etwas andere Art, Informationen zu kodieren.
+		Dieser Vortrag richtet sich an fortgeschrittenes Publikum.
+	</td>
+</tr>
+<tr>
+	<th>18oo</th>
+	<td>El Gamal Spielereien</td>
+	<td class="description">
+		Dieser Vortrag richtet sich an fortgeschrittenes Publikum.
+	</td>
+</tr>
+</table>
+</section>
+<section class="slide" id="sunday-workshops">
+   <p class="location">Hacklab</p>
+   <h2>Workshops Sonntag</h2>
+   <table class="cc13">
+     <tr>
+         <th>t.b.a.</th>
+         <td>Workshop: Festplattenverschlüsselung</td>
+         <td class="description">
+             Ein praktischer Workshop.<br>
+             Für die Teilnahme an diesem Workshop ist es notwendig, das ein Computer mitgebracht wird, sowie ein externes
+             Speichermedium (z.B. Externe Festplatte) welche zur Datensicherung benutzt werden kann.<br>
+             Es empfiehlt sich bereits <b>vor</b> der Teilnahme alle wichtigen Daten zu Hause zu sichern!
+         </td>
+     </tr>
+     <tr>
+         <th>t.b.a.</th>
+         <td>TOR-Workshop</td>
+         <td class="description">
+             Wie surfe ich anonym mit The Onion Router (TOR).
+             Für die Teilnahme an diesem Workshop ist es notwendig, das ein Computer mitgebracht wird.
+         </td>
+     </tr>
+     <tr>
+         <th>t.b.a</th>
+         <td>Workshop: E-Mail Verschlüsselung</td>
+         <td class="description">
+             Für die Teilnahme an diesem Workshop ist es notwendig, das ein Computer mitgebracht wird.
+         </td>
+     </tr>
+   </table>
+</section>
+<section class="slide" id="epilog">
+    <img width="40%" src="qrcode.png" alt="http://sublab.org/cryptocon13" style="margin-top: 10%;"/>
+    <p style="text-align: center">http://sublab.org/cryptocon13</p>
+</section>
+<!-- end of the presentation -->
+
+<!-- deck.hash snippet -->
+<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
+<!-- deck.status snippet -->
+<p class="deck-status">
+Infodesk an der Bar − Programm unter http://sublab.org/cryptocon13
+<span class="deck-status-field">
+	<span class="deck-status-current"></span>/<span class="deck-status-total"></span>
+</span>
+</p>
+<!-- deck.goto snippet -->
+<form action="." method="get" class="goto-form">
+	<label for="goto-slide">Go to slide:</label>
+	<input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
+	<datalist id="goto-datalist"></datalist>
+	<input type="submit" value="Go">
+</form>
+<!-- deck.navigation snippet -->
+<a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
+<a href="#" class="deck-next-link" title="Next">&#8594;</a>
+<!-- deck.clone snippet: simple red box with top-left corner as cursor position -->
+<div class="clonepointer" style="position:absolute; width:20px; height:20px; background:red; z-index:10"></div>
+<!-- deck.clone snippet: simple green box with center as cursor position -->
+<div class="clonepointer" style="position:absolute; z-index:11"><div style="margin: -13px 0 0 -13px; width:18px; height:18px; border:4px solid green;"></div></div>
+
+
+
+
+</div> <!-- end of deck container -->
+
+</body>
+</html>
author	Christian Franke <nobody@nowhere.ws>	2013-04-09 14:31:22 +0200
committer	Christian Franke <nobody@nowhere.ws>	2013-04-09 14:31:22 +0200
commit	5a774ef6f3b38b19b26913a34b1388530c72334e (patch)
tree	543127427771d75f652fc9e726cc39aa1a72571c /presentation.html