diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 359 |
1 files changed, 359 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..8c22e93 --- /dev/null +++ b/index.html @@ -0,0 +1,359 @@ +<!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> + <!-- 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> + + <link rel="stylesheet" href="deck.js/extensions/automatic/deck.automatic.css"></link> + <script src="deck.js/extensions/automatic/deck.automatic.js"></script> + + <!-- Deck.js options (advanced) --> + <script> + $(function() { + $.deck('.slide', { + // fitMarginX:100, fitMarginY:100, // uncomment to tune margin + // fitMode: "stretched", // uncomment to strech + automatic: { + startRunning: true, + cycle: true, + slideDuration: 10000 + } + }); + }); + </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" data-duration="5000"> + <img width="100%" src="logo.png" alt="Cryptocon 13"></img> + </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" data-duration="5000"> + <img width="40%" src="qrcode.png" alt="http://sublab.org/cryptocon13" style="margin-top: 10%;"></img> + <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.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> |