diff options
Diffstat (limited to 'presentation.html')
| -rw-r--r-- | presentation.html | 356 |
1 files changed, 0 insertions, 356 deletions
diff --git a/presentation.html b/presentation.html deleted file mode 100644 index a670be2..0000000 --- a/presentation.html +++ /dev/null @@ -1,356 +0,0 @@ -<!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ä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ä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ä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ä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">←</a> -<a href="#" class="deck-next-link" title="Next">→</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> |