slides/affine-break.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>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        .float-right {
  41         float: right;
  42       }
  43     </style>
  44   </head>
  45   <body>
  46     <textarea id="source">
  47
  48 # Breaking affine ciphers
  49
  50 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
  51 --|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|--
  52 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
  53
  54 ----
  55
  56 # Duplicate and extend your `caesar_break()` function
  57
  58 * How to cycle through all the keys?
  59
  60 ---
  61
  62 # Test it.
  63
  64 * `2013/2a.ciphertext`
  65 * `2013/3a.ciphertext`
  66
  67     </textarea>
  68     <script src="http://gnab.github.io/remark/downloads/remark-0.6.0.min.js" type="text/javascript">
  69     </script>
  70
  71     <script type="text/javascript"
  72       src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&delayStartupUntil=configured"></script>
  73
  74     <script type="text/javascript">
  75       var slideshow = remark.create({ ratio: "16:9" });
  76
  77       // Setup MathJax
  78       MathJax.Hub.Config({
  79         tex2jax: {
  80         skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
  81         }
  82       });
  83       MathJax.Hub.Queue(function() {
  84         $(MathJax.Hub.getAllJax()).map(function(index, elem) {
  85             return(elem.SourceElement());
  86         }).parent().addClass('has-jax');
  87       });
  88       MathJax.Hub.Configured();
  89     </script>
  90   </body>
  91 </html>