summaryrefslogtreecommitdiff
path: root/presentation.html
diff options
context:
space:
mode:
authorChristian Franke <nobody@nowhere.ws>2013-04-09 14:31:22 +0200
committerChristian Franke <nobody@nowhere.ws>2013-04-09 14:31:22 +0200
commit5a774ef6f3b38b19b26913a34b1388530c72334e (patch)
tree543127427771d75f652fc9e726cc39aa1a72571c /presentation.html
Initial Commit
Diffstat (limited to 'presentation.html')
-rw-r--r--presentation.html356
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>