summaryrefslogtreecommitdiff
path: root/presentation.html
diff options
context:
space:
mode:
authorChristian Franke <nobody@nowhere.ws>2013-04-09 14:49:43 +0200
committerChristian Franke <nobody@nowhere.ws>2013-04-09 14:49:43 +0200
commit7ccd2b9d1b3ee8bdd9557f9209eb222ed68d4927 (patch)
tree84796c055b8a2aa1203dfaf4f1c775097a1c9625 /presentation.html
parent5a774ef6f3b38b19b26913a34b1388530c72334e (diff)
add automatic extension
Diffstat (limited to 'presentation.html')
-rw-r--r--presentation.html356
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&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>