diff --git a/slides/2013/AnonymitaetImNetz/bcruhr160.png b/slides/2013/AnonymitaetImNetz/bcruhr160.png
new file mode 100644
index 0000000..fee53ea
Binary files /dev/null and b/slides/2013/AnonymitaetImNetz/bcruhr160.png differ
diff --git a/slides/2013/AnonymitaetImNetz/bcruhr411.png b/slides/2013/AnonymitaetImNetz/bcruhr411.png
new file mode 100644
index 0000000..a95edb6
Binary files /dev/null and b/slides/2013/AnonymitaetImNetz/bcruhr411.png differ
diff --git a/slides/2013/AnonymitaetImNetz/bcruhr_big.png b/slides/2013/AnonymitaetImNetz/bcruhr_big.png
new file mode 100644
index 0000000..761a104
Binary files /dev/null and b/slides/2013/AnonymitaetImNetz/bcruhr_big.png differ
diff --git a/slides/2013/AnonymitaetImNetz/index.html b/slides/2013/AnonymitaetImNetz/index.html
index f5a7bcb..af06cc0 100644
--- a/slides/2013/AnonymitaetImNetz/index.html
+++ b/slides/2013/AnonymitaetImNetz/index.html
@@ -1,271 +1,172 @@
-<!doctype html>
 
-<html lang="en">
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=1024" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <title>Anonymit&auml;t im Netz</title>
-    
-    <meta name="author" content="Franziska Welke, Knut Ahlers" />
-
-    <link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
-
-    <link href="../../../lib/impressjs/css/impress-demo.css" rel="stylesheet" />
-    
-    <link rel="shortcut icon" href="favicon.png" />
-    <link rel="apple-touch-icon" href="apple-touch-icon.png" />
-</head>
-
-<body class="impress-not-supported">
-
-<div class="fallback-message">
-    <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
-    <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
-</div>
-
-<div id="impress">
-
-    <!--
-        
-        Here is where interesting thing start to happen.
-        
-        Each step of the presentation should be an element inside the `#impress` with a class name
-        of `step`. These step elements are positioned, rotated and scaled by impress.js, and
-        the 'camera' shows them on each step of the presentation.
-        
-        Positioning information is passed through data attributes.
-        
-        In the example below we only specify x and y position of the step element with `data-x="-1000"`
-        and `data-y="-1500` attributes. This means that **the center** of the element (yes, the center)
-        will be positioned in point x = -1000px and y = -1500px of the presentation 'canvas'.
-        
-        It will not be rotated or scaled.
-        
-    -->
-    <div id="bored" class="step slide" data-x="-1000" data-y="-1500">
-        <q>Aren't you just <b>bored</b> with all those slides-based presentations?</q>
-    </div>
-
-    <!--
-        
-        The `id` attribute of the step element is used to identify it in the URL, but it's optional.
-        If it is not defined, it will get a default value of `step-N` where N is a number of slide.
-        
-        So in the example below it'll be `step-2`.
-        
-        The hash part of the url when this step is active will be `#/step-2`.
-        
-        You can also use `#step-2` in a link, to point directly to this particular step.
-        
-        Please note, that while `#/step-2` (with slash) would also work in a link it's not recommended.
-        Using classic `id`-based links like `#step-2` makes these links usable also in fallback mode.
-        
-    -->
-    <div class="step slide" data-x="0" data-y="-1500">
-        <q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
-    </div>
-
-    <div class="step slide" data-x="1000" data-y="-1500">
-        <q>Would you like to <strong>impress your audience</strong> with <strong>stunning visualization</strong> of your talk?</q>
-    </div>
-
-    <!--
-        
-        This is an example of step element being scaled.
-        
-        Again, we use a `data-` attribute, this time it's `data-scale="4"`, so it means that this
-        element will be 4 times larger than the others.
-        From presentation and transitions point of view it means, that it will have to be scaled
-        down (4 times) to make it back to it's correct size.
-        
-    -->
-    <div id="title" class="step" data-x="0" data-y="0" data-scale="4">
-        <span class="try">then you should try</span>
-        <h1>impress.js<sup>*</sup></h1>
-        <span class="footnote"><sup>*</sup> no rhyme intended</span>
-    </div>
-
-    <!--
-        
-        This element introduces rotation.
-        
-        Notation shouldn't be a surprise. We use `data-rotate="90"` attribute, meaning that this
-        element should be rotated by 90 degrees clockwise.
-        
-    -->
-    <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
-        <p>It's a <strong>presentation tool</strong> <br/>
-        inspired by the idea behind <a href="http://prezi.com">prezi.com</a> <br/>
-        and based on the <strong>power of CSS3 transforms and transitions</strong> in modern browsers.</p>
-    </div>
-
-    <div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">
-        <p>visualize your <b>big</b> <span class="thoughts">thoughts</span></p>
-    </div>
-
-    <!--
-        
-        And now it gets really exciting! We move into third dimension!
-        
-        Along with `data-x` and `data-y`, you can define the position on third (Z) axis, with
-        `data-z`. In the example below we use `data-z="-3000"` meaning that element should be
-        positioned far away from us (by 3000px).
-        
-    -->
-    <div id="tiny" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="300" data-scale="1">
-        <p>and <b>tiny</b> ideas</p>
-    </div>
-
-    <!--
-        
-        This step here doesn't introduce anything new when it comes to data attributes, but you
-        should notice in the demo that some words of this text are being animated.
-        It's a very basic CSS transition that is applied to the elements when this step element is
-        reached.
-        
-        At the very beginning of the presentation all step elements are given the class of `future`.
-        It means that they haven't been visited yet.
-        
-        When the presentation moves to given step `future` is changed to `present` class name.
-        That's how animation on this step works - text moves when the step has `present` class.
-        
-        Finally when the step is left the `present` class is removed from the element and `past`
-        class is added.
-        
-        So basically every step element has one of three classes: `future`, `present` and `past`.
-        Only one current step has the `present` class.
-        
-    -->
-    <div id="ing" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
-        <p>by <b class="positioning">positioning</b>, <b class="rotating">rotating</b> and <b class="scaling">scaling</b> them on an infinite canvas</p>
-    </div>
-
-    <div id="imagination" class="step" data-x="6700" data-y="-300" data-scale="6">
-        <p>the only <b>limit</b> is your <b class="imagination">imagination</b></p>
-    </div>
-
-    <div id="source" class="step" data-x="6300" data-y="2000" data-rotate="20" data-scale="4">
-        <p>want to know more?</p>
-        <q><a href="http://github.com/bartaz/impress.js">use the source</a>, Luke!</q>
-    </div>
-
-    <div id="one-more-thing" class="step" data-x="6000" data-y="4000" data-scale="2">
-        <p>one more thing...</p>
-    </div>
-
-    <!--
-        
-        And the last one shows full power and flexibility of impress.js.
-        
-        You can not only position element in 3D, but also rotate it around any axis.
-        So this one here will get rotated by -40 degrees (40 degrees anticlockwise) around X axis and
-        10 degrees (clockwise) around Y axis.
-        
-        You can of course rotate it around Z axis with `data-rotate-z` - it has exactly the same effect
-        as `data-rotate` (these two are basically aliases).
-        
-    -->
-    <div id="its-in-3d" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
-        <p><span class="have">have</span> <span class="you">you</span> <span class="noticed">noticed</span> <span class="its">it's</span> <span class="in">in</span> <b>3D<sup>*</sup></b>?</p>
-        <span class="footnote">* beat that, prezi ;)</span>
-    </div>
-
-    <!--
-        
-        So to make a summary of all the possible attributes used to position presentation steps, we have:
-        
-        * `data-x`, `data-y`, `data-z` - they define the position of **the center** of step element on
-            the canvas in pixels; their default value is 0;
-        * `data-rotate-x`, `data-rotate-y`, 'data-rotate-z`, `data-rotate` - they define the rotation of
-            the element around given axis in degrees; their default value is 0; `data-rotate` and `data-rotate-z`
-            are exactly the same;
-        * `data-scale` - defines the scale of step element; default value is 1
-        
-        These values are used by impress.js in CSS transformation functions, so for more information consult
-        CSS transfrom docs: https://developer.mozilla.org/en/CSS/transform
-        
-    -->
-    <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
-    </div>
-
-</div>
+<!DOCTYPE html>
 
 <!--
-    
-    Hint is not related to impress.js in any way.
-    
-    But it can show you how to use impress.js features in creative way.
-    
-    When the presentation step is shown (selected) its element gets the class of "active" and the body element
-    gets the class based on active step id `impress-on-ID` (where ID is the step's id)... It may not be
-    so clear because of all these "ids" in previous sentence, so for example when the first step (the one with
-    the id of `bored`) is active, body element gets a class of `impress-on-bored`.
-    
-    This class is used by this hint below. Check CSS file to see how it's shown with delayed CSS animation when
-    the first step of presentation is visible for a couple of seconds.
-    
-    ...
-    
-    And when it comes to this piece of JavaScript below ... kids, don't do this at home ;)
-    It's just a quick and dirty workaround to get different hint text for touch devices.
-    In a real world it should be at least placed in separate JS file ... and the touch content should be
-    probably just hidden somewhere in HTML - not hard-coded in the script.
-    
-    Just sayin' ;)
-    
--->
-<div class="hint">
-    <p>Use a spacebar or arrow keys to navigate</p>
-</div>
-<script>
-if ("ontouchstart" in document.documentElement) { 
-    document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
-}
-</script>
+  Google HTML5 slide template
 
-<!--
-    
-    Last, but not least.
-    
-    To make all described above really work, you need to include impress.js in the page.
-    I strongly encourage to minify it first.
-    
-    In here I just include full source of the script to make it more readable.
-    
-    You also need to call a `impress().init()` function to initialize impress.js presentation.
-    And you should do it in the end of your document. Not only because it's a good practice, but also
-    because it should be done when the whole document is ready.
-    Of course you can wrap it in any kind of "DOM ready" event, but I was too lazy to do so ;)
-    
--->
-<script src="../../../lib/impressjs/js/impress.js"></script>
-<script>impress().init();</script>
+  Authors: Luke Mahé (code)
+           Marcin Wichary (code and design)
+           
+           Dominic Mazzoni (browser compatibility)
+           Charles Chen (ChromeVox support)
 
-<!--
-    
-    The `impress()` function also gives you access to the API that controls the presentation.
-    
-    Just store the result of the call:
-    
-        var api = impress();
-    
-    and you will get three functions you can call:
-    
-        `api.init()` - initializes the presentation,
-        `api.next()` - moves to next step of the presentation,
-        `api.prev()` - moves to previous step of the presentation,
-        `api.goto( idx | id | element, [duration] )` - moves the presentation to the step given by its index number
-                id or the DOM element; second parameter can be used to define duration of the transition in ms,
-                but it's optional - if not provided default transition duration for the presentation will be used.
-    
-    You can also simply call `impress()` again to get the API, so `impress().next()` is also allowed.
-    Don't worry, it wont initialize the presentation again.
-    
-    For some example uses of this API check the last part of the source of impress.js where the API
-    is used in event handlers.
-    
+  URL: http://code.google.com/p/html5slides/
 -->
 
-</body>
+<html>
+  <head>
+    <title>Anonymit&auml;t im Netz - Barcamp Ruhr 6</title>
+
+    <meta charset='utf-8'>
+    <script
+      src='http://html5slides.googlecode.com/svn/trunk/slides.js'></script>
+  </head>
+  
+  <style>
+    /* Your individual styles here, or just use inline styles if that’s
+       what you want. */
+    
+    .slides.template-default article.biglogo {
+      background: white url(bcruhr411.png) 50% 50% no-repeat !important;
+    }
+    
+    .slides.template-default > article:not(.nobackground):not(.biglogo) {
+      background: white url(bcruhr160.png) 710px 625px no-repeat !important;
+      background-color: white;
+    }
+    ul li ul {
+      padding-top: 0.5em;
+    }
+    abbr {
+      border-bottom: 1px dashed rgb(102, 102, 102);
+    }
+    a {
+      color: rgb(102, 102, 102);
+      text-decoration: none;
+    }
+  </style>
+
+  <body style='display: none'>
+
+    <section class='slides layout-regular template-default'>
+      
+      <!-- Your slides (<article>s) go here. Delete or comment out the
+           slides below. -->
+        
+        
+      
+      <article class='biglogo'>
+      </article>
+
+      <article>
+        <h1>
+          Anonymit&auml;t im Netz
+        </h1>
+        <p>
+          Franziska Welke &amp; Knut Ahlers
+          <br>
+          M&auml;rz 2013
+        </p>
+      </article>
+      
+      <article>
+        <h3>Wer bin ich? - Knut</h3>
+        <ul>
+          <li>25 Jahre alt aus Wedel
+          <li>Entwickler &amp; System Administrator
+          <li>Im Netz unterwegs:
+            <ul>
+              <li>Twitter: <a href="http://twitter.com/luzifer">@luzifer</a>
+              <li><a href="https://plus.google.com/109622790737147599188">Google Plus</a>
+              <li>Blog: <a href="http://blog.knut.me/">blog.knut.me</a>
+              <li>Podcast: <a href="http://www.bruellaffencouch.de/">Br&uuml;llaffencouch</a>, <a href="http://podcast.brainshares.de/">Brainshares</a>
+              <li>u.v.a.m. also quasi &uuml;berall
+            </ul>
+        </ul>
+      </article>
+
+      <article>
+        <h3>Wer bin ich? - Franziska</h3>
+        <ul>
+          <li>20 Jahre alt aus Panketal
+          <li>Studentin der Humanmedizin
+          <li>Im Netz unterwegs:
+            <ul>
+              <li>Twitter: <a href="http://twitter.com/_apfelkern">@_apfelkern</a>
+              <li><a href="https://plus.google.com/115168487274468115948">Google Plus</a>
+              <li>Blog: <a href="http://apfelkern.blogspot.com/">apfekern.blogspot.com</a>
+              <li>Podcast: <a href="http://www.bruellaffencouch.de/">Br&uuml;llaffencouch</a>, <a href="http://podcast.brainshares.de/">Brainshares</a>
+            </ul>
+        </ul>
+      </article>
+      
+      <article>
+        <h3>Die Netz-Identit&auml;t - Twitter</h3>
+        <div style="width: 48%; float: left; margin-right: 1%; margin-top: 2em;">
+          <p style="text-align:center;"><img src="http://0.gravatar.com/avatar/a3bf0e7acc39439f771eee680193bec3?s=200" style="overflow: hidden; border-radius: 0.5em;" /></p>
+          <p style="font-weight: bold; text-align: center;">Knut</p>
+          <p style="font-style: italic;">"Coder &amp; Sysadmin, working at @jimdo - See more Details at http://www.knut.mp/ and my other profiles or just ask."</p>
+        </div>
+        <div style="width: 48%; float: left; margin-left: 1%; margin-top: 2em;">
+          <p style="text-align:center;"><img src="http://0.gravatar.com/avatar/cb9d8b61e2897be021ab72b0c253245f?s=200" style="overflow: hidden; border-radius: 0.5em;" /></p>
+          <p style="font-weight: bold; text-align: center;">Apfelkern</p>
+          <p style="font-style: italic;">"Apfelkern, die. Freilandhaltung, bibliophil, kann Spuren von Roter Beete enthalten, 30 Grad Handwäsche."</p>
+        </div>
+      </article>
+
+      <article>
+        <h3>Klarnamen! Eine Erfindung des Teufels?</h3>
+        <ul>
+          <li>Pseudonym vs. vollkommen anonym
+            <ul><li>&Uuml;berall im Netz der gleiche Name<li>Ist das dann noch anonym?<li>Pseudonym bekannter als echter Name</ul>
+          <li>Trolling ohne eigenem Namen
+        </ul>
+      </article>
+      
+      <article>
+        <h3>Gr&uuml;nde f&uuml;r Anonymit&auml;t&hellip;</h3>
+        <ul>
+          <li>Nicht in der Suche gefunden werden
+          <li>Trennen von "Netz-Leben" und "Real-Life"
+          <li>Berufliches (Lehrer, &Auml;rzte, Erzieher, Strafverfolgung, &hellip;)
+          <li>Anonym privates &auml;u&szlig;ern
+        </ul>
+      </article>
+
+      <article>
+        <h3>&hellip;und warum das (meistens) Schwachsinn ist</h3>
+        <ul>
+          <li>Andere geben Details &uuml;ber dich im Netz preis
+          <li>Der gleiche Mensch in beiden "Leben"
+          <li>Kontrolle &uuml;ber Informationen
+          <li>Was hat "privates" in der &Ouml;ffentlichkeit verloren?
+        </ul>
+      </article>
+
+      <article>
+        <h3>Warum dann doch nicht mehr anonym?</h3>
+        <ul>
+          <li>Treffen mit Bekannten aus dem Netz im Real-Life
+            <ul><li>Barcamps / Podcaster-Treffen<li>Usergruppen</ul>
+          <li>Beeinflussung durch Freunde / Partner
+          <li>Klarnamenpflicht einiger Dienste
+            <ul><li>Teils implizit (Rechnungsname = Anzeigename)<li>Teils durch <abbr title="Terms of Service">ToS</abbr> (Google Plus, Facebook, &hellip;)</ul>
+          <li>Gesch&auml;ftsbeziehungen im Netz
+          <li>&Uuml;berschneidungen bei bestimmten Diensten
+        </ul>
+      </article>
+
+      <article>
+        <h3>Fazit</h3>
+        <p style="text-align: center; padding-top: 200px;">Hat's weh getan?</p>
+      </article>
+      
+      <article>
+        <h1 style="text-align:center">Danke f&uuml;r die Aufmerksamkeit!</h1>
+        <p style="margin-top: 2em; font-size: 0.8em; text-align: center;">Slides: <a href="http://bit.ly/BCRuhr6Anonym">http://bit.ly/BCRuhr6Anonym</a></p>
+      </article>
+
+    </section>
+    
+  </body>
 </html>
