Pulled slides over from the presentation-slides branch
[cipher-training.git] / slides / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Index of cipher training</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6 <style type="text/css">
7 /* Slideshow styles */
8 body {
9 font-size: 20px;
10 }
11 h1, h2, h3 {
12 font-weight: 400;
13 margin-bottom: 0;
14 }
15 h1 { font-size: 3em; }
16 h2 { font-size: 2em; }
17 h3 { font-size: 1.6em; }
18 a, a > code {
19 text-decoration: none;
20 }
21 code {
22 -moz-border-radius: 5px;
23 -web-border-radius: 5px;
24 background: #e7e8e2;
25 border-radius: 5px;
26 font-size: 16px;
27 }
28 .plaintext {
29 background: #272822;
30 color: #80ff80;
31 text-shadow: 0 0 20px #333;
32 padding: 2px 5px;
33 }
34 .ciphertext {
35 background: #272822;
36 color: #ff6666;
37 text-shadow: 0 0 20px #333;
38 padding: 2px 5px;
39 }
40 .float-right {
41 float: right;
42 }
43 </style>
44 </head>
45 <body>
46 <textarea id="source">
47
48 # Cipher programming training
49
50 * [Aims](aims.html)
51 * Caesar ciphers: [Making](caesar-encipher.html) and [Breaking](caesar-break.html) *(Changing representations, language models, text encodings)*
52 * Affine ciphers: [Making](affine-encipher.html) and [Breaking](affine-break.html) *(Time/space trade-offs, off-by-one issues)*
53 * [Word segmentation](word-segmentation.html) *(Memoisation and complexity)*
54 * Keyword ciphers: [Making](keyword-encipher.html) and [Breaking](keyword-break.html) *(Being Pythonic and parallelism)*
55 * Transposition ciphers: [Making](transposition-encipher.html) and [Breaking](transposition-break.html) *(Equivalence classes)*
56 * Pocket enigma: [Making](pocket-enigma-encipher.html) and [Breaking](pocket-enigma-break.html) *(Object orientation)*
57 * [Alternative plaintext scoring](alternative-plaintext-scoring.html) *(Empirical computing through simulation)*
58 * [Further work](further-work.html)
59
60 </textarea>
61 <script src="http://gnab.github.io/remark/downloads/remark-0.6.0.min.js" type="text/javascript">
62 </script>
63
64 <script type="text/javascript"
65 src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&delayStartupUntil=configured"></script>
66
67 <script type="text/javascript">
68 var slideshow = remark.create({ ratio: "16:9" });
69
70 // Setup MathJax
71 MathJax.Hub.Config({
72 tex2jax: {
73 skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
74 }
75 });
76 MathJax.Hub.Queue(function() {
77 $(MathJax.Hub.getAllJax()).map(function(index, elem) {
78 return(elem.SourceElement());
79 }).parent().addClass('has-jax');
80 });
81 MathJax.Hub.Configured();
82 </script>
83 </body>
84 </html>