better css

2016-07-27 02:31:17 +02:00 · 2016-07-27 02:31:17 +02:00 · 6e0b2759d9
commit 6e0b2759d9
parent 7b7208315e
10 changed files with 756 additions and 183 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,6 +1,7 @@
 TAGS
 build/
 compile
+.sass-cache/
 *.hi
 *.o
 .DS_Store
--- a/README.html
+++ b/README.html
@ -6,10 +6,10 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  <title></title>
  <style type="text/css">code{white-space: pre;}</style>
-  <!--[if lt IE 9]>
-    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
  <link rel="stylesheet" href="styling.css">
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
 </head>
 <body>
 <nav id="TOC">
@ -38,9 +38,9 @@
 <li><a href="https://github.com/matze/mtheme">metropolis</a> Beamer theme (working forked version here: <a href="https://github.com/yogsototh/mtheme"><code>https://github.com/yogsototh/mtheme</code></a>)</li>
 </ul>
 <div id="footer">
-  <a href="http://yannesposito.com">Y</a>
-  --
-  made with <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
+  <a href="http://yannesposito.com">yannesposito.com</a>
+  —
+  Proudly generated by <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
 </div>
 </body>
 </html>
--- a/druid/druid.html
+++ b/druid/druid.html
@ -7,10 +7,10 @@
  <meta name="author" content="Yann Esposito">
  <title>Druid for real-time analysis</title>
  <style type="text/css">code{white-space: pre;}</style>
-  <!--[if lt IE 9]>
-    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
  <link rel="stylesheet" href="../styling.css">
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
 </head>
 <body>
 <header>
@ -508,9 +508,9 @@ Task 2:                        [                     ]
 <li>Profit!</li>
 </ol>
 <div id="footer">
-  <a href="http://yannesposito.com">Y</a>
-  --
-  made with <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
+  <a href="http://yannesposito.com">yannesposito.com</a>
+  —
+  Proudly generated by <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
 </div>
 </body>
 </html>
--- a/footer.html
+++ b/footer.html
@ -1,5 +1,5 @@
 <div id="footer">
-  <a href="http://yannesposito.com">Y</a>
-  --
-  made with <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
+  <a href="http://yannesposito.com">yannesposito.com</a>
+  —
+  Proudly generated by <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
 </div>
--- a/index.html
+++ b/index.html
@ -4,14 +4,21 @@
  <meta charset="utf-8">
  <meta name="generator" content="pandoc">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
-  <title></title>
+  <meta name="author" content="Yann Esposito">
+  <meta name="dcterms.date" content="2016-07-26">
+  <title>Welcome to mkdocs</title>
  <style type="text/css">code{white-space: pre;}</style>
-  <!--[if lt IE 9]>
-    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
  <link rel="stylesheet" href="styling.css">
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
 </head>
 <body>
+<header>
+<h1 class="title">Welcome to <code>mkdocs</code></h1>
+<h2 class="author">Yann Esposito</h2>
+<h3 class="date">26 July 2016</h3>
+</header>
 <nav id="TOC">
 <ul>
 <li><a href="#welcome-to-mkdocs">Welcome to <code>mkdocs</code></a></li>
@ -44,9 +51,9 @@
 </ul></li>
 </ul>
 <div id="footer">
-  <a href="http://yannesposito.com">Y</a>
-  --
-  made with <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
+  <a href="http://yannesposito.com">yannesposito.com</a>
+  —
+  Proudly generated by <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
 </div>
 </body>
 </html>
--- a/index.md
+++ b/index.md
@ -1,3 +1,9 @@
+---
+title: Welcome to `mkdocs`
+author: Yann Esposito
+date: 26 July 2016
+---
+
 # Welcome to `mkdocs`

 Public url: <http://yogsototh.github.io/mkdocs>
--- a/resume/resume.html
+++ b/resume/resume.html
@ -8,10 +8,10 @@
  <meta name="dcterms.date" content="2016-07-26">
  <title>Resume</title>
  <style type="text/css">code{white-space: pre;}</style>
-  <!--[if lt IE 9]>
-    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
  <link rel="stylesheet" href="../styling.css">
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
 </head>
 <body>
 <header>
@ -95,61 +95,61 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\
 <tr class="odd">
 <td style="text-align: right;"><em>2016</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"></td>
+<td></td>
 <td style="text-align: left;">Clojure Software Engineer for Cisco (Threatgrid), <em>Remote</em></td>
 </tr>
 <tr class="even">
 <td style="text-align: right;"><em>2013</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"><em>2016</em></td>
+<td><em>2016</em></td>
 <td style="text-align: left;">Machine Learning Scientist &amp; Software Engineer at Vigiglobe,</td>
 </tr>
 <tr class="odd">
 <td style="text-align: right;"></td>
 <td style="text-align: right;"></td>
-<td style="text-align: left;"></td>
+<td></td>
 <td style="text-align: left;"><em>Sophia Antipolis, France</em></td>
 </tr>
 <tr class="even">
 <td style="text-align: right;"><em>2010</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"></td>
+<td></td>
 <td style="text-align: left;">Co-Founder of GridPocket, <em>Sophia Antipolis, France</em></td>
 </tr>
 <tr class="odd">
 <td style="text-align: right;"><em>2007</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"><em>2013</em></td>
+<td><em>2013</em></td>
 <td style="text-align: left;">AirFrance, <em>Sophia Antipolis, France</em></td>
 </tr>
 <tr class="even">
 <td style="text-align: right;"><em>10/2006</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"><em>3/2007</em></td>
+<td><em>3/2007</em></td>
 <td style="text-align: left;">Post Ph.D., Hubert Curien Laboratory, <em>St-Etienne, France</em></td>
 </tr>
 <tr class="odd">
 <td style="text-align: right;"><em>10/2004</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"><em>9/2006</em></td>
+<td><em>9/2006</em></td>
 <td style="text-align: left;">ATER (College Degree Teach <em>&amp;</em> Research), <em>Marseille, France</em></td>
 </tr>
 <tr class="even">
 <td style="text-align: right;"><em>10/2001</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"><em>9/2004</em></td>
+<td><em>9/2004</em></td>
 <td style="text-align: left;">University Monitor (College Degree Teach <em>&amp;</em> Research),</td>
 </tr>
 <tr class="odd">
 <td style="text-align: right;"></td>
 <td style="text-align: right;"></td>
-<td style="text-align: left;"></td>
+<td></td>
 <td style="text-align: left;"><em>Marseille, France</em></td>
 </tr>
 <tr class="even">
 <td style="text-align: right;"><em>1995</em></td>
 <td style="text-align: right;">→</td>
-<td style="text-align: left;"><em>2000</em></td>
+<td><em>2000</em></td>
 <td style="text-align: left;">Miscellaneous summer jobs</td>
 </tr>
 </tbody>
@ -158,27 +158,27 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\
 <table>
 <tbody>
 <tr class="odd">
-<td style="text-align: left;"><em>2004</em></td>
+<td><em>2004</em></td>
 <td style="text-align: right;">CS Ph.D. in Machine Learning at Université de Provence</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;"><em>2001</em></td>
+<td><em>2001</em></td>
 <td style="text-align: right;">D.E.A. (Equivalent to Master in Computer science)</td>
 </tr>
 <tr class="odd">
-<td style="text-align: left;"><em>2000</em></td>
+<td><em>2000</em></td>
 <td style="text-align: right;">Maîtrise in Computer Science</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;"><em>1999</em></td>
+<td><em>1999</em></td>
 <td style="text-align: right;">Licence in Computer Science</td>
 </tr>
 <tr class="odd">
-<td style="text-align: left;"><em>1998</em></td>
+<td><em>1998</em></td>
 <td style="text-align: right;">DEUG MIAS (Math)</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;"><em>1995</em></td>
+<td><em>1995</em></td>
 <td style="text-align: right;">BAC S (Math)</td>
 </tr>
 </tbody>
@ -298,12 +298,12 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\
 <table>
 <tbody>
 <tr class="odd">
-<td style="text-align: left;">Product</td>
-<td style="text-align: left;">Security Threat Management</td>
+<td>Product</td>
+<td>Security Threat Management</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;">Role</td>
-<td style="text-align: left;">Clojure Software Engineer</td>
+<td>Role</td>
+<td>Clojure Software Engineer</td>
 </tr>
 </tbody>
 </table>
@ -349,35 +349,35 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\
 <tbody>
 <tr class="odd">
 <td style="text-align: left;">Product</td>
-<td style="text-align: left;">Two API server (one for client, another for administration)</td>
+<td>Two API server (one for client, another for administration)</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">A private client side web application</td>
+<td>A private client side web application</td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">An iPhone Application</td>
+<td>An iPhone Application</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">Some Linux boxes to send data to the servers</td>
+<td>Some Linux boxes to send data to the servers</td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">A Linux driver</td>
+<td>A Linux driver</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">Role</td>
-<td style="text-align: left;">Full technical responsibilities</td>
+<td>Full technical responsibilities</td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;">Keywords</td>
-<td style="text-align: left;">Ruby, REST, JSON, HTML, CSS, Javascript, AJAX,</td>
+<td>Ruby, REST, JSON, HTML, CSS, Javascript, AJAX,</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">jQuery, Objective-C, ASIHTTPRequest, CorePlot, CoreData, C</td>
+<td>jQuery, Objective-C, ASIHTTPRequest, CorePlot, CoreData, C</td>
 </tr>
 </tbody>
 </table>
@ -387,15 +387,15 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\
 <tbody>
 <tr class="odd">
 <td style="text-align: left;">Role</td>
-<td style="text-align: left;">In charge of the Airfrance CMS for their website.</td>
+<td>In charge of the Airfrance CMS for their website.</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">Keywords</td>
-<td style="text-align: left;">TeamSite, Perl, XML, XHTML, CSS, javascript, JSP,</td>
+<td>TeamSite, Perl, XML, XHTML, CSS, javascript, JSP,</td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">Unix (Solaris/Linux), Bazaar</td>
+<td>Unix (Solaris/Linux), Bazaar</td>
 </tr>
 </tbody>
 </table>
@ -405,19 +405,19 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\
 <tbody>
 <tr class="odd">
 <td style="text-align: left;">Product</td>
-<td style="text-align: left;"><a href="http://labh-curien.univ-st-etienne.fr/SEDiL/">SeDiL</a></td>
+<td><a href="http://labh-curien.univ-st-etienne.fr/SEDiL/">SeDiL</a></td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">Role</td>
-<td style="text-align: left;">Java Developer</td>
+<td>Java Developer</td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;">Research</td>
-<td style="text-align: left;">Similarity measure between strings or XML trees</td>
+<td>Similarity measure between strings or XML trees</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">Contact</td>
-<td style="text-align: left;"><script type="text/javascript">
+<td><script type="text/javascript">
 <!--
 h='&#x75;&#110;&#x69;&#118;&#x2d;&#x73;&#116;&#x2d;&#x65;&#116;&#x69;&#x65;&#110;&#110;&#x65;&#46;&#102;&#114;';a='&#64;';n='&#x2f;&#x2f;&#x6d;&#x61;&#114;&#x63;&#46;&#x73;&#x65;&#98;&#98;&#x61;&#110;';e=n+a+h;
 document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+'&#x4d;&#x61;&#114;&#x63;&#32;&#x53;&#x65;&#98;&#98;&#x61;&#110;'+'<\/'+'a'+'>');
@ -426,11 +426,11 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+'&#x4
 </tr>
 <tr class="odd">
 <td style="text-align: left;">Keywords</td>
-<td style="text-align: left;">UML, Java 1.5, Swing, Java 2D, Java Web Start, Applet,</td>
+<td>UML, Java 1.5, Swing, Java 2D, Java Web Start, Applet,</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;"></td>
-<td style="text-align: left;">subversion, XML, XHTML, PHP</td>
+<td>subversion, XML, XHTML, PHP</td>
 </tr>
 </tbody>
 </table>
@ -486,27 +486,27 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+'&#x4
 <table>
 <tbody>
 <tr class="odd">
-<td style="text-align: left;"><em>2004</em></td>
+<td><em>2004</em></td>
 <td style="text-align: left;">Ph.D. degree in Machine Learning</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;"><em>2001</em></td>
+<td><em>2001</em></td>
 <td style="text-align: left;">D.E.A. in Computer Science (equivalent to master)</td>
 </tr>
 <tr class="odd">
-<td style="text-align: left;"><em>2000</em></td>
+<td><em>2000</em></td>
 <td style="text-align: left;">Maîtrise d’Informatique</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;"><em>1999</em></td>
+<td><em>1999</em></td>
 <td style="text-align: left;">Licence in Computer Science</td>
 </tr>
 <tr class="odd">
-<td style="text-align: left;"><em>1998</em></td>
+<td><em>1998</em></td>
 <td style="text-align: left;">DEUG MIAS (math)</td>
 </tr>
 <tr class="even">
-<td style="text-align: left;"><em>1995</em></td>
+<td><em>1995</em></td>
 <td style="text-align: left;">BAC S (math)</td>
 </tr>
 </tbody>
@ -518,15 +518,15 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+'&#x4
 <tbody>
 <tr class="odd">
 <td style="text-align: left;">Journals</td>
-<td style="text-align: left;">[Fundamenta Inforamticæ vol.86 2008] [Pattern Recognition, 2004]</td>
+<td>[Fundamenta Inforamticæ vol.86 2008] [Pattern Recognition, 2004]</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">Conferences</td>
-<td style="text-align: left;">[ECML 2008] [COLT 2006] [ICGI 2006] [COLT 2004] [ICALP 2003] [ICGI 2002]</td>
+<td>[ECML 2008] [COLT 2006] [ICGI 2006] [COLT 2004] [ICALP 2003] [ICGI 2002]</td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;">Workshop</td>
-<td style="text-align: left;">[TAGI05]</td>
+<td>[TAGI05]</td>
 </tr>
 </tbody>
 </table>
@ -601,9 +601,9 @@ document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+'&#x4
 </ol>
 </section>
 <div id="footer">
-  <a href="http://yannesposito.com">Y</a>
-  --
-  made with <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
+  <a href="http://yannesposito.com">yannesposito.com</a>
+  —
+  Proudly generated by <a href="http://github.com/yogsototh/mkdocs">mkdocs</a>
 </div>
 </body>
 </html>
--- a/styling.css
+++ b/styling.css
@ -1,110 +1,297 @@
-@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);@import url(//fonts.googleapis.com/css?family=Source+Code+Pro:400,400italic,700,700italic);/* normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
+/*
+ * I add this to html files generated with pandoc.
+ */
+html {
+  font-size: 100%;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%; }

-body{margin:0}
-article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
-audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
-audio:not([controls]){display:none;height:0}
-[hidden],template{display:none}
-a{background:transparent}
-a:active,a:hover{outline:0}
-abbr[title]{border-bottom:1px dotted}
-b,strong{font-weight:bold}
-dfn{font-style:italic}
-h1{font-size:2em;margin:0.67em 0}
-mark{background:#ff0;color:#000}
-small{font-size:80%}
-sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
-sup{top:-0.5em}
-sub{bottom:-0.25em}
-img{border:0}
-svg:not(:root){overflow:hidden}
-figure{margin:1em 40px}
-hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
-pre{overflow:auto}
-code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
-button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
-button{overflow:visible}
-button,select{text-transform:none}
-button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
-button[disabled],html input[disabled]{cursor:default}
-button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
-input{line-height:normal}
-input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
-input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
-input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
-input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
-fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
-legend{border:0;padding:0}
-textarea{overflow:auto}
-optgroup{font-weight:bold}
-table{border-collapse:collapse;border-spacing:0}
-td,th{padding:0}
-body,code,tr.odd,tr.even,figure{
-    background-image:url("data:image/png;base64,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")}
-body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#FFF;color:#444;line-height:1.3;text-align:justify;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
-@media (max-width: 400px){body{font-size:16px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:15px}
-}
-@media (min-width: 401px) and (max-width: 600px){body{font-size:18px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:15px}
-}
-@media (min-width: 601px) and (max-width: 900px){body{font-size:19px;margin-left:100px;margin-right:100px;margin-top:20px;margin-bottom:25px}
-}
-@media (min-width: 901px) and (max-width: 1800px){body{font-size:18px;margin-left:200px;margin-right:200px;margin-top:30px;margin-bottom:25px;max-width:800px}
-}
-@media (min-width: 1801px){body{font-size:22px;margin-left:20%;margin-right:20%;margin-top:30px;margin-bottom:25px;max-width:1000px}
-}
-p{margin-top:10px;margin-bottom:18px}
-em{font-style:italic}
-strong{font-weight:bold}
-h1,h2,h3,h4,h5,h6{font-weight:bold;padding-top:0.25em;margin-bottom:0.15em}
-header{line-height:2.475em;padding-bottom:0.7em;border-bottom:1px solid #bbb;margin-bottom:1.2em}
-header>h1{border:none;padding:0;margin:0;font-size:225%}
-header>h2{border:none;padding:0;margin:0;font-style:normal;font-size:175%}
-header>h3{padding:0;margin:0;font-size:125%;font-style:italic}
-header+h1{border-top:none;padding-top:0px}
-h1{border-top:1px solid #bbb;padding-top:15px;font-size:150%;margin-bottom:10px}
-h1:first-of-type{border:none}
-h2{font-size:125%;font-style:italic}
-h3{font-size:105%;font-style:italic}
-hr{border:0px;border-top:1px solid #bbb;width:100%;height:0px}
-hr+h1{border-top:none;padding-top:0px}
-ul,ol{font-size:90%;margin-top:10px;margin-bottom:15px;padding-left:30px}
-ul{list-style:circle}
-ol{list-style:decimal}
-ul ul,ol ol,ul ol,ol ul{font-size:inherit}
-li{margin-top:5px;margin-bottom:7px}
-q,blockquote,dd{font-style:italic;font-size:90%}
-blockquote,dd{quotes:none;border-left:0.35em #bbb solid;padding-left:1.15em;margin:0 1.5em 0 0}
-blockquote blockquote,dd blockquote,blockquote dd,dd dd,ol blockquote,ol dd,ul blockquote,ul dd,blockquote ol,dd ol,blockquote ul,dd ul{font-size:inherit}
-a,a:link,a:visited,a:hover{color:inherit;text-decoration:none;border-bottom:1px dashed #111}
-a:hover,a:link:hover,a:visited:hover,a:hover:hover{border-bottom-style:solid}
-a.footnoteRef,a:link.footnoteRef,a:visited.footnoteRef,a:hover.footnoteRef{border-bottom:none;color:#666}
-code{font-family:"Source Code Pro","Consolas","Monaco",monospace;font-size:85%;background-color:rgba(255,255,255,0.5);border:1px solid #bbb;padding:0px 0.15em 0px 0.15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
-pre{margin-right:1.5em;display:block}
-pre>code{display:block;font-size:70%;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow-x:auto}
-blockquote pre,dd pre,ul pre,ol pre{margin-left:0;margin-right:0}
-blockquote pre>code,dd pre>code,ul pre>code,ol pre>code{font-size:77.77778%}
-caption,figcaption{font-size:80%;font-style:italic;text-align:right;margin-bottom:5px}
-caption:empty,figcaption:empty{display:none}
-table{width:100%;margin-top:1em;margin-bottom:1em}
-table+h1{border-top:none}
-tr td,tr th{padding:0.2em 0.7em}
-tr.header{border-top:1px solid #222;border-bottom:1px solid #222;font-weight:700}
-tbody:last-child{border-bottom:1px solid #222}
-dt{font-weight:700}
-dt:after{font-weight:normal;content:":"}
-dd{margin-bottom:10px}
-figure{margin:1.3em 0 1.3em 0;text-align:center;padding:20px;width:100%;background-color:#ddd;border:1px solid #bbb;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden}
-img{display:block;margin:0px auto;padding:0px;max-width:100%}
-figcaption{margin:5px 10px 5px 30px}
-.footnotes{color:#666;font-size:70%;font-style:italic}
-.footnotes li p:last-child a:last-child{border-bottom:none}
-#footer,#TOC {padding: 2em; margin: 2em 0;}
-#footer {border-top: dotted 1px; }
-pre > code {background-color: rgba(255,255,255,0.5);}
-pre {overflow: scroll;}
-body {line-height: 1.5em; color: #002b36;}
-tr.even{background-color:#dedede; color: #073642;}
-tr.odd{background-color:#f7f7f7; color: #073642;}
-tr {font-size: 16px; }
-h1,h2,h3,h4 { margin-top: 2em; font-family: "Hoefler Text"; }
-p,ul { line-height: 1.5em; }
+body {
+  color: #444;
+  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+  font-size: 12px;
+  line-height: 1.7;
+  padding: 1em;
+  margin: auto;
+  max-width: 42em;
+  background: #fefefe; }
+
+a {
+  color: #06e;
+  text-decoration: none; }
+
+a:visited {
+  color: #06e; }
+
+a:hover {
+  color: #06e;
+  text-decoration: underline; }
+
+a:active {
+  color: #faa700; }
+
+a:focus {
+  outline: thin dotted; }
+
+*::-moz-selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #000; }
+
+*::selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #000; }
+
+a::-moz-selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #0645ad; }
+
+a::selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #0645ad; }
+
+p {
+  margin: 1em 0; }
+
+img {
+  max-width: 100%; }
+
+h1, h2, h3, h4, h5, h6 {
+  color: #111;
+  line-height: 125%;
+  margin-top: 2em;
+  font-weight: normal; }
+
+h4, h5, h6 {
+  font-weight: bold; }
+
+h1 {
+  font-size: 2.5em; }
+
+h2 {
+  font-size: 2em; }
+
+h3 {
+  font-size: 1.5em; }
+
+h4 {
+  font-size: 1.2em; }
+
+h5 {
+  font-size: 1em; }
+
+h6 {
+  font-size: 0.9em; }
+
+blockquote {
+  color: #666666;
+  margin: 0;
+  padding-left: 3em;
+  border-left: 0.5em #EEE solid; }
+
+hr {
+  display: block;
+  height: 2px;
+  border: 0;
+  border-top: 1px solid #aaa;
+  border-bottom: 1px solid #eee;
+  margin: 1em 0;
+  padding: 0; }
+
+pre, code, kbd, samp {
+  color: #000;
+  font-family: monospace, monospace;
+  _font-family: 'courier new', monospace;
+  font-size: 0.98em;
+  background: #f0f0f0; }
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  padding: 1em 2em;
+  border-left: solid 4px #C6E5Fd;
+  border-bottom: solid 1px #CCC; }
+
+b, strong {
+  font-weight: bold; }
+
+dfn {
+  font-style: italic; }
+
+ins {
+  background: #ff9;
+  color: #000;
+  text-decoration: none; }
+
+mark {
+  background: #ff0;
+  color: #000;
+  font-style: italic;
+  font-weight: bold; }
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+ul, ol {
+  margin: 1em 0;
+  padding: 0 0 0 2em; }
+
+li p:last-child {
+  margin-bottom: 0; }
+
+ul ul, ol ol {
+  margin: .3em 0; }
+
+dl {
+  margin-bottom: 1em; }
+
+dt {
+  font-weight: bold;
+  margin-bottom: .8em; }
+
+dd {
+  margin: 0 0 .8em 2em; }
+
+dd:last-child {
+  margin-bottom: 0; }
+
+img {
+  border: solid 1px #888;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle; }
+
+figure {
+  display: block;
+  text-align: center;
+  margin: 1em 0; }
+
+figure img {
+  border: none;
+  margin: 0 auto; }
+
+figcaption {
+  font-size: 0.8em;
+  font-style: italic;
+  margin: 0 0 .8em; }
+
+table {
+  margin-bottom: 2em;
+  border-bottom: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  border-spacing: 0;
+  border-collapse: collapse; }
+
+table th {
+  padding: .2em 1em;
+  background-color: #eee;
+  border-top: 1px solid #ddd;
+  border-left: 1px solid #ddd; }
+
+table td {
+  padding: .2em 1em;
+  border-top: 1px solid #ddd;
+  border-left: 1px solid #ddd;
+  vertical-align: top; }
+
+.author {
+  font-size: 1.2em;
+  text-align: center; }
+
+@media only screen and (min-width: 480px) {
+  body {
+    font-size: 14px; } }
+@media only screen and (min-width: 768px) {
+  body {
+    font-size: 16px; } }
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    filter: none !important;
+    -ms-filter: none !important; }
+
+  body {
+    font-size: 12pt;
+    max-width: 100%; }
+
+  a, a:visited {
+    text-decoration: underline; }
+
+  hr {
+    height: 1px;
+    border: 0;
+    border-bottom: 1px solid black; }
+
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+    content: ""; }
+
+  pre, blockquote {
+    border: 1px solid #999;
+    padding-right: 1em;
+    page-break-inside: avoid; }
+
+  tr, img {
+    page-break-inside: avoid; }
+
+  img {
+    max-width: 100% !important; }
+
+  @page :left {
+    margin: 15mm 20mm 15mm 10mm; }
+  @page :right {
+    margin: 15mm 10mm 15mm 20mm; }
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3; }
+
+  h2, h3 {
+    page-break-after: avoid; } }
+#TOC ul {
+  overflow-x: hidden;
+  list-style: none; }
+  #TOC ul li a {
+    background: #fff; }
+  #TOC ul li:before {
+    float: left;
+    width: .7em;
+    white-space: nowrap;
+    content: "- . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "; }
+
+header {
+  text-align: center;
+  margin-bottom: 5em;
+  border-bottom: solid;
+  border-top: solid;
+  padding-top: 2em;
+  padding-bottom: 2em; }
+  header h1.title {
+    margin-top: 0; }
+  header .date {
+    font-size: 1em; }
+
+.footnotes {
+  font-size: .9em; }
+
+#footer {
+  font-size: 1.5em;
+  border-top: solid;
+  padding-top: 1em;
+  margin-top: 2em; }
+
+/*# sourceMappingURL=styling.css.map */
--- a/styling.css.map
+++ b/styling.css.map
@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["styling.scss"],
+"names": [],
+"file": "styling.css"
+}
--- a/styling.scss
+++ b/styling.scss
@ -0,0 +1,365 @@
+/*
+ * I add this to html files generated with pandoc.
+ */
+
+html {
+  font-size: 100%;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+body {
+  color: #444;
+  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+  font-size: 12px;
+  line-height: 1.7;
+  padding: 1em;
+  margin: auto;
+  max-width: 42em;
+  background: #fefefe;
+}
+
+a {
+  color: #06e;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #06e;
+}
+
+a:hover {
+  color: #06e;
+  text-decoration: underline;
+}
+
+a:active {
+  color: #faa700;
+}
+
+a:focus {
+  outline: thin dotted;
+}
+
+*::-moz-selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #000;
+}
+
+*::selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #000;
+}
+
+a::-moz-selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #0645ad;
+}
+
+a::selection {
+  background: rgba(255, 255, 0, 0.3);
+  color: #0645ad;
+}
+
+p {
+  margin: 1em 0;
+}
+
+img {
+  max-width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #111;
+  line-height: 125%;
+  margin-top: 2em;
+  font-weight: normal;
+}
+
+h4, h5, h6 {
+  font-weight: bold;
+}
+
+h1 {
+  font-size: 2.5em;
+}
+
+h2 {
+  font-size: 2em;
+}
+
+h3 {
+  font-size: 1.5em;
+}
+
+h4 {
+  font-size: 1.2em;
+}
+
+h5 {
+  font-size: 1em;
+}
+
+h6 {
+  font-size: 0.9em;
+}
+
+blockquote {
+  color: #666666;
+  margin: 0;
+  padding-left: 3em;
+  border-left: 0.5em #EEE solid;
+}
+
+hr {
+  display: block;
+  height: 2px;
+  border: 0;
+  border-top: 1px solid #aaa;
+  border-bottom: 1px solid #eee;
+  margin: 1em 0;
+  padding: 0;
+}
+
+pre, code, kbd, samp {
+  color: #000;
+  font-family: monospace, monospace;
+  _font-family: 'courier new', monospace;
+  font-size: 0.98em;
+  background: #f0f0f0;
+}
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  padding: 1em 2em;
+  border-left: solid 4px #C6E5Fd;
+  border-bottom: solid 1px #CCC;
+}
+
+b, strong {
+  font-weight: bold;
+}
+
+dfn {
+  font-style: italic;
+}
+
+ins {
+  background: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+mark {
+  background: #ff0;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+ul, ol {
+  margin: 1em 0;
+  padding: 0 0 0 2em;
+}
+
+li p:last-child {
+  margin-bottom: 0;
+}
+
+ul ul, ol ol {
+  margin: .3em 0;
+}
+
+dl {
+  margin-bottom: 1em;
+}
+
+dt {
+  font-weight: bold;
+  margin-bottom: .8em;
+}
+
+dd {
+  margin: 0 0 .8em 2em;
+}
+
+dd:last-child {
+  margin-bottom: 0;
+}
+
+img {
+  border: solid 1px #888;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle;
+}
+
+figure {
+  display: block;
+  text-align: center;
+  margin: 1em 0;
+}
+
+figure img {
+  border: none;
+  margin: 0 auto;
+}
+
+figcaption {
+  font-size: 0.8em;
+  font-style: italic;
+  margin: 0 0 .8em;
+}
+
+table {
+  margin-bottom: 2em;
+  border-bottom: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+table th {
+  padding: .2em 1em;
+  background-color: #eee;
+  border-top: 1px solid #ddd;
+  border-left: 1px solid #ddd;
+}
+
+table td {
+  padding: .2em 1em;
+  border-top: 1px solid #ddd;
+  border-left: 1px solid #ddd;
+  vertical-align: top;
+}
+
+.author {
+  font-size: 1.2em;
+  text-align: center;
+}
+
+@media only screen and (min-width: 480px) {
+  body {
+    font-size: 14px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  body {
+    font-size: 16px;
+  }
+}
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    filter: none !important;
+    -ms-filter: none !important;
+  }
+
+  body {
+    font-size: 12pt;
+    max-width: 100%;
+  }
+
+  a, a:visited {
+    text-decoration: underline;
+  }
+
+  hr {
+    height: 1px;
+    border: 0;
+    border-bottom: 1px solid black;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+    content: "";
+  }
+
+  pre, blockquote {
+    border: 1px solid #999;
+    padding-right: 1em;
+    page-break-inside: avoid;
+  }
+
+  tr, img {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  @page :left {
+    margin: 15mm 20mm 15mm 10mm;
+}
+
+  @page :right {
+    margin: 15mm 10mm 15mm 20mm;
+}
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2, h3 {
+    page-break-after: avoid;
+  }
+}
+
+#TOC {
+  ul {
+    overflow-x: hidden;
+    list-style: none;
+    li {a { background: #fff; } }
+    li:before {
+      float: left;
+      width: .7em;
+      white-space: nowrap;
+      content: "- . . . . . . . . . . . . . . . . . . . "
+               ". . . . . . . . . . . . . . . . . . . . "
+               ". . . . . . . . . . . . . . . . . . . . "
+               ". . . . . . . . . . . . . . . . . . . . " ;
+  } }
+}
+header {
+  text-align: center;
+  margin-bottom: 5em;
+  border-bottom: solid;
+  border-top: solid;
+  h1.title { margin-top: 0; }
+  padding-top: 2em;
+  padding-bottom: 2em;
+  .date {
+    font-size: 1em;
+  }
+}
+
+.footnotes { font-size: .9em; }
+
+#footer { font-size: 1.5em; border-top: solid; padding-top: 1em; margin-top: 2em;  }