commit c93981623db10766710a8fbcc06aa4f727fa989b
Author: Ward Wouts <ward@mrhorse.wizeazz.nl>
Date:   Wed Feb 26 14:37:34 2020 +0100

    a start

diff --git a/CBC.drawio b/CBC.drawio
new file mode 100644
index 0000000..fccd3fe
--- /dev/null
+++ b/CBC.drawio
@@ -0,0 +1 @@
+<mxfile host="www.draw.io" modified="2020-02-26T13:17:42.729Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0" etag="0aJCxbSdBO7NPGMQXKSX" version="12.7.7" type="device"><diagram id="SsWuWXveNioaAHAvwu1x" name="Page-1">7Vtdb9sgFP01kbaHVsaOneRxa/albVK1ah/dy0RtGqPZxiJkSfrrh2OIbWhVL6OGbHmKuYZrOBy4h2tnFFzkmzcUlulHkqBs5HvJZhTMR77ve17EfyrLtrZM/EltWFCc1CbQGK7wHRJGT1hXOEHLTkVGSMZw2TXGpChQzDo2SClZd6vdkqz71BIukGa4imGmW7/ihKW1dRp6jf0twotUPhl44k4OZWVhWKYwIeuWKXg1Ci4oIay+yjcXKKvAk7jU7V4/cHffMYoK1qfB3edVwabX36NyfvaJzje37z9enAkvv2C2EgMuM4gLhjZM9JptJRSUrIoEVd68UfBynWKGrkoYV3fXfPK5LWV5xkuAXwq/iHJXD3YY7GHg/EEkR4xueRXZQCInqDMTxXUzD/sqaWsOAmGDYuoXe88NOvxCAPQHYPkaWDEu090Q3UPLPlxjDa6bjMQ/q8W6g41foCKm25JhUjiHH+iLX/RU+IUafj/R1jpOoUIzL9RgGg/JskhDSYMIFcmLKhTwUpzB5RLHXVTQBrNvFYDnoShdt+7MNwLbXWErCwXvfKtRVbxu32ua7UqyXd05lGhRR8GfD4CsaIwe37sZpAvEHluH+ny2Jiy8Z8KkjaIMMvyr2937ZlE84ZLw8NHQZex1+bIvSxf1MEWrdvhSHSnEC0LFUY2D5mhHqv2wD+fZxA7PDPJl3JMv/okvBvgyNccX0GJLw53H9qXOrtRsUk+/L4WnfWlAns00nrmj4AMFG+uSVJ4q3ZTwKlwO4KWfD13W8CqA9jU80M+MLoh4f+qYigeBuXB5ZDLe76vLwANzOkzAjAJDATOa2g2YQM9LDEI1g5QBfY9+wBudKGOAMnoq5mDKHJmYlwHstDsNRDU9n+WOng8VcOzrUz0r45CeV+FyAC89K+GynlcBdEDP68dtF/R8CBSm2dbzclL+Rz0f9Y2YU5sRcxoZipgzYDdi+nqOYhCqGaSM3JYfp8zkRBkTlNGzMgdT5tj0/Oy0Ow1KtR6JrSr04xhmH+ANyi7JEu/EVzC/IYyRnM+/rPAiw4vqBiOKhFimsKyc5ZtF9RnW+W1G1nEKKTtfrvIcF4sft6sirt0a+VhiogizUBdm9+ky/8n0Ro+kzvHBrL6ksg+zwUTIkcm6vvumb/e1prLdAZUKvV9rqo5mA++bPb7rOb4Fraap7C9oS5+1OLCgQd9zWk1Fa5nNsaEVrTkaekXruad3BV+yMMN3sE43eV9QzAjlF8/efXmuEXHorMqZulrHelYFBPdM/dOlVfT008HLdYiDy650iSjmw0fU/Br2+x6caxluLSr/Kx8bSWL/Ff/scMlx4QbUdwWTAyniKydnAPpRhM8Z3LaqlVWF5cMdVp8jO9y7X1GnPr+oe2CWryZygzb46sr54WAaakpXfSVjiIbj2Z/RUK3/lzTkxeYfXHX15n9wwavf</diagram></mxfile>
\ No newline at end of file
diff --git a/CBC.png b/CBC.png
new file mode 100644
index 0000000..1b573fc
Binary files /dev/null and b/CBC.png differ
diff --git a/ECB.drawio b/ECB.drawio
new file mode 100644
index 0000000..14a348e
--- /dev/null
+++ b/ECB.drawio
@@ -0,0 +1 @@
+<mxfile host="www.draw.io" modified="2020-02-26T13:12:57.571Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0" etag="rXoaLAvVaOOrlQ2glK_-" version="12.7.7" type="device"><diagram id="SsWuWXveNioaAHAvwu1x" name="Page-1">7VpNj5swEP01HLfCEAg5tsm2laqVqkZVm95c8AZrCUaOs4H99TXB5subhkYsOCqnMGN7sN+8eJ4tDHu5Sz9RmIQPJECRYZlBatgrw7IAcFz+k3uywjO35oVjS3EgOlWONX5BwmkK7wEHaN/oyAiJGE6aTp/EMfJZwwcpJcdmt0cSNd+awC1SHGsfRqr3Bw5YWHg9x6z8nxHehvLNwBQtOyg7C8c+hAE51lz2vWEvKSGseNqlSxTl4ElcinEfz7SWE6MoZl0GvHw/xMzb/HKT1d03ukofvzws70SUZxgdxIKTCOKYoZSJWbNMQkHJIQ5QHs007A/HEDO0TqCftx558rkvZLuIW4A/iriI8lBnJwxKGDh/ENkhRjPeRQ6QyAnqAFvYxyoRZZ+wlgTZD4rcb8vQFTz8QSD0D2hZClo+TsLTGvWDy/LAyHDNFLh+R8R/yv+tJ9j4A4p9miUMk1g7/MCiI93ct8LPUfB7QtnoODktmpmOAtNsSJa5CkoKRCgO3ue1gFt+BPd77DdRQSlmP3MA3znC2tRaVqnA9mRk0oj55GuDcnNTb6uGnSw5rpgcCpSy08KfL4AcqI8ub94M0i1il/6Haj5rCXNeSZj0URRBhp+b030ti+INXwmvHxVdZmaTL6UtQxTLFKPq9asdqEU822kFKnBQAp1IVS77ep7Nx+FZj3yZdeSLNfGlB754/fEF1NhScefSvtTYlapN6u33JWfalwbk2ULhmT4S3nZ0k/DyXKmnhm/jNb6GB+oJUWcRrxBudBEP1EOjDire8jST8cDur17emI5fdKyX4ExKhymYrt1TwXS9cQsmUO8lBmFaj4wBXY9+wDQmyvRAGfUq5mrK3JiYl/Vr2p0Gopp6n6WPnnda4Gig59VrGY30fBsvDfS8ei2hs55XCDe+nlfP2zroeQe0mDa2npdJ+Q/1vNzCL5dMb8yS6bk9lcwFGLdkWuodxSBU65MyXlfKzCfK9EEZ9VbmasrcmqDvfN0w7U5/pxo3q893iu7VR1D2/R8=</diagram></mxfile>
\ No newline at end of file
diff --git a/ECB.png b/ECB.png
new file mode 100644
index 0000000..afb5e4b
Binary files /dev/null and b/ECB.png differ
diff --git a/Tux.jpg b/Tux.jpg
new file mode 100644
index 0000000..ac314ad
Binary files /dev/null and b/Tux.jpg differ
diff --git a/Tux_ecb.jpg b/Tux_ecb.jpg
new file mode 100644
index 0000000..cac8f5c
Binary files /dev/null and b/Tux_ecb.jpg differ
diff --git a/Tux_secure.jpg b/Tux_secure.jpg
new file mode 100644
index 0000000..85b6a18
Binary files /dev/null and b/Tux_secure.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a6697bc
--- /dev/null
+++ b/index.html
@@ -0,0 +1,372 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Crypto basics</title>
+    <meta charset="utf-8">
+    <style>
+      @import url(https://fonts.googleapis.com/css?family=Droid+Serif);
+      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
+
+      body {
+        font-family: 'Droid Serif';
+      }
+      h1, h2, h3 {
+        font-family: 'Yanone Kaffeesatz';
+        font-weight: 400;
+        margin-bottom: 0;
+      }
+      .remark-slide-content h1 { font-size: 3em; }
+      .remark-slide-content h2 { font-size: 2em; }
+      .remark-slide-content h3 { font-size: 1.6em; }
+      .footnote {
+        position: absolute;
+        bottom: 3em;
+        font-size: 0.7em;
+      }
+      li p { line-height: 1.25em; }
+      .red { color: #fa0000; }
+      .large { font-size: 2em; }
+      a, a > code {
+        color: rgb(249, 38, 114);
+        text-decoration: none;
+      }
+      code {
+        background: #e7e8e2;
+        border-radius: 5px;
+      }
+      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
+      .remark-code-line-highlighted     { background-color: #373832; }
+      .pull-left {
+        float: left;
+        width: 47%;
+      }
+      .pull-right {
+        float: right;
+        width: 47%;
+      }
+      .pull-right ~ p {
+        clear: both;
+      }
+      #slideshow .slide .content code {
+        font-size: 0.8em;
+      }
+      #slideshow .slide .content pre code {
+        font-size: 0.9em;
+        padding: 15px;
+      }
+      .inverse {
+        background: #272822;
+        color: #777872;
+        text-shadow: 0 0 20px #333;
+      }
+      .inverse h1, .inverse h2 {
+        color: #f3f3f3;
+        line-height: 0.8em;
+      }
+
+      /* Slide-specific styling */
+      #slide-inverse .footnote {
+        bottom: 12px;
+        left: 20px;
+      }
+      #slide-how .slides {
+        font-size: 0.9em;
+        position: absolute;
+        top:  151px;
+        right: 140px;
+      }
+      #slide-how .slides h3 {
+        margin-top: 0.2em;
+      }
+      #slide-how .slides .first, #slide-how .slides .second {
+        padding: 1px 20px;
+        height: 90px;
+        width: 120px;
+        -moz-box-shadow: 0 0 10px #777;
+        -webkit-box-shadow: 0 0 10px #777;
+        box-shadow: 0 0 10px #777;
+      }
+      #slide-how .slides .first {
+        background: #fff;
+        position: absolute;
+        top: 20%;
+        left: 20%;
+        z-index: 1;
+      }
+      #slide-how .slides .second {
+        position: relative;
+        background: #fff;
+        z-index: 0;
+      }
+
+      /* Two-column layout */
+      .left-column {
+        color: #777;
+        width: 20%;
+        height: 92%;
+        float: left;
+      }
+        .left-column h2:last-of-type, .left-column h3:last-child {
+          color: #000;
+        }
+      .right-column {
+        width: 75%;
+        float: right;
+        padding-top: 1em;
+      }
+    </style>
+  </head>
+  <body>
+    <textarea id="source">
+
+name: inverse
+layout: true
+class: center, middle, inverse
+---
+# Crypto basics
+Ward Wouts<br>
+---
+# Agenda
+
+1. Introduction
+1. Keys
+1. Randomness
+1. Ciphers
+1. Modes
+
+---
+# Introduction
+---
+layout: false
+.left-column[
+## Introduction
+]
+.right-column[
+This talk is intended to give you some idea about the things to think about when dealing with cryptography. There are many mistakes that can be made. We'll discuss some of the more common ones.
+
+We'll stay out of much of the theory behind cryptography.
+
+This talk will definitely not make you an expert.
+
+Hopefully at the end you will be able to avoid the biggest pitfalls, though.
+]
+---
+template: inverse
+# Keys
+---
+layout: false
+.left-column[
+## Keys
+]
+.right-column[
+In cryptograhpy we see two different styles of using keys: symmetric and private/public keys.
+
+We'll keep things simple for now and only deal with symmetric keys.
+
+A key is used to encrypt & decrypt data.
+
+The used key should be secret. This implies unpredictable!
+]
+---
+layout: false
+.left-column[
+## What do keys look like?
+]
+.right-column[
+The most used ciphers are `DES` and `AES`.
+
+- Keys for DES are 7 or 8 bytes long. (56 bits + 8 bits parity)
+- Keys for AES are 16, 24, or 32 bytes (128, 192, or 256 bits)
+
+A keys typically looks like random bits, and *should be* random bits.
+
+Both sides should get a hold of the key somehow:
+- derive from password
+- transmit with message
+- fetch from escrow
+
+.footnote[See: https://en.wikipedia.org/wiki/Data_Encryption_Standard <br>
+And: https://en.wikipedia.org/wiki/Advanced_Encryption_Standard]
+]
+---
+.left-column[
+## Keys and randomness
+]
+.right-column[
+As stated keys should be both random and unpredictable. This is not the same thing! A stream of bits can be random (50% chance of either a 0 or a 1) and be *entirely predictable*.
+
+```python
+#!/usr/bin/env python3
+
+import random as r
+
+# force same starting point in deterministic bitstream
+r.seed(5)
+
+key = [ r.getrandbits(8) for i in range(16) ]
+print(key)
+```
+]
+---
+.left-column[
+## Keys and randomness
+]
+.right-column[
+Contrast this with the builtin secrets random number generator for cryptographic usage:
+
+```python
+#!/usr/bin/env python3
+
+import secrets as r
+
+key = [ r.randbits(8) for i in range(16) ]
+print(key)
+```
+]
+---
+.left-column[
+## Keys and randomness
+]
+.right-column[
+Keys often come from non-random, predictable sources, such as:
+- time()
+- rand()
+- GetTickCount()
+
+Use only secure-random functions, such as:
+- CryptGenRandom (Win32)
+- getrandom(2) (Linux)
+]
+---
+.left-column[
+## Pitfalls to watch for
+]
+.right-column[
+- hardcoded keys
+- insecure key generation
+- insecure key exchange
+]
+---
+template: inverse
+# Randomness
+---
+.left-column[
+## Randomness
+]
+.right-column[
+BLAAH
+]
+---
+.left-column[
+## Ciphers
+]
+.right-column[
+A cipher is the thing that does the actual encryption in cryptography.
+There are two categories of ciphers:
+- block ciphers
+- stream ciphers
+
+If data is encrypted in 1 byte chunks: it's a stream cipher (RC4 is a wellknown one). Bigger chunks: it's a block cipher.
+
+8 byte blocks? 7, or 8 byte key &#8594; likely DES.
+
+16 byte blocks? 16, 24, 32 byte keys? &#8594; likely AES.
+
+Block ciphers are by far the most used.
+]
+---
+template: inverse
+# Ciphers
+---
+.left-column[
+## Ciphers
+]
+.right-column[
+ASFDFADSFAS
+]
+---
+template: inverse
+# Modes
+---
+.left-column[
+## Modes
+]
+.right-column[
+So, what *is* a mode?
+
+Block ciphers encrypt a fixed number of bytes. So what if the data to be encrypted is bigger that that number of bytes? And what it it's smaller?
+
+A *mode* is a way of chaining multiple blocks of encryption together.
+]
+---
+.left-column[
+## ECB
+]
+.right-column[
+The simplest way of encrypting multiple blocks is:
+
+<img src="ECB.png" width="100%">
+
+This is called `ECB` (Electronic Code Book).
+]
+---
+.left-column[
+## ECB
+]
+.right-column[
+Don't use ECB:
+<table>
+<tr>
+<td><img src="Tux.jpg" width="100%"></td>
+<td><img src="Tux_ecb.jpg" width="100%"></td>
+<td><img src="Tux_secure.jpg" width="100%"></td>
+<tr>
+<td>Original</td>
+<td>ECB</td>
+<td>Other mode</td>
+</tr>
+</table>
+
+.footnote[Pictures from https://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#ECB]
+]
+---
+.left-column[
+## CBC
+]
+.right-column[
+An improvement is to use the last cipherblock as input for encrypting the next block:
+
+<img src="CBC.png" width="100%">
+
+This is called `CBC` (Cipher Block Chaining).
+]
+---
+template: inverse
+# Final notes
+---
+.left-column[
+## Credits
+]
+.right-column[
+I've reused a lot of Ron Bowes excellent material for Kringlecon 2019: https://docs.google.com/presentation/d/1uEf6jSATaZDkvdLNIEeq1B4cpnkLko_22A1hMb8xRJE/edit#slide=id.p1 <br>
+Check his talk here: https://youtu.be/obJdpKDpFBA
+]
+---
+.left-column[
+## Reading material
+]
+.right-column[
+- "Serious Cryptography: A Practical Introduction to Modern Encryption"
+by Jean-Philippe Aumasson, published by No Starch Press is an excellent book (https://nostarch.com/seriouscrypto)
+]
+
+
+    </textarea>
+    <script src="https://remarkjs.com/downloads/remark-latest.min.js">
+    </script>
+    <script>
+      var slideshow = remark.create();
+    </script>
+  </body>
+</html>