From 89aef9a6dc94a889b7620182be493605f2232db6 Mon Sep 17 00:00:00 2001
From: Roman Gräf <roman.graef@gmail.com>
Date: Tue, 7 Nov 2017 16:04:18 +0100
Subject: Add files via upload

---
 content/content.json | 24 ++++++++++++++++++++++++
 content/csmaca.html  |  1 +
 content/csmacd.html  |  1 +
 content/krack.html   |  2 ++
 content/wpa2.html    | 19 +++++++++++++++++++
 index.html           |  3 ++-
 res/default.css      | 13 ++++++++++++-
 res/sidebar.css      | 10 ++++++++--
 8 files changed, 69 insertions(+), 4 deletions(-)
 create mode 100644 content/csmaca.html
 create mode 100644 content/csmacd.html
 create mode 100644 content/krack.html
 create mode 100644 content/wpa2.html

diff --git a/content/content.json b/content/content.json
index 2d12601..be98c24 100644
--- a/content/content.json
+++ b/content/content.json
@@ -17,6 +17,30 @@
     "url": "maths.html",
     "id": "maths"
   },
+  {
+    "name": "WPA2",
+    "load": "content",
+    "url": "wpa2.html",
+    "id": "wpa2"
+  },
+  {
+    "name": "CSMA/CD",
+    "load": "content",
+    "url": "csmacd.html",
+    "id": "csmacd"
+  },
+  {
+    "name": "CSMA/CA",
+    "load": "content",
+    "url": "csmaca.html",
+    "id": "csmaca"
+  },
+  {
+    "name": "KRACK",
+    "load": "content",
+    "url": "krack.html",
+    "id": "krack"
+  },
   {
     "name": "Lorem",
     "load": "content",
diff --git a/content/csmaca.html b/content/csmaca.html
new file mode 100644
index 0000000..61c580a
--- /dev/null
+++ b/content/csmaca.html
@@ -0,0 +1 @@
+To be continued.
\ No newline at end of file
diff --git a/content/csmacd.html b/content/csmacd.html
new file mode 100644
index 0000000..61c580a
--- /dev/null
+++ b/content/csmacd.html
@@ -0,0 +1 @@
+To be continued.
\ No newline at end of file
diff --git a/content/krack.html b/content/krack.html
new file mode 100644
index 0000000..8536ab0
--- /dev/null
+++ b/content/krack.html
@@ -0,0 +1,2 @@
+<span class="tt" title="Key Reinstallation Attacks">KRACK</span> unterdrückt den letzten Schritt des WPA2-Handschlag und zwingt den
+Client dazu mehrfach den selben Schlüssel zu verwenden wodurch die Sicherheit signifikant gesenkt wird.
\ No newline at end of file
diff --git a/content/wpa2.html b/content/wpa2.html
new file mode 100644
index 0000000..41472cb
--- /dev/null
+++ b/content/wpa2.html
@@ -0,0 +1,19 @@
+WPA2 ist ein Standard zur Verschlüsselung von WLAN-Verbindungen. Der wichtigste Punkt und Vorteil von WPA2 gegenüber seinen Vorgängern 
+<a class="highlight" href="https://de.wikipedia.org/wiki/Wi-Fi_Protected_Access">WPA</a> und
+<a class="highlight" href="https://de.wikipedia.org/wiki/Wired_Equivalent_Privacy">WEP</a> 
+ist der 4-Weg-Handschlag anstelle eines 3-Weg-Handschlags.
+<p><img src="https://upload.wikimedia.org/wikipedia/commons/6/60/4-way-handshake_WPA2.png" title="Four-Way-handshake-Diagram"></p>
+<ol>
+	<li>Beim einloggen in einen <span class="tt" title="Acces Point">AP</span> gibt der Client/Supplicant erst
+	einmal dem <span class="tt" title="Acces Point">AP</span> bekannt das er sich einloggen will.</li>
+	<li>Der <span class="tt" title="Acces Point">AP</span> sendet infolgedessen eine zufällig generierte 
+	<span class="tt" title="Accespoint Number once">ANonce</span> zum Client</li>
+	<li>Der Client erstellt aus der <span class="tt" title="Authenticator Nonce">ANonce</span> 
+	und dem <span class="tt" title="Pairwise Master Key">PMK</span>
+	den <span class="tt" title="Pairwise Transient Key">PTK</span> und sendet den zusammen mit der
+	<span class="tt" title="Message Integrity Check">MIC</span> zum <span class="tt" title="Acces Point">AP</span></li>
+	<li>Der <span class="tt" title="Acces Point">AP</span> schickt dem Client die <span class="tt" title="Message Integrity Check">MIC</span>
+	zusammen mit dem <span class="tt" title="Group Transient Key (für Unicasts)">GTK</span> an den Supplicant. Dieser Schritt ist bereits verschlüsselt</li>
+	<li>Der Client sendet eine letzte nachricht an den <span class="tt" title="Acces Point">AP</span>
+	in dem er bekannt gibt das er die Nachricht empfangen hat. Dieser Schritt wird bei <a href="#" onclick="load('krack')">KRACK</a> unterdrückt.</li>
+</ol>
\ No newline at end of file
diff --git a/index.html b/index.html
index a42ec2f..38b46a4 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,8 @@
     <a href="https://github.com/MDWay" onclick="sidebar_close()" target="_blank" class="sidebar-button button sidebar-last">
 		<img src="https://assets-cdn.github.com/favicon.ico">Github</a> -->
 </div>
-
+<div class="spacer">
+</div>
 <div id="content">
 </div>
 
diff --git a/res/default.css b/res/default.css
index d89fae1..97af144 100644
--- a/res/default.css
+++ b/res/default.css
@@ -3,12 +3,23 @@ body {
     margin: 0;
 }
 
+
 img {
     vertical-align: middle;
 }
 
+#content img {
+	width: 100%;
+}
+
 a {
     text-decoration: none;
+    color: inherit;
+}
+
+a.highlight {
+    text-decoration: underline;
+    text-decoration-style: dotted;
 }
 
 .button {
@@ -39,7 +50,7 @@ a {
 }
 
 #content {
-    margin: 0 auto;
+    margin: 10px auto;
     line-height: 1.5em;
     width: 70%;
 }
diff --git a/res/sidebar.css b/res/sidebar.css
index e228311..400d5d6 100644
--- a/res/sidebar.css
+++ b/res/sidebar.css
@@ -2,7 +2,7 @@
 .sidebar {
     width: 25%;
     overflow: auto;
-    position: absolute;
+    position: fixed;
     top: 0;
     left: -25%;
     transition: all 500ms;
@@ -14,7 +14,9 @@
     z-index:9;
 }
 
-
+.spacer {
+	height: 50px;
+}
 
 @media (max-width: 580px) {
   .sidebar {
@@ -34,6 +36,9 @@
 }
 
 .teal {
+	position: fixed;
+	top: 0;
+	left: 0;
     display: flex;
     justify-content: space-between;
     width: 100%;
@@ -42,6 +47,7 @@
     box-sizing: border-box;
     margin: 0;
     padding: 10px;
+	height: 50px;
 }
 
 .hamburger::before {
-- 
cgit