Tweaked slide layout
[cipher-training.git] / slides / affine-break.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Breaking affine ciphers</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 .indexlink {
41 position: absolute;
42 bottom: 1em;
43 left: 1em;
44 }
45 .float-right {
46 float: right;
47 }
48 </style>
49 </head>
50 <body>
51 <textarea id="source">
52
53 # Breaking affine ciphers
54
55 a | b | c | d | e | f | g | h | i | j | k | l | m | n | o | p | q | r | s | t | u | v | w | x | y | z
56 --|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|--
57 b | e | h | k | n | q | t | w | z | c | f | i | l | o | r | u | x | a | d | g | j | m | p | s | v | y
58
59 ---
60
61 layout: true
62
63 .indexlink[[Index](index.html)]
64
65 ---
66
67 # Duplicate and extend your `caesar_break()` function
68
69 * How to cycle through all the keys?
70
71 ---
72
73 # Test it.
74
75 * `2013/2a.ciphertext`
76 * `2013/3a.ciphertext`
77
78 </textarea>
79 <script src="http://gnab.github.io/remark/downloads/remark-0.6.0.min.js" type="text/javascript">
80 </script>
81
82 <script type="text/javascript"
83 src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&delayStartupUntil=configured"></script>
84
85 <script type="text/javascript">
86 var slideshow = remark.create({ ratio: "16:9" });
87
88 // Setup MathJax
89 MathJax.Hub.Config({
90 tex2jax: {
91 skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
92 }
93 });
94 MathJax.Hub.Queue(function() {
95 $(MathJax.Hub.getAllJax()).map(function(index, elem) {
96 return(elem.SourceElement());
97 }).parent().addClass('has-jax');
98 });
99 MathJax.Hub.Configured();
100 </script>
101 </body>
102 </html>