Update advert (Valencia, I'm coming!)

Update text and dates
Fix typo
2024-03-30 11:58:24 +01:00 · 2024-01-14 12:41:07 +01:00 · 2023-12-29 16:43:01 +01:00 · 2023-12-29 16:37:46 +01:00 · 2023-12-29 16:16:31 +01:00 · 2023-12-06 11:22:46 +01:00
55 changed files with 1735 additions and 1474 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,5 +1,5 @@
-setup/theme-bigblow-local-abs.setup
-setup/theme-readtheorg-local-abs.setup
+org/theme-bigblow-local-abs.setup
+org/theme-readtheorg-local-abs.setup
 demo/mbacou.org
 demo/cdominik-muziek2.org
 demo/dev.org
--- a/LICENSE.org
+++ b/LICENSE.org
@ -632,7 +632,7 @@ state the exclusion of warranty; and each file should have at least
 the "copyright" line and a pointer to where the full notice is found.

    Org-HTML-Themes
-    Copyright (C) 2014-2019  Fabrice Niessen
+    Copyright (C) 2014-2020  Fabrice Niessen

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
@ -652,7 +652,7 @@ Also add information on how to contact you by electronic and paper mail.
  If the program does terminal interaction, make it output a short
 notice like this when it starts in an interactive mode:

-    Org-HTML-Themes  Copyright (C) 2014-2019  Fabrice Niessen
+    Org-HTML-Themes  Copyright (C) 2014-2020  Fabrice Niessen
    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
    This is free software, and you are welcome to redistribute it
    under certain conditions; type `show c' for details.
--- a/README.html
+++ b/README.html
@ -1,734 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>How to export Org mode files into awesome HTML in 2 minutes</title>
-<meta name="generator" content="Org mode" />
-<meta name="author" content="Fabrice Niessen" />
-<meta name="description" content="Org-HTML export made simple."
- />
-<meta name="keywords" content="org-mode, export, html, theme, style, css, js, bigblow" />
-<style type="text/css">
- <!--/*--><![CDATA[/*><!--*/
-  .title  { text-align: center;
-             margin-bottom: .2em; }
-  .subtitle { text-align: center;
-              font-size: medium;
-              font-weight: bold;
-              margin-top:0; }
-  .todo   { font-family: monospace; color: red; }
-  .done   { font-family: monospace; color: green; }
-  .priority { font-family: monospace; color: orange; }
-  .tag    { background-color: #eee; font-family: monospace;
-            padding: 2px; font-size: 80%; font-weight: normal; }
-  .timestamp { color: #bebebe; }
-  .timestamp-kwd { color: #5f9ea0; }
-  .org-right  { margin-left: auto; margin-right: 0px;  text-align: right; }
-  .org-left   { margin-left: 0px;  margin-right: auto; text-align: left; }
-  .org-center { margin-left: auto; margin-right: auto; text-align: center; }
-  .underline { text-decoration: underline; }
-  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
-  p.verse { margin-left: 3%; }
-  pre {
-    border: 1px solid #ccc;
-    box-shadow: 3px 3px 3px #eee;
-    padding: 8pt;
-    font-family: monospace;
-    overflow: auto;
-    margin: 1.2em;
-  }
-  pre.src {
-    position: relative;
-    overflow: visible;
-    padding-top: 1.2em;
-  }
-  pre.src:before {
-    display: none;
-    position: absolute;
-    background-color: white;
-    top: -10px;
-    right: 10px;
-    padding: 3px;
-    border: 1px solid black;
-  }
-  pre.src:hover:before { display: inline;}
-  /* Languages per Org manual */
-  pre.src-asymptote:before { content: 'Asymptote'; }
-  pre.src-awk:before { content: 'Awk'; }
-  pre.src-C:before { content: 'C'; }
-  /* pre.src-C++ doesn't work in CSS */
-  pre.src-clojure:before { content: 'Clojure'; }
-  pre.src-css:before { content: 'CSS'; }
-  pre.src-D:before { content: 'D'; }
-  pre.src-ditaa:before { content: 'ditaa'; }
-  pre.src-dot:before { content: 'Graphviz'; }
-  pre.src-calc:before { content: 'Emacs Calc'; }
-  pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
-  pre.src-fortran:before { content: 'Fortran'; }
-  pre.src-gnuplot:before { content: 'gnuplot'; }
-  pre.src-haskell:before { content: 'Haskell'; }
-  pre.src-hledger:before { content: 'hledger'; }
-  pre.src-java:before { content: 'Java'; }
-  pre.src-js:before { content: 'Javascript'; }
-  pre.src-latex:before { content: 'LaTeX'; }
-  pre.src-ledger:before { content: 'Ledger'; }
-  pre.src-lisp:before { content: 'Lisp'; }
-  pre.src-lilypond:before { content: 'Lilypond'; }
-  pre.src-lua:before { content: 'Lua'; }
-  pre.src-matlab:before { content: 'MATLAB'; }
-  pre.src-mscgen:before { content: 'Mscgen'; }
-  pre.src-ocaml:before { content: 'Objective Caml'; }
-  pre.src-octave:before { content: 'Octave'; }
-  pre.src-org:before { content: 'Org mode'; }
-  pre.src-oz:before { content: 'OZ'; }
-  pre.src-plantuml:before { content: 'Plantuml'; }
-  pre.src-processing:before { content: 'Processing.js'; }
-  pre.src-python:before { content: 'Python'; }
-  pre.src-R:before { content: 'R'; }
-  pre.src-ruby:before { content: 'Ruby'; }
-  pre.src-sass:before { content: 'Sass'; }
-  pre.src-scheme:before { content: 'Scheme'; }
-  pre.src-screen:before { content: 'Gnu Screen'; }
-  pre.src-sed:before { content: 'Sed'; }
-  pre.src-sh:before { content: 'shell'; }
-  pre.src-sql:before { content: 'SQL'; }
-  pre.src-sqlite:before { content: 'SQLite'; }
-  /* additional languages in org.el's org-babel-load-languages alist */
-  pre.src-forth:before { content: 'Forth'; }
-  pre.src-io:before { content: 'IO'; }
-  pre.src-J:before { content: 'J'; }
-  pre.src-makefile:before { content: 'Makefile'; }
-  pre.src-maxima:before { content: 'Maxima'; }
-  pre.src-perl:before { content: 'Perl'; }
-  pre.src-picolisp:before { content: 'Pico Lisp'; }
-  pre.src-scala:before { content: 'Scala'; }
-  pre.src-shell:before { content: 'Shell Script'; }
-  pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
-  /* additional language identifiers per "defun org-babel-execute"
-       in ob-*.el */
-  pre.src-cpp:before  { content: 'C++'; }
-  pre.src-abc:before  { content: 'ABC'; }
-  pre.src-coq:before  { content: 'Coq'; }
-  pre.src-groovy:before  { content: 'Groovy'; }
-  /* additional language identifiers from org-babel-shell-names in
-     ob-shell.el: ob-shell is the only babel language using a lambda to put
-     the execution function name together. */
-  pre.src-bash:before  { content: 'bash'; }
-  pre.src-csh:before  { content: 'csh'; }
-  pre.src-ash:before  { content: 'ash'; }
-  pre.src-dash:before  { content: 'dash'; }
-  pre.src-ksh:before  { content: 'ksh'; }
-  pre.src-mksh:before  { content: 'mksh'; }
-  pre.src-posh:before  { content: 'posh'; }
-  /* Additional Emacs modes also supported by the LaTeX listings package */
-  pre.src-ada:before { content: 'Ada'; }
-  pre.src-asm:before { content: 'Assembler'; }
-  pre.src-caml:before { content: 'Caml'; }
-  pre.src-delphi:before { content: 'Delphi'; }
-  pre.src-html:before { content: 'HTML'; }
-  pre.src-idl:before { content: 'IDL'; }
-  pre.src-mercury:before { content: 'Mercury'; }
-  pre.src-metapost:before { content: 'MetaPost'; }
-  pre.src-modula-2:before { content: 'Modula-2'; }
-  pre.src-pascal:before { content: 'Pascal'; }
-  pre.src-ps:before { content: 'PostScript'; }
-  pre.src-prolog:before { content: 'Prolog'; }
-  pre.src-simula:before { content: 'Simula'; }
-  pre.src-tcl:before { content: 'tcl'; }
-  pre.src-tex:before { content: 'TeX'; }
-  pre.src-plain-tex:before { content: 'Plain TeX'; }
-  pre.src-verilog:before { content: 'Verilog'; }
-  pre.src-vhdl:before { content: 'VHDL'; }
-  pre.src-xml:before { content: 'XML'; }
-  pre.src-nxml:before { content: 'XML'; }
-  /* add a generic configuration mode; LaTeX export needs an additional
-     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
-  pre.src-conf:before { content: 'Configuration File'; }
-
-  table { border-collapse:collapse; }
-  caption.t-above { caption-side: top; }
-  caption.t-bottom { caption-side: bottom; }
-  td, th { vertical-align:top;  }
-  th.org-right  { text-align: center;  }
-  th.org-left   { text-align: center;   }
-  th.org-center { text-align: center; }
-  td.org-right  { text-align: right;  }
-  td.org-left   { text-align: left;   }
-  td.org-center { text-align: center; }
-  dt { font-weight: bold; }
-  .footpara { display: inline; }
-  .footdef  { margin-bottom: 1em; }
-  .figure { padding: 1em; }
-  .figure p { text-align: center; }
-  .equation-container {
-    display: table;
-    text-align: center;
-    width: 100%;
-  }
-  .equation {
-    vertical-align: middle;
-  }
-  .equation-label {
-    display: table-cell;
-    text-align: right;
-    vertical-align: middle;
-  }
-  .inlinetask {
-    padding: 10px;
-    border: 2px solid gray;
-    margin: 10px;
-    background: #ffffcc;
-  }
-  #org-div-home-and-up
-   { text-align: right; font-size: 70%; white-space: nowrap; }
-  textarea { overflow-x: auto; }
-  .linenr { font-size: smaller }
-  .code-highlighted { background-color: #ffff00; }
-  .org-info-js_info-navigation { border-style: none; }
-  #org-info-js_console-label
-    { font-size: 10px; font-weight: bold; white-space: nowrap; }
-  .org-info-js_search-highlight
-    { background-color: #ffff00; color: #000000; font-weight: bold; }
-  .org-svg { width: 90%; }
-  /*]]>*/-->
-</style>
-<link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/htmlize.css"/>
-<link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/readtheorg.css"/>
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js"></script>
-<script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/readtheorg/js/readtheorg.js"></script>
-</head>
-<body>
-<div id="content">
-<h1 class="title">How to export Org mode files into awesome HTML in 2 minutes</h1>
-<div id="table-of-contents">
-<h2>Table of Contents</h2>
-<div id="text-table-of-contents">
-<ul>
-<li><a href="#orge790dc4">1. Overview</a>
-<ul>
-<li><a href="#orgfbe16d1">1.1. Description</a></li>
-<li><a href="#org24d1dd3">1.2. Requirements</a></li>
-</ul>
-</li>
-<li><a href="#org04dc7f4">2. Quotations</a>
-<ul>
-<li><a href="#orga9b80e6">2.1. About Bigblow</a></li>
-<li><a href="#orgc462bc4">2.2. About ReadTheOrg</a></li>
-</ul>
-</li>
-<li><a href="#orgae167c9">3. Gallery</a>
-<ul>
-<li><a href="#org1ee104c">3.1. Bigblow</a></li>
-<li><a href="#org84d2209">3.2. ReadTheOrg</a></li>
-</ul>
-</li>
-<li><a href="#orga3913d2">4. Demo</a></li>
-<li><a href="#orgd61d09f">5. Using a theme</a></li>
-<li><a href="#orgb192d6e">6. Customizing a theme</a>
-<ul>
-<li><a href="#org35d80ae">6.1. Change the background code blocks</a></li>
-<li><a href="#org0bd0ac5">6.2. Unset body width limit of ReadTheOrg</a></li>
-</ul>
-</li>
-<li><a href="#orgacc9d25">7. Contributing</a>
-<ul>
-<li><a href="#orgb490ff4">7.1. Issues</a></li>
-<li><a href="#org17bc328">7.2. Patches</a></li>
-<li><a href="#orgf878e25">7.3. Donations</a></li>
-<li><a href="#orge6f7572">7.4. Follow me</a></li>
-</ul>
-</li>
-<li><a href="#orgbf93457">8. License</a></li>
-</ul>
-</div>
-</div>
-<a href="http://opensource.org/licenses/GPL-3.0">
-<img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
-</a>
-<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted">
-<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
-</a>
-
-<div id="outline-container-orge790dc4" class="outline-2">
-<h2 id="orge790dc4"><span class="section-number-2">1</span> Overview</h2>
-<div class="outline-text-2" id="text-1">
-</div>
-<div id="outline-container-orgfbe16d1" class="outline-3">
-<h3 id="orgfbe16d1"><span class="section-number-3">1.1</span> Description</h3>
-<div class="outline-text-3" id="text-1-1">
-<p>
-Though you can easily override CSS stylesheets and add your own HTML themes, we
-can say (or write) that Org mode provides a <i>basic</i> HTML support.
-</p>
-
-<p>
-<b>Org-HMTL themes</b> is an open source framework for providing you with a list of
-very nice (cross-browser) themes for all your Org documents.  Use them to <b>style
-your docs</b>, and your colleagues will come up to tell you that you are a genius!
-</p>
-
-<p>
-Share this content by tweeting this page:
-</p>
-
-<script src="http://platform.twitter.com/widgets.js"></script>
-<a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a>
-
-<p>
-Follow <a href="https://twitter.com/f_niessen">f_niessen</a> on Twitter for updates on Org-HTML themes!
-</p>
-</div>
-</div>
-
-<div id="outline-container-org24d1dd3" class="outline-3">
-<h3 id="org24d1dd3"><span class="section-number-3">1.2</span> Requirements</h3>
-<div class="outline-text-3" id="text-1-2">
-<p>
-Org mode version 8 (or later) is required.
-</p>
-
-<p>
-If such a version is not bundled with your Emacs, install one from ELPA.
-</p>
-</div>
-</div>
-</div>
-
-<div id="outline-container-org04dc7f4" class="outline-2">
-<h2 id="org04dc7f4"><span class="section-number-2">2</span> Quotations</h2>
-<div class="outline-text-2" id="text-2">
-</div>
-<div id="outline-container-orga9b80e6" class="outline-3">
-<h3 id="orga9b80e6"><span class="section-number-3">2.1</span> About Bigblow</h3>
-<div class="outline-text-3" id="text-2-1">
-<p>
-&ldquo;Very very nice, I enjoy it a lot.&rdquo; <br />
-&#x2013; <i>Ista Zahn</i>
-</p>
-
-<p>
-&ldquo;This is awesome. I love it!&rdquo; <br />
-&#x2013; <i>Rainer M Krug</i>
-</p>
-
-<p>
-&ldquo;This is awesome!!&rdquo; <br />
-&#x2013; <i>Mehul Sanghvi</i>
-</p>
-
-<p>
-&ldquo;This very nice html theme. [&#x2026;] I cannot use another emacs-theme than your
-<a href="https://github.com/fniessen/emacs-leuven-theme">emacs-leuven-theme</a>, and it is going to be probably the same with your html
-theme!&rdquo; <br />
-&#x2013; <i>Joseph Vidal-Rosset</i>
-</p>
-
-<p>
-&ldquo;Thanks a lot for sharing [&#x2026;] the wonderful Bigblow theme.  I create lot of
-specification for other team members to use.  It has always been a trouble to
-share and maintain such spec.  Now, I can create a much neater spec which is
-available for the team&rsquo;s reference as a webpage.&rdquo; <br />
-&#x2013; <i>Shankar R.</i>
-</p>
-
-<p>
-&ldquo;I like Bigblow the best.  I&rsquo;ve exported most of my Org files using this theme
-and published them within my company&rsquo;s intranet.  Thanks for sharing this
-wonderful package!&rdquo; <br />
-&#x2013; <i>Richard K.</i>
-</p>
-</div>
-</div>
-
-<div id="outline-container-orgc462bc4" class="outline-3">
-<h3 id="orgc462bc4"><span class="section-number-3">2.2</span> About ReadTheOrg</h3>
-<div class="outline-text-3" id="text-2-2">
-<p>
-&ldquo;OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
-wateringly beautiful. Thank you!&rdquo; <br />
-&#x2013; <i>Rob Stewart</i>
-</p>
-
-<p>
-&ldquo;It is fantastic, so beautiful.  I will switch several of my pages over to
-this theme.&rdquo; <br />
-&#x2013; <i>Carsten D.</i>
-</p>
-
-<p>
-&ldquo;That is incredibly impressive.  Thanks for this.&rdquo; <br />
-&#x2013; <i>Noah R.</i>
-</p>
-
-<p>
-&ldquo;Thank you!  I enjoy your themes.  The best ones I&rsquo;ve ever found.&rdquo; <br />
-&#x2013; <i>Kang T.</i>
-</p>
-
-<p>
-&ldquo;Awesome theme.  Wonderful job.  You&rsquo;re doing a wonderful thing &#x2014; it will
-enable people (at least those who use Emacs and Org mode) to put together
-on-line reference works in a much-more usable fashion than is currently
-available.&rdquo; <br />
-&#x2013; <i>D. C. Toedt</i>
-</p>
-
-<p>
-&ldquo;Extremely useful.&rdquo; <br />
-&#x2013; <i>Thomas S. Dye</i>
-</p>
-</div>
-</div>
-</div>
-
-<div id="outline-container-orgae167c9" class="outline-2">
-<h2 id="orgae167c9"><span class="section-number-2">3</span> Gallery</h2>
-<div class="outline-text-2" id="text-3">
-<p>
-This is a list of available <b>HTML themes for Org mode</b>, which you can use right
-now!  Well, I hope to have more than one in a couple of weeks&#x2026;
-</p>
-</div>
-
-<div id="outline-container-org1ee104c" class="outline-3">
-<h3 id="org1ee104c"><span class="section-number-3">3.1</span> Bigblow</h3>
-<div class="outline-text-3" id="text-3-1">
-<p>
-Bigblow is perfect for your work: it is a clean design aimed at optimal <b>Org
-mode experience in your browser</b>. It looks just awesome!
-</p>
-
-
-<div class="figure">
-<p><a href="https://www.youtube.com/watch?v=DnSGSiXYuOk" width="640"><img src="bigblow.png" alt="bigblow.png" width="640" /></a>
-</p>
-</div>
-
-<p>
-Click on the image for a quick demo of Bigblow (2:49 min, no audio).
-</p>
-
-<p>
-Keyboard shortcuts to save time and boost your productivity:
-</p>
-
-<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
-
-
-<colgroup>
-<col  class="org-left" />
-
-<col  class="org-left" />
-</colgroup>
-<thead>
-<tr>
-<th scope="col" class="org-left">Shortcut</th>
-<th scope="col" class="org-left">What it does</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td class="org-left"><code>?</code> or <code>h</code></td>
-<td class="org-left">Access the <b>dashboard</b></td>
-</tr>
-
-<tr>
-<td class="org-left"><code>n</code></td>
-<td class="org-left">Move to the <b>next</b> main heading</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>p</code></td>
-<td class="org-left">Move to the <b>previous</b> main heading</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>b</code></td>
-<td class="org-left">Scroll up</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>&lt;</code></td>
-<td class="org-left">Scroll to top</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>&gt;</code></td>
-<td class="org-left">Scroll to bottom</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>-</code></td>
-<td class="org-left">Collapse all</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>+</code></td>
-<td class="org-left">Expand all</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>r</code></td>
-<td class="org-left">Go to next task in list</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>R</code></td>
-<td class="org-left">Go to previous task in list</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>q</code></td>
-<td class="org-left">Stop reviewing the list of tasks</td>
-</tr>
-
-<tr>
-<td class="org-left"><code>g</code></td>
-<td class="org-left">Reload the page</td>
-</tr>
-</tbody>
-</table>
-</div>
-</div>
-
-<div id="outline-container-org84d2209" class="outline-3">
-<h3 id="org84d2209"><span class="section-number-3">3.2</span> ReadTheOrg</h3>
-<div class="outline-text-3" id="text-3-2">
-<p>
-ReadTheOrg is a clone of the official &#x2013; and great! &#x2013;  <a href="https://github.com/snide/sphinx_rtd_theme">theme</a>
-used in the <a href="http://docs.readthedocs.org/en/latest/">Read The Docs</a> site.  It gives a beautiful and professional style to
-all your Org docs.
-</p>
-
-<p>
-<b>Thanks to its creator(s)!</b>
-</p>
-
-
-<div class="figure">
-<p><img src="readtheorg.png" alt="readtheorg.png" width="640" />
-</p>
-</div>
-
-<div class="note">
-<p>
-While the original theme shines on mobile devices as well, ReadTheOrg does not
-stay completely functional.
-</p>
-
-<p>
-I don&rsquo;t have a lot of time to maintain this project due to other
-responsibilities.  Help is welcome to work on that (and eventually improve the
-default structure of the HTML export)!
-</p>
-
-</div>
-</div>
-</div>
-</div>
-
-<div id="outline-container-orga3913d2" class="outline-2">
-<h2 id="orga3913d2"><span class="section-number-2">4</span> Demo</h2>
-<div class="outline-text-2" id="text-4">
-<p>
-I&rsquo;ve written a demo page for the themes that provides a maximal working support
-of Org mode syntax.
-</p>
-
-<p>
-Please see the <a href="https://github.com/fniessen/refcard-org-mode">Org mode refcard</a> page for full examples of headings, code,
-admonitions, footnotes, tables and other details.
-</p>
-</div>
-</div>
-
-<div id="outline-container-orgd61d09f" class="outline-2">
-<h2 id="orgd61d09f"><span class="section-number-2">5</span> Using a theme</h2>
-<div class="outline-text-2" id="text-5">
-<p>
-Using a theme from the <a href="#orgae167c9">theme gallery</a> for your own Org documents is very easy:
-</p>
-
-<ol class="org-ol">
-<li><p>
-You <b>add a</b> <code>#+SETUPFILE:</code> <b>directive</b> in the preamble of your document (to include
-the necessary CSS and JavaScript files).
-</p>
-
-<p>
-You can either use an URL of the following type for the &ldquo;setup file&rdquo; of your
-chosen theme:
-</p>
-
-<div class="org-src-container">
-<pre class="src src-org"><span class="org-org-meta-line">   #+SETUPFILE: <a href="https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup">https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup</a></span>
-</pre>
-</div>
-
-<p>
-(where <code>THEME-NAME</code> is <code>theme-bigblow</code> or <code>theme-readtheorg</code>)
-</p>
-
-<p>
-or, if you <b>cloned or downloaded</b> the Org-HTML themes project &#x2013; to get no
-dependency on an Internet connection &#x2013;, use a (relative or absolute) path to
-the local &ldquo;setup file&rdquo;:
-</p>
-
-<div class="org-src-container">
-<pre class="src src-org"><span class="org-org-meta-line">   #+SETUPFILE: path/to/Git/repo/setup/THEME-NAME-local.setup</span>
-</pre>
-</div></li>
-
-<li>Then, you <b>export</b> your Org mode file <b>to HTML</b> with <code>org-html-export-to-html</code> or
-with <code>C-c C-e h h</code>.</li>
-</ol>
-</div>
-</div>
-
-<div id="outline-container-orgb192d6e" class="outline-2">
-<h2 id="orgb192d6e"><span class="section-number-2">6</span> Customizing a theme</h2>
-<div class="outline-text-2" id="text-6">
-<p>
-You love those themes, but you still would like to override particular HTML
-tags?  Some examples do follow&#x2026;
-</p>
-
-<p>
-Before doing that, though, if you think it really is an improvement that could
-server other persons as well, including me, you&rsquo;re invited to submit your
-change&#x2026;
-</p>
-</div>
-
-<div id="outline-container-org35d80ae" class="outline-3">
-<h3 id="org35d80ae"><span class="section-number-3">6.1</span> Change the background code blocks</h3>
-<div class="outline-text-3" id="text-6-1">
-<p>
-Here&rsquo;s an example to insert into your Org documents:
-</p>
-
-<div class="org-src-container">
-<pre class="src src-org"><span class="org-comment"># Change the background of source block.</span>
-<span class="org-org-meta-line">#+HTML_HEAD: &lt;style&gt;pre.src{background:#343131;color:white;} &lt;/style&gt;</span>
-</pre>
-</div>
-</div>
-</div>
-
-<div id="outline-container-org0bd0ac5" class="outline-3">
-<h3 id="org0bd0ac5"><span class="section-number-3">6.2</span> Unset body width limit of ReadTheOrg</h3>
-<div class="outline-text-3" id="text-6-2">
-<p>
-Solution provided by Malcolm Cook:
-</p>
-
-<div class="org-src-container">
-<pre class="src src-org"><span class="org-org-meta-line">#+HTML_HEAD: &lt;style&gt; #content{max-width:1800px;}&lt;/style&gt;</span>
-<span class="org-org-meta-line">#+HTML_HEAD: &lt;style&gt; p{max-width:800px;}&lt;/style&gt;</span>
-<span class="org-org-meta-line">#+HTML_HEAD: &lt;style&gt; li{max-width:800px;}&lt;/style</span>
-</pre>
-</div>
-</div>
-</div>
-</div>
-
-<div id="outline-container-orgacc9d25" class="outline-2">
-<h2 id="orgacc9d25"><span class="section-number-2">7</span> Contributing</h2>
-<div class="outline-text-2" id="text-7">
-</div>
-<div id="outline-container-orgb490ff4" class="outline-3">
-<h3 id="orgb490ff4"><span class="section-number-3">7.1</span> Issues</h3>
-<div class="outline-text-3" id="text-7-1">
-<p>
-Report issues and suggest features and improvements on the <a href="https://github.com/fniessen/org-html-themes/issues/new">GitHub issue tracker</a>.
-</p>
-</div>
-</div>
-
-<div id="outline-container-org17bc328" class="outline-3">
-<h3 id="org17bc328"><span class="section-number-3">7.2</span> Patches</h3>
-<div class="outline-text-3" id="text-7-2">
-<p>
-I love contributions!  Patches under any form are always welcome!
-</p>
-</div>
-</div>
-
-<div id="outline-container-orgf878e25" class="outline-3">
-<h3 id="orgf878e25"><span class="section-number-3">7.3</span> Donations</h3>
-<div class="outline-text-3" id="text-7-3">
-<p>
-If you use the org-html-themes project (or any of <a href="https://github.com/fniessen/">my other projects</a>) and feel it
-is making your life better and easier, you can show your appreciation and help
-support future development by making today a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=VCVAS6KPDQ4JC&amp;lc=BE&amp;item_number=org-html-themes&amp;currency_code=EUR&amp;bn=PP-DonationsBF:btn_donate_LG.gif:NonHosted">donation</a> through PayPal.  Thank
-you!
-</p>
-
-<p>
-Regardless of the donations, org-html-themes will always be free both as in
-beer and as in speech.
-</p>
-</div>
-</div>
-
-<div id="outline-container-orge6f7572" class="outline-3">
-<h3 id="orge6f7572"><span class="section-number-3">7.4</span> Follow me</h3>
-<div class="outline-text-3" id="text-7-4">
-<p>
-I have an <a href="https://twitter.com/f_niessen">f_niessen</a> account on Twitter.  You should follow it.
-</p>
-</div>
-</div>
-</div>
-
-<div id="outline-container-orgbf93457" class="outline-2">
-<h2 id="orgbf93457"><span class="section-number-2">8</span> License</h2>
-<div class="outline-text-2" id="text-8">
-<p>
-Copyright (C) 2011-2018 Fabrice Niessen.
-</p>
-
-<p>
-Author: Fabrice Niessen <br />
-Keywords: org-mode html themes
-</p>
-
-<p>
-This program is free software; you can redistribute it and/or modify it under
-the terms of the GNU General Public License as published by the Free Software
-Foundation, either version 3 of the License, or (at your option) any later
-version.
-</p>
-
-<p>
-This program is distributed in the hope that it will be useful, but WITHOUT ANY
-WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
-A PARTICULAR PURPOSE. See the GNU General Public License for more details.
-</p>
-
-<p>
-You should have received a copy of the GNU General Public License along with
-this program. If not, see <a href="http://www.gnu.org/licenses/">http://www.gnu.org/licenses/</a>.
-</p>
-
-<a href="http://opensource.org/licenses/GPL-3.0">
-<img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
-</a>
-<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted">
-<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
-</a>
-</div>
-</div>
-</div>
-<div id="postamble" class="status">
-<p class="author">Author: Fabrice Niessen</p>
-<p class="validation"><a href="http://validator.w3.org/check?uri=referer">Validate</a></p>
-</div>
-</body>
-</html>
--- a/README.org
+++ b/README.org
@ -1,4 +1,4 @@
-#+TITLE:     How to export Org mode files into awesome HTML in 2 minutes
+#+TITLE:     How to effortlessly transform your Org mode files into stunning HTML in just 2 minutes
 #+AUTHOR:    Fabrice Niessen
 #+EMAIL:     (concat "fniessen" at-sign "pirilampo.org")
 #+DESCRIPTION: Org-HTML export made simple.
@ -7,7 +7,7 @@
 #+OPTIONS:   H:4 toc:t num:2

 #+PROPERTY:  header-args :padline no
-#+SETUPFILE: setup/theme-readtheorg.setup
+#+SETUPFILE: ~/org/theme-readtheorg.setup

 #+html: <a href="http://opensource.org/licenses/GPL-3.0">
 #+html:   <img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
@ -16,6 +16,43 @@
 #+html:   <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
 #+html: </a>

+* ADVERT: Elevate your Emacs skills in Paris, Rotterdam, Leuven or Valencia!
+
+*Unlock the power of Emacs in Valencia!  Join my next exclusive "Emacs Boost"
+course on April 11th to 12th, 2024!*
+
+#+attr_html: :style height: 90px !important;
+[[file:images/Logo-HD-transparent-25pc.png]]
+
+Ready to /supercharge your productivity/ and become an Emacs ninja?  Look no
+further!
+
+*What you'll learn:*
+- Master Emacs from the basics to advanced tricks.
+- /Boost your editing efficiency/ and streamline your workflow.
+- Customize Emacs to fit your unique needs.
+- And much more!
+
+*Upcoming course details:*
+- *Date:* April 11th to 12th (Thu + Fri)
+- *Location:* Valencia, Spain
+- *Audience:* Open to anyone interested in Emacs, from beginners to advanced
+  users.
+
+*Why choose my course?*
+- Expert instructor with 24 years of Emacs experience.
+- /Hands-on exercises/ to reinforce your learning.
+- /Networking opportunities/ with like-minded Emacs enthusiasts.
+- Personalized attention.
+
+Don't miss this opportunity to take your Emacs skills to the next level! \\
+Seats are limited, so /reserve yours today/.
+
+Visit https://emacsboost.com/en/ for more information, other dates and other
+locations, and to /reserve your seat/.
+
+/See you in Valencia!/  [[https://emacsboost.com/en/][#EmacsBoostValencia]]
+
 * Overview

 ** Description
@ -23,7 +60,7 @@
 Though you can easily override CSS stylesheets and add your own HTML themes, we
 can say (or write) that Org mode provides a /basic/ HTML support.

-*Org-HMTL themes* is an open source framework for providing you with a list of
+*Org-HTML themes* is an open source framework for providing you with a list of
 very nice (cross-browser) themes for all your Org documents.  Use them to *style
 your docs*, and your colleagues will come up to tell you that you are a genius!

@ -40,20 +77,53 @@ Org mode version 8 (or later) is required.

 If such a version is not bundled with your Emacs, install one from ELPA.

-* Quotations
+* Gallery
+:PROPERTIES:
+:ID:       79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
+:END:

-** About Bigblow
+This is a list of available *HTML themes for Org mode*, which you can use right
+now!
+
+** Bigblow
+
+Bigblow is perfect for your work: it is a clean design aimed at optimal *Org
+mode experience in your browser*.  It looks just awesome!
+
+#+ATTR_HTML: :width 640
+[[https://www.youtube.com/watch?v=DnSGSiXYuOk][file:docs/bigblow.png]]
+
+Click on the image for a quick [[https://www.youtube.com/watch?v=DnSGSiXYuOk][demo of Bigblow]] (2:49 min, no audio).
+
+Keyboard shortcuts to save time and boost your productivity:
+
+| Shortcut | What it does                      |
+|----------+-----------------------------------|
+| =?= or =h=   | Access the *dashboard*              |
+| =n=        | Move to the *next* main heading     |
+| =p=        | Move to the *previous* main heading |
+| =b=        | Scroll up                         |
+| =<=        | Scroll to top                     |
+| =>=        | Scroll to bottom                  |
+| =-=        | Collapse all                      |
+| =+=        | Expand all                        |
+| =r=        | Go to next task in list           |
+| =R=        | Go to previous task in list       |
+| =q=        | Stop reviewing the list of tasks  |
+| =g=        | Reload the page                   |
+
+*** Quotations about Bigblow

 "Very very nice, I enjoy it a lot." \\
 -- /Ista Zahn/

-"This is awesome. I love it!" \\
+"This is awesome.  I love it!" \\
 -- /Rainer M Krug/

 "This is awesome!!" \\
 -- /Mehul Sanghvi/

-"This very nice html theme. [...] I cannot use another emacs-theme than your
+"This very nice html theme. [...]  I cannot use another emacs-theme than your
 [[https://github.com/fniessen/emacs-leuven-theme][emacs-leuven-theme]], and it is going to be probably the same with your html
 theme!" \\
 -- /Joseph Vidal-Rosset/
@ -69,10 +139,30 @@ and published them within my company's intranet.  Thanks for sharing this
 wonderful package!" \\
 -- /Richard K./

-** About ReadTheOrg
+** ReadTheOrg

-"OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
-wateringly beautiful. Thank you!" \\
+ReadTheOrg is a clone of the official -- and great! -- [[https://github.com/snide/sphinx_rtd_theme][Sphinx theme]] used in the
+[[http://docs.readthedocs.org/en/latest/][Read The Docs]] site.  It gives a beautiful and professional style to all your Org
+docs.
+
+*Thanks to its creator(s)!*
+
+#+ATTR_HTML: :width 640
+[[file:docs/readtheorg.png]]
+
+#+begin_note
+While the original theme shines on mobile devices as well, ReadTheOrg does not
+stay completely functional.
+
+I don't have a lot of time to maintain this project due to other
+responsibilities.  Help is welcome to work on that (and eventually improve the
+default structure of the HTML export)!
+#+end_note
+
+*** Quotations about ReadTheOrg
+
+"OMG.  The ReadTheOrg theme for exported HTML from org mode files is eye
+wateringly beautiful.  Thank you!" \\
 -- /Rob Stewart/

 "It is fantastic, so beautiful.  I will switch several of my pages over to
@ -94,64 +184,13 @@ available." \\
 "Extremely useful." \\
 -- /Thomas S. Dye/

-* Gallery
-  :PROPERTIES:
-  :ID:       79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
-  :END:
-
-This is a list of available *HTML themes for Org mode*, which you can use right
-now!  Well, I hope to have more than one in a couple of weeks...
-
-** Bigblow
-
-Bigblow is perfect for your work: it is a clean design aimed at optimal *Org
-mode experience in your browser*. It looks just awesome!
-
-#+ATTR_HTML: :width 640
-[[https://www.youtube.com/watch?v=DnSGSiXYuOk][file:bigblow.png]]
-
-Click on the image for a quick demo of Bigblow (2:49 min, no audio).
-
-Keyboard shortcuts to save time and boost your productivity:
-
-| Shortcut | What it does                      |
-|----------+-----------------------------------|
-| =?= or =h=   | Access the *dashboard*              |
-| =n=        | Move to the *next* main heading     |
-| =p=        | Move to the *previous* main heading |
-| =b=        | Scroll up                         |
-| =<=        | Scroll to top                     |
-| =>=        | Scroll to bottom                  |
-| =-=        | Collapse all                      |
-| =+=        | Expand all                        |
-| =r=        | Go to next task in list           |
-| =R=        | Go to previous task in list       |
-| =q=        | Stop reviewing the list of tasks  |
-| =g=        | Reload the page                   |
-
-** ReadTheOrg
-
-ReadTheOrg is a clone of the official -- and great! --  [[https://github.com/snide/sphinx_rtd_theme][theme]]
-used in the [[http://docs.readthedocs.org/en/latest/][Read The Docs]] site.  It gives a beautiful and professional style to
-all your Org docs.
-
-*Thanks to its creator(s)!*
-
-#+ATTR_HTML: :width 640
-[[file:readtheorg.png]]
-
-#+begin_note
-While the original theme shines on mobile devices as well, ReadTheOrg does not
-stay completely functional.
-
-I don't have a lot of time to maintain this project due to other
-responsibilities.  Help is welcome to work on that (and eventually improve the
-default structure of the HTML export)!
-#+end_note
+"This is amazing, I've been looking for something like this for a LONG time!
+I will share." \\
+-- /Edward H./

 * Demo

-I've written a demo page for the themes that provides a maximal working support
+I've written a [[file:tests/org-mode-syntax-example.org][demo page]] for the themes that provides a maximal working support
 of Org mode syntax.

 Please see the [[https://github.com/fniessen/refcard-org-mode][Org mode refcard]] page for full examples of headings, code,
@ -168,17 +207,18 @@ Using a theme from the [[id:79e0ed21-c3b0-4f00-bdab-29fbff9dcad4][theme gallery]
   chosen theme:

   #+begin_src org :exports code
-   ,#+SETUPFILE: https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup
+   ,#+SETUPFILE: https://fniessen.github.io/org-html-themes/org/theme-NAME.setup
   #+end_src

-   (where ~THEME-NAME~ is ~theme-bigblow~ or ~theme-readtheorg~)
+   (where ~NAME~ is either ~bigblow~ or ~readtheorg~)

   or, if you *cloned or downloaded* the Org-HTML themes project -- to get no
   dependency on an Internet connection --, use a (relative or absolute) path to
-   the local "setup file":
+   the /local/ "setup file" and copy the =src= folder from the cloned folder
+   into the same folder as the file you want to export:

   #+begin_src org :exports code
-   ,#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME-local.setup
+   ,#+SETUPFILE: PATH/TO/GIT/REPO/org/theme-NAME-local.setup
   #+end_src

 2. Then, you *export* your Org mode file *to HTML* with =org-html-export-to-html= or
@ -190,7 +230,7 @@ You love those themes, but you still would like to override particular HTML
 tags?  Some examples do follow...

 Before doing that, though, if you think it really is an improvement that could
-server other persons as well, including me, you're invited to submit your
+serve other persons as well, including me, you're invited to submit your
 change...

 ** Change the background code blocks
@ -212,33 +252,31 @@ Solution provided by Malcolm Cook:
 ,#+HTML_HEAD: <style> li{max-width:800px;}</style
 #+end_src

-* Contributing
+* Contribute to the project!

-** Issues
+** Report issues and enhancements

-Report issues and suggest features and improvements on the [[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].
+Found a bug or have an idea for a new feature?  Share your thoughts on the
+[[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].

-** Patches
+** Submit patches

-I love contributions!  Patches under any form are always welcome!
+I welcome contributions in any form!  Feel free to submit patches to enhance the
+project.

-** Donations
+** Support development with a donation!

-If you use the org-html-themes project (or any of [[https://github.com/fniessen/][my other projects]]) and feel it
-is making your life better and easier, you can show your appreciation and help
-support future development by making today a [[https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted][donation]] through PayPal.  Thank
-you!
+If you find the "org-html-themes" project (or any of [[https://github.com/fniessen/][my other projects]])
+enhancing your Emacs experience and simplifying your workflow, seize the
+opportunity to express your appreciation!  Help fuel future development by
+making a [[https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted][donation]] through PayPal. Your support is invaluable -- thank you!

-Regardless of the donations, org-html-themes will always be free both as in
-beer and as in speech.
-
-** Follow me
-
-I have an [[https://twitter.com/f_niessen][f_niessen]] account on Twitter.  You should follow it.
+Remember, regardless of donations, "org-html-themes" will always remain freely
+accessible, both as in Belgian beer and as in speech.

 * License

-Copyright (C) 2011-2018 Fabrice Niessen.
+Copyright (C) 2011-2024 Fabrice Niessen

 Author: Fabrice Niessen \\
 Keywords: org-mode html themes
@ -250,10 +288,10 @@ version.

 This program is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
-A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
-this program. If not, see http://www.gnu.org/licenses/.
+this program.  If not, see http://www.gnu.org/licenses/.

 #+html: <a href="http://opensource.org/licenses/GPL-3.0">
 #+html:   <img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
--- a/_config.yml
+++ b/_config.yml
@ -0,0 +1 @@
+theme: jekyll-theme-minimal
--- a/bigblow.png
+++ b/bigblow.png
--- a/demo/example.html
+++ b/demo/example.html
@ -1,235 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-<head>
-<meta name="generator" content="HTML Tidy for Cygwin (vers 1st September 2004), see www.w3.org" />
-<title>Example of Tasks</title>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="generator" content="Org-mode" />
-<meta name="author" content="Fabrice Niessen" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css" />
-<link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css" />
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript">
-</script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript">
-</script>
-<script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js">
-</script>
-</head>
-<body>
-<div id="content">
-<h1 class="title">Example of Tasks</h1>
-<div id="table-of-contents">
-<h2>Table of Contents</h2>
-<div id="text-table-of-contents">
-<ul>
-<li><a href="#orgheadline1">Work   <span class="tag"><span class="work">work</span></span></a>
-<ul>
-<li><a href="#orgheadline2">Marketing</a></li>
-<li><a href="#orgheadline18">Operations</a></li>
-<li><a href="#orgheadline24">Travel</a></li>
-</ul>
-</li>
-<li><a href="#orgheadline25">Personal   <span class="tag"><span class="home">home</span></span></a>
-<ul>
-<li><a href="#orgheadline27">Reading</a></li>
-<li><a href="#orgheadline31">Health</a></li>
-<li><a href="#orgheadline35">Finance</a></li>
-<li><a href="#orgheadline45">Chores</a></li>
-<li><a href="#orgheadline47">Recreation</a></li>
-</ul>
-</li>
-</ul>
-</div>
-</div>
-<div class="right"><a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github">Edit on GitHub</a></div>
-<hr />
-<div id="outline-container-orgheadline1" class="outline-2">
-<h2 id="orgheadline1">Work   <span class="tag"><span class="work">work</span></span></h2>
-<div class="outline-text-2" id="text-orgheadline1">
-<p>Only work tasks in this list.</p>
-</div>
-<div id="outline-container-orgheadline2" class="outline-3">
-<h3 id="orgheadline2">Marketing</h3>
-<div class="outline-text-3" id="text-orgheadline2">
-<p>Project "Corporate Marketing".</p>
-</div>
-<div id="outline-container-orgheadline7" class="outline-4">
-<h4 id="orgheadline7">Background and research</h4>
-<div class="outline-text-4" id="text-orgheadline7"></div>
-<div id="outline-container-orgheadline3" class="outline-5">
-<h5 id="orgheadline3"><span class="todo TODO">TODO</span> Who are the competitors?</h5>
-</div>
-<div id="outline-container-orgheadline4" class="outline-5">
-<h5 id="orgheadline4"><span class="todo TODO">TODO</span> What are our product's advantages?</h5>
-</div>
-<div id="outline-container-orgheadline5" class="outline-5">
-<h5 id="orgheadline5"><span class="todo TODO">TODO</span> Target market</h5>
-</div>
-<div id="outline-container-orgheadline6" class="outline-5">
-<h5 id="orgheadline6"><span class="todo TODO">TODO</span> Elevator pitch</h5>
-</div>
-</div>
-<div id="outline-container-orgheadline10" class="outline-4">
-<h4 id="orgheadline10">PR firm</h4>
-<div class="outline-text-4" id="text-orgheadline10"></div>
-<div id="outline-container-orgheadline8" class="outline-5">
-<h5 id="orgheadline8"><span class="todo TODO">TODO</span> Call Laura about PR firm   <span class="tag"><span class="phone">phone</span></span></h5>
-</div>
-<div id="outline-container-orgheadline9" class="outline-5">
-<h5 id="orgheadline9"><span class="todo TODO">TODO</span> Interview PR firm candidates</h5>
-<div class="outline-text-5" id="text-orgheadline9"></div>
-</div>
-</div>
-<div id="outline-container-orgheadline12" class="outline-4">
-<h4 id="orgheadline12">Advertising campaign</h4>
-<div class="outline-text-4" id="text-orgheadline12"></div>
-<div id="outline-container-orgheadline11" class="outline-5">
-<h5 id="orgheadline11"><span class="todo TODO">TODO</span> Call Joe</h5>
-<div class="outline-text-5" id="text-orgheadline11"></div>
-</div>
-</div>
-<div id="outline-container-orgheadline13" class="outline-4">
-<h4 id="orgheadline13">Plan conference</h4>
-<div class="outline-text-4" id="text-orgheadline13">
-<p>Calendar events/invitations.</p>
-</div>
-<div id="outline-container-orgheadline14" class="outline-5">
-<h5 id="orgheadline14"><span class="todo TODO">TODO</span> Recruit volunteers</h5>
-<div class="outline-text-5" id="text-orgheadline14"></div>
-</div>
-<div id="outline-container-orgheadline15" class="outline-5">
-<h5 id="orgheadline15"><span class="todo TODO">TODO</span> Make sure responses are coming back</h5>
-</div>
-</div>
-</div>
-<div id="outline-container-orgheadline18" class="outline-3">
-<h3 id="orgheadline18">Operations</h3>
-<div class="outline-text-3" id="text-orgheadline18"></div>
-<div id="outline-container-orgheadline16" class="outline-4">
-<h4 id="orgheadline16"><span class="todo TODO">TODO</span> Update database to latest version</h4>
-<div class="outline-text-4" id="text-orgheadline16"></div>
-</div>
-<div id="outline-container-orgheadline17" class="outline-4">
-<h4 id="orgheadline17"><span class="todo TODO">TODO</span> Update Website</h4>
-<div class="outline-text-4" id="text-orgheadline17">
-<p>Update blog.</p>
-</div>
-</div>
-</div>
-<div id="outline-container-orgheadline24" class="outline-3">
-<h3 id="orgheadline24">Travel</h3>
-<div class="outline-text-3" id="text-orgheadline24"></div>
-<div id="outline-container-orgheadline23" class="outline-4">
-<h4 id="orgheadline23">Boston</h4>
-<div class="outline-text-4" id="text-orgheadline23"></div>
-<div id="outline-container-orgheadline19" class="outline-5">
-<h5 id="orgheadline19"><span class="todo TODO">TODO</span> Find a flight</h5>
-</div>
-<div id="outline-container-orgheadline20" class="outline-5">
-<h5 id="orgheadline20"><span class="todo TODO">TODO</span> Book hotel room</h5>
-</div>
-<div id="outline-container-orgheadline21" class="outline-5">
-<h5 id="orgheadline21"><span class="todo TODO">TODO</span> Schedule meetings</h5>
-</div>
-<div id="outline-container-orgheadline22" class="outline-5">
-<h5 id="orgheadline22"><span class="todo TODO">TODO</span> Submit expense report</h5>
-<div class="outline-text-5" id="text-orgheadline22">
-<hr /></div>
-</div>
-</div>
-</div>
-</div>
-<div id="outline-container-orgheadline25" class="outline-2">
-<h2 id="orgheadline25">Personal   <span class="tag"><span class="home">home</span></span></h2>
-<div class="outline-text-2" id="text-orgheadline25"></div>
-<div id="outline-container-orgheadline27" class="outline-3">
-<h3 id="orgheadline27">Reading</h3>
-<div class="outline-text-3" id="text-orgheadline27"></div>
-<div id="outline-container-orgheadline26" class="outline-4">
-<h4 id="orgheadline26"><span class="done DONE">DONE</span> Read "Getting Things Done"</h4>
-<div class="outline-text-4" id="text-orgheadline26"></div>
-</div>
-</div>
-<div id="outline-container-orgheadline31" class="outline-3">
-<h3 id="orgheadline31">Health</h3>
-<div class="outline-text-3" id="text-orgheadline31"></div>
-<div id="outline-container-orgheadline28" class="outline-4">
-<h4 id="orgheadline28"><span class="todo TODO">TODO</span> Make dentist appointment</h4>
-<div class="outline-text-4" id="text-orgheadline28"></div>
-</div>
-<div id="outline-container-orgheadline29" class="outline-4">
-<h4 id="orgheadline29"><span class="todo TODO">TODO</span> Go to the gym</h4>
-<div class="outline-text-4" id="text-orgheadline29">
-<p>It should be as natural to some as showering or eating.</p>
-</div>
-</div>
-<div id="outline-container-orgheadline30" class="outline-4">
-<h4 id="orgheadline30"><span class="todo TODO">TODO</span> Do jogging</h4>
-<div class="outline-text-4" id="text-orgheadline30">
-<p>Marathon = 42.195 kilometres.</p>
-</div>
-</div>
-</div>
-<div id="outline-container-orgheadline35" class="outline-3">
-<h3 id="orgheadline35">Finance</h3>
-<div class="outline-text-3" id="text-orgheadline35"></div>
-<div id="outline-container-orgheadline32" class="outline-4">
-<h4 id="orgheadline32"><span class="todo TODO">TODO</span> Pay electricity bill   <span class="tag"><span class="FLAGGED">FLAGGED</span></span></h4>
-</div>
-<div id="outline-container-orgheadline33" class="outline-4">
-<h4 id="orgheadline33"><span class="todo TODO">TODO</span> Renew newspaper subscription</h4>
-</div>
-<div id="outline-container-orgheadline34" class="outline-4">
-<h4 id="orgheadline34"><span class="todo TODO">TODO</span> Cancel insurance</h4>
-</div>
-</div>
-<div id="outline-container-orgheadline45" class="outline-3">
-<h3 id="orgheadline45">Chores</h3>
-<div class="outline-text-3" id="text-orgheadline45"></div>
-<div id="outline-container-orgheadline36" class="outline-4">
-<h4 id="orgheadline36"><span class="todo TODO">TODO</span> Buy milk</h4>
-</div>
-<div id="outline-container-orgheadline37" class="outline-4">
-<h4 id="orgheadline37"><span class="todo TODO">TODO</span> Buy dog food</h4>
-</div>
-<div id="outline-container-orgheadline38" class="outline-4">
-<h4 id="orgheadline38"><span class="todo WAIT">WAIT</span> Mail package to Susan</h4>
-</div>
-<div id="outline-container-orgheadline39" class="outline-4">
-<h4 id="orgheadline39"><span class="todo TODO">TODO</span> Buy groceries</h4>
-</div>
-<div id="outline-container-orgheadline40" class="outline-4">
-<h4 id="orgheadline40"><span class="todo TODO">TODO</span> Mow the lawn</h4>
-</div>
-<div id="outline-container-orgheadline41" class="outline-4">
-<h4 id="orgheadline41"><span class="todo TODO">TODO</span> Get a haircut</h4>
-</div>
-<div id="outline-container-orgheadline42" class="outline-4">
-<h4 id="orgheadline42"><span class="todo TODO">TODO</span> Buy anniversary present</h4>
-</div>
-<div id="outline-container-orgheadline43" class="outline-4">
-<h4 id="orgheadline43"><span class="todo TODO">TODO</span> Take out trash</h4>
-</div>
-<div id="outline-container-orgheadline44" class="outline-4">
-<h4 id="orgheadline44"><span class="todo TODO">TODO</span> Get the car fixed</h4>
-</div>
-</div>
-<div id="outline-container-orgheadline47" class="outline-3">
-<h3 id="orgheadline47">Recreation</h3>
-<div class="outline-text-3" id="text-orgheadline47"></div>
-<div id="outline-container-orgheadline46" class="outline-4">
-<h4 id="orgheadline46"><span class="todo TODO">TODO</span> Go to concert</h4>
-</div>
-</div>
-</div>
-</div>
-<div id="postamble" class="status">
-<p class="date">Date: 2015-04-28</p>
-<p class="author">Author: Fabrice Niessen</p>
-<p class="validation"><a href="http://validator.w3.org/check?uri=referer">Validate</a></p>
-</div>
-</body>
-</html>
--- a/demo/images/Rplot.png
+++ b/demo/images/Rplot.png
--- a/demo/images/digraph.png
+++ b/demo/images/digraph.png
--- a/demo/images/graph.png
+++ b/demo/images/graph.png
--- a/demo/images/org-mode-unicorn.png
+++ b/demo/images/org-mode-unicorn.png
--- a/docs/bigblow.png
+++ b/docs/bigblow.png
--- a/docs/readtheorg.png
+++ b/docs/readtheorg.png
--- a/org/theme-bigblow-local.setup
+++ b/org/theme-bigblow-local.setup
@ -0,0 +1,15 @@
+# -*- mode: org; -*-
+
+#+OPTIONS: html-style:nil
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/bigblow_theme/css/htmlize.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/bigblow_theme/css/bigblow.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/bigblow_theme/css/hideshow.css"/>
+
+#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery-1.11.0.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery-ui-1.10.2.min.js"></script>
+
+#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery.localscroll-min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery.scrollTo-1.4.3.1-min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/bigblow.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/hideshow.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/jquery.stickytableheaders.min.js"></script>
--- a/org/theme-bigblow.setup
+++ b/org/theme-bigblow.setup
@ -0,0 +1,16 @@
+# -*- mode: org; -*-
+
+#+OPTIONS: html-style:nil
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/bigblow_theme/css/htmlize.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/bigblow_theme/css/bigblow.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/bigblow_theme/css/hideshow.css"/>
+
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery-1.11.0.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery-ui-1.10.2.min.js"></script>
+
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery.localscroll-min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery.scrollTo-1.4.3.1-min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery.zclip.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/bigblow.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/hideshow.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/lib/js/jquery.stickytableheaders.min.js"></script>
--- a/org/theme-readtheorg-local.setup
+++ b/org/theme-readtheorg-local.setup
@ -0,0 +1,10 @@
+# -*- mode: org; -*-
+
+#+OPTIONS: html-style:nil
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/readtheorg_theme/css/htmlize.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/readtheorg_theme/css/readtheorg.css"/>
+
+#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/jquery.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/bootstrap.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/jquery.stickytableheaders.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="src/readtheorg_theme/js/readtheorg.js"></script>
--- a/setup/theme-readtheorg.setup
+++ b/setup/theme-readtheorg.setup
@ -1,9 +1,10 @@
 # -*- mode: org; -*-

-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/htmlize.css"/>
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/readtheorg.css"/>
+#+OPTIONS: html-style:nil
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/css/htmlize.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/css/readtheorg.css"/>

 #+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 #+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/readtheorg/js/readtheorg.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/lib/js/jquery.stickytableheaders.min.js"></script>
+#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/js/readtheorg.js"></script>
--- a/setup/theme-bigblow-local.setup
+++ b/setup/theme-bigblow-local.setup
@ -1,15 +0,0 @@
-# -*- mode: org; -*-
-
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/htmlize.css"/>
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/bigblow.css"/>
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/hideshow.css"/>
-
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery-1.11.0.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery-ui-1.10.2.min.js"></script>
-
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.localscroll-min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.zclip.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/bigblow.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/hideshow.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/lib/js/jquery.stickytableheaders.min.js"></script>
--- a/setup/theme-bigblow.setup
+++ b/setup/theme-bigblow.setup
@ -1,15 +0,0 @@
-# -*- mode: org; -*-
-
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/bigblow/css/htmlize.css"/>
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/bigblow/css/bigblow.css"/>
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/bigblow/css/hideshow.css"/>
-
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery-1.11.0.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery-ui-1.10.2.min.js"></script>
-
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery.localscroll-min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery.zclip.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/bigblow.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/hideshow.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js"></script>
--- a/setup/theme-readtheorg-local.setup
+++ b/setup/theme-readtheorg-local.setup
@ -1,9 +0,0 @@
-# -*- mode: org; -*-
-
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/readtheorg/css/htmlize.css"/>
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/readtheorg/css/readtheorg.css"/>
-
-#+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/lib/js/jquery.stickytableheaders.min.js"></script>
-#+HTML_HEAD: <script type="text/javascript" src="styles/readtheorg/js/readtheorg.js"></script>
--- a/src/bigblow_theme/css/bigblow.css
+++ b/src/bigblow_theme/css/bigblow.css
@ -620,6 +620,7 @@ span.todo .selected {
    padding: 4px;
    position: fixed;
    width: auto;
+    white-space: pre;
 }

 #minitoc a {
--- a/src/bigblow_theme/css/hideshow.css
+++ b/src/bigblow_theme/css/hideshow.css
--- a/src/bigblow_theme/css/htmlize.css
+++ b/src/bigblow_theme/css/htmlize.css
--- a/src/bigblow_theme/images/checked.png
+++ b/src/bigblow_theme/images/checked.png
--- a/src/bigblow_theme/images/fixme.png
+++ b/src/bigblow_theme/images/fixme.png
--- a/src/bigblow_theme/images/halfchecked.png
+++ b/src/bigblow_theme/images/halfchecked.png
--- a/src/bigblow_theme/images/info.png
+++ b/src/bigblow_theme/images/info.png
--- a/src/bigblow_theme/images/note.png
+++ b/src/bigblow_theme/images/note.png
--- a/src/bigblow_theme/images/tip.png
+++ b/src/bigblow_theme/images/tip.png
--- a/src/bigblow_theme/images/unchecked.png
+++ b/src/bigblow_theme/images/unchecked.png
--- a/src/bigblow_theme/images/warning.png
+++ b/src/bigblow_theme/images/warning.png
--- a/src/bigblow_theme/js/ZeroClipboard.swf
+++ b/src/bigblow_theme/js/ZeroClipboard.swf
--- a/src/bigblow_theme/js/bigblow.js
+++ b/src/bigblow_theme/js/bigblow.js
@ -45,13 +45,27 @@ $(function() {

 // generate contents of minitoc
 function generateMiniToc(divId) {
-    $('#minitoc').empty().append('<h2>In this section</h2>');
-    $('#' + divId).find('h3').each(function(i) {
-        let pos = $(this).text().search(" ");
-        let text = $(this).text().substring(0, pos);
-        $("#minitoc").append("<a href='#" + $(this).attr("id") + "'>"
-                             + text + "</a>");
-    });
+    let headers = null;
+    if(divId) {
+        $('#minitoc').empty().append('<h2>In this section</h2>');
+        headers = $('#' + divId).find('h3');
+    }
+    else {
+        $('#minitoc').empty().append('<h2>In this document</h2>');
+        headers = $('div#content').find(':header');
+    }
+    headers.each(function(i) {
+            let text = $(this)
+                .clone()    //clone the element
+                .children() //select all the children
+                .remove()   //remove all the children
+                .end()  //again go back to selected element
+                .text().trim();
+            var level = parseInt(this.nodeName.substring(1), 10);
+            let prefix = "".padStart(level-1, "  ");
+            $("#minitoc").append("<a href='#" + $(this).attr("id") + "'>"
+                                 + prefix + text + "</a>");
+        });
    // Ensure that the target is expanded (hideShow)
    $('#minitoc a[href^="#"]').click(function() {
        var href = $(this).attr('href');
@ -189,55 +203,35 @@ $(document).ready(function() {
    $('table').stickyTableHeaders();
 });

-function copyToClipboard(text)
-{
-    if (window.clipboardData && window.clipboardData.setData) { // Internet Explorer
-        window.clipboardData.setData("Text", text);
-    }
-    else { // Fallback solution
-        window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
-    }
-}
-
 $(document).ready(function() {
-    // Assuming that the ZeroClipboard swf file is in the same folder than bigblow,
-    // get the path to it (it will be relative to the current page location).
-    var bbScriptPath = $('script[src$="bigblow.js"]').attr('src');  // the js file path
-    var bbPathToZeroClipboardSwf = bbScriptPath.replace('bigblow.js', 'ZeroClipboard.swf');
-
    // Add copy to clipboard snippets
    $('.org-src-container').prepend('<div class="snippet-copy-to-clipboard"><span class="copy-to-clipboard-button">[copy]</span></div>');

    // Display/hide snippets on source block mouseenter/mouseleave
    $(document).on('mouseenter', '.org-src-container', function () {
        $(this).find('.snippet-copy-to-clipboard').show();
-
-        // Need to call zclip here, once the button is visible.
-        // Beacause when the button is not visible, zclip does nothing.
-        if ((window.location.protocol != 'file:') && ($(this).find('.zclip').length == 0)) {
-            $(this).find('.copy-to-clipboard-button').zclip({
-                //path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
-                //path: 'styles/bigblow/js/ZeroClipboard.swf',
-                path: bbPathToZeroClipboardSwf,
-                copy: function() {
-                    return $(this).parent().parent().find('.src').text();
-                }
-            });
-        }
-    }).on('mouseleave', '.org-src-container', function () {
+    });
+    $(document).on('mouseleave', '.org-src-container', function () {
        $(this).find('.snippet-copy-to-clipboard').hide();
    });

-    // Handle copy to clipboard (here, for a local file only 'file://...'
-    if (window.location.protocol == 'file:') { // if local file use browser-specific code
-        $('.copy-to-clipboard-button').click(function() {
-            // Get the text to be copied
-            var text = $(this).parent().parent().find('.src').text();
-            text = text.replace(/\n/g, "\r\n");
-            // alert(text);
-            copyToClipboard(text);
-        });
-    }
+    $('.copy-to-clipboard-button').click( function() {
+        var element = $(this).parent().parent().find('.src');
+        var val = element.text();
+        val = val.replace(/\n/g, "\r\n");
+        
+        var $copyElement = $("<textarea>");
+        $("body").append($copyElement);
+
+        $copyElement.val(val);
+        
+        $copyElement.trigger('select');
+        document.execCommand('copy');
+        
+        $copyElement.remove();
+
+        $(this).parent().parent().find('.snippet-copy-to-clipboard').hide();
+    });
 });

 $(function() {
--- a/src/bigblow_theme/js/hideshow.js
+++ b/src/bigblow_theme/js/hideshow.js
@ -1,6 +1,6 @@
 // hideshow.js --- HideShow JS file
 //
-// Copyright (C) 2014 All Right Reserved, Fabrice Niessen
+// Copyright (C) 2014-2020 All Right Reserved, Fabrice Niessen
 //
 // This file is free software: you can redistribute it and/or
 // modify it under the terms of the GNU General Public License as
@ -310,7 +310,8 @@ function hsAddReviewingPanels() {
                            + '(out of ' +  nbReviewTotalTasks + ' tasks)<br>'
                            + 'Shortcuts: '
                            + '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
-                            + '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span>'
+                            + '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span><br>'
+                            + '<span class="hsReviewButton" onclick="hsReviewTaskQuit()">q (quit)</span>'
                            + '</div>');
        }
        else {
@ -318,7 +319,8 @@ function hsAddReviewingPanels() {
                            + '(out of ' +  nbReviewTotalTasks + ' tasks)<br>'
                            + 'Shortcuts: '
                            + '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
-                            + '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span>'
+                            + '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span><br>'
+                            + '<span class="hsReviewButton" onclick="hsReviewTaskQuit()">q (quit)</span>'
                            + '</div>');
        }
    });
--- a/src/bigblow_theme/js/jquery-1.11.0.min.js
+++ b/src/bigblow_theme/js/jquery-1.11.0.min.js
--- a/src/bigblow_theme/js/jquery-1.9.1.min.js
+++ b/src/bigblow_theme/js/jquery-1.9.1.min.js
--- a/src/bigblow_theme/js/jquery-ui-1.10.2.min.js
+++ b/src/bigblow_theme/js/jquery-ui-1.10.2.min.js
--- a/src/bigblow_theme/js/jquery.localscroll-min.js
+++ b/src/bigblow_theme/js/jquery.localscroll-min.js
--- a/src/bigblow_theme/js/jquery.scrollTo-1.4.3.1-min.js
+++ b/src/bigblow_theme/js/jquery.scrollTo-1.4.3.1-min.js
--- a/src/bigblow_theme/js/jquery.zclip.min.js
+++ b/src/bigblow_theme/js/jquery.zclip.min.js
--- a/src/lib/js/bootstrap-license.txt
+++ b/src/lib/js/bootstrap-license.txt
@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2011-2015 Twitter, Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/src/lib/js/bootstrap.min.js
+++ b/src/lib/js/bootstrap.min.js
--- a/src/lib/js/jquery-license.txt
+++ b/src/lib/js/jquery-license.txt
@ -0,0 +1,21 @@
+Copyright 2014 jQuery Foundation and other contributors
+http://jquery.com/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/src/lib/js/jquery.min.js
+++ b/src/lib/js/jquery.min.js
--- a/styles/lib/js/jquery.stickytableheaders.min.js
+++ b/styles/lib/js/jquery.stickytableheaders.min.js
--- a/styles/lib/js/stickytableheaders-license.txt
+++ b/styles/lib/js/stickytableheaders-license.txt
@ -1,20 +1,20 @@
-Copyright (c) 2011 Jonas Mosbech
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+Copyright (c) 2011 Jonas Mosbech
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/src/readtheorg_theme/css/htmlize.css
+++ b/src/readtheorg_theme/css/htmlize.css
--- a/src/readtheorg_theme/css/readtheorg.css
+++ b/src/readtheorg_theme/css/readtheorg.css
@ -1,5 +1,5 @@
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
-@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700");
+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

 h1,h2,h3,h4,h5,h6,legend{
    font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
@ -9,6 +9,8 @@ h1,h2,h3,h4,h5,h6,legend{

 h1{
    font-size:175%;
+    text-align: left !important;
+    margin-bottom: 0.83em !important;
 }

 .subtitle{
@ -45,7 +47,6 @@ html{
    -webkit-text-size-adjust:100%;
    font-size:100%;
    height:100%;
-    overflow-x:hidden;
 }

 body{
@ -55,12 +56,10 @@ body{
    font-weight:normal;
    margin:0;
    min-height:100%;
-    overflow-x:hidden;
 }

 #content{
    background:#fcfcfc;
-    height:100%;
    margin-left:300px;
    /* margin:auto; */
    max-width:800px;
@ -340,6 +339,7 @@ pre.src{
    line-height: 1.5;
    margin-bottom:24px;
    padding:12px;
+    overflow: auto;
 }

 table{
@ -428,7 +428,6 @@ table tr:nth-child(2n) td{
    }

    #toggle-sidebar {
-        background-color: #2980B9;
        display: block;
        margin-bottom: 1.6em;
        padding: 0.6em;
@ -577,13 +576,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
 .nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
    display:inline}

-.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo{
-    padding:12px;
-    line-height:24px;
-    margin-bottom:24px;
-    /* background:#e7f2fa; */
-}
-
 .wy-alert-title,#content .admonition-title{
    color:#fff;
    font-weight:bold;
@ -594,10 +586,19 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
    padding:6px 12px;
    margin-bottom:0px}

-#content .danger,#content .error{
+.admonition-title + div{
+    padding: 12px;
+    margin-bottom: 24px;
+}
+
+.admonition-title + div > p{
+    margin: 0;
+}
+
+.danger + div, .error + div, #content .danger,#content .error{
    background:#fdf3f2}

-.wy-alert.wy-alert-warning,#content .wy-alert-warning.note,#content .attention,#content .caution,#content .wy-alert-warning.danger,#content .wy-alert-warning.error,#content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .warning,#content .wy-alert-warning.seealso,#content .admonitiontodo{
+.wy-alert.wy-alert-warning,#content .wy-alert-warning.note, #content .attention,#content .caution, #content .warning, #content .admonitiontodo, .attention + div, .caution + div, .warning + div, #content .wy-alert-warning.danger,#content .wy-alert-warning.error, #content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .wy-alert-warning.seealso{
    background:#ffedcc}

 #content .admonition-title.note:before, #content .admonition-title.seealso:before,
@ -609,17 +610,15 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
    font-family:FontAwesome;
    content: "";}

-#content .note,#content .seealso{
-    background:#e7f2fa}
-
-.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
-    margin-bottom:0}
+.seealso + div, .note + div, #content .note,#content .seealso{
+    background:#e7f2fa;
+}

 #content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
    line-height: 1;
    background:#1abc9c}

-#content .important,#content .tip,#content .hint{
+.important + div, .tip + div, .hint + div, #content .important, #content .tip, #content .hint{
    background:#dbfaf4}

 #content .admonition-title.note,#content .admonition-title.seealso{
@ -767,6 +766,7 @@ hr{
 }

 #table-of-contents a:hover{
+    color: #ffffff !important;
    background-color:#4e4a4a;
    cursor:pointer}

@ -800,75 +800,114 @@ hr{
    font-size: 100%;
    margin-bottom:0.809em}

-ul.nav li ul li {
+ul.nav > li ul {
    display: none;
 }

-ul.nav li ul li ul li {
-    display: none;
+li.active {
+    background-color: #e3e3e3;
 }

-ul.nav li.active ul li {
-    display: inline;
+li.active>a {
+    color: black !important;
 }

-ul.nav li.active ul li ul li {
-    display: inline;
+ul.nav>li.active a {
+    color: #404040 !important;
 }

-ul.nav li.active ul li a {
-    background-color: #E3E3E3;
-    color: #8099B0;
+ul.nav>li.active li.active {
+    background-color: #c9c9c9;
+}
+
+ul.nav>li.active li.active>a {
+    color: black !important;
    border-right:solid 1px #c9c9c9 !important;
-}
-
-ul.nav li.active ul li.active a {
-    background-color: #C9C9C9;
-    color: black !important;
-    font-weight: bold !important;
-}
-
-ul.nav li.active ul li.active ul li.active a {
-    color: black !important;
    font-weight: bold !important;
    display: block !important;
 }

-ul.nav li.active ul li.active ul li a {
-    color: #808080 !important;
-    font-weight: normal !important;
+ul.nav>li.active>a {
+    background-color: #fcfcfc;
+    color: black !important;
+    border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
+    border-right:solid 1px #c9c9c9 !important;
+    font-weight: bold !important;
    display: block !important;
 }

-ul.nav li.active ul li ul li a {
-    display: none !important;
+li.active>ul {
+    display: inline !important;
 }
+/* ul.nav li ul li { */
+/*     display: none; */
+/* } */
+
+/* ul.nav li ul li ul li { */
+/*     display: none; */
+/* } */
+
+/* ul.nav li.active ul li { */
+/*     display: inline; */
+/* } */
+
+/* ul.nav li.active ul li ul li { */
+/*     display: inline; */
+/* } */
+
+/* ul.nav li.active ul li a { */
+/*     background-color: #E3E3E3; */
+/*     color: #8099B0; */
+/*     border-right:solid 1px #c9c9c9 !important; */
+/* } */
+
+/* ul.nav li.active ul li.active a { */
+/*     background-color: #C9C9C9; */
+/*     color: black !important; */
+/*     font-weight: bold !important; */
+/* } */
+
+/* ul.nav li.active ul li.active ul li.active a { */
+    /* color: black !important; */
+    /* font-weight: bold !important; */
+    /* display: block !important; */
+/* } */
+
+/* ul.nav li.active ul li.active ul li a { */
+/*     color: #808080 !important; */
+/*     font-weight: normal !important; */
+/*     display: block !important; */
+/* } */
+
+/* ul.nav li.active ul li ul li a { */
+/*     display: none !important; */
+/* } */

 /* ul.nav li ul li ul li { */
 /*     display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
 /*     /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
 /* } */

-ul.nav li ul li ul li ul li {
-    display: none !important; /* as long as nav is on multiple levels of ul */
-    /* display: none; /* as long as nav is on multiple levels of ul *\/ */
-}
+/* ul.nav li ul li ul li ul li { */
+/*     display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
+/*     /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
+/* } */

-ul.nav li.active > a {
-    border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
-    border-right:solid 1px #c9c9c9 !important;
-}
+/* ul.nav li.active > a { */
+    /* border-bottom:solid 1px #c9c9c9 !important; /\* XXX Restrict it to 2nd level *\/ */
+    /* border-right:solid 1px #c9c9c9 !important; */
+/* } */

-ul.nav li.active a {
-    color: gray !important;
-    font-weight:bold;
-    background-color: white;
-    border-right:solid 0px white !important;
-}
+/* ul.nav li.active a { */
+/*     color: gray !important; */
+/*     font-weight:bold; */
+/*     background-color: white; */
+/*     border-right:solid 0px white !important; */
+/* } */

-ul.nav > li.active > a {
-    color: black !important;
-}
+/* ul.nav > li.active > a { */
+/*     color: black !important; */
+/* } */

 footer{
    color:#999}
@ -1014,7 +1053,7 @@ h2.footnotes{

 .footnum, .footref{
    color: #2980b9;
-    font-size: 170%;
+    font-size: 90%;
    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
 }

@ -1094,3 +1133,8 @@ h2.footnotes{
    padding: 9px 12px;
    margin-bottom: 24px;
    font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
+
+#org-div-home-and-up { 
+    text-align: right;
+    padding-right: 10pt;
+}
--- a/src/readtheorg_theme/css/rtd-full.css
+++ b/src/readtheorg_theme/css/rtd-full.css
--- a/src/readtheorg_theme/js/readtheorg.js
+++ b/src/readtheorg_theme/js/readtheorg.js
@ -0,0 +1,145 @@
+function collapse_toc_elements_on_click (nav_li_a){
+    /*
+      When an `a' element in the TOC is clicked, its parent
+      `li' element's active attribute is toggled.  This causes
+      the element to toggle between minimized and maximized
+      states.  The active attribute is documented in bootstrap.
+      https://getbootstrap.com/docs/4.0/components/navbar/#nav
+    */
+    $(nav_li_a).parent().toggleClass("active");
+}
+
+$( document ).ready(function() {
+    // When the document is loaded and ready, bind the
+    // function `collapse_toc_elements_on_click' to the
+    // `a' elements in the table of contents.
+    $("#text-table-of-contents a").click(function() {
+        collapse_toc_elements_on_click(this);
+    });
+});
+
+$(function() {
+    function replace_admonition (tag, map, language) {
+        var language = document.documentElement.lang;
+        var translations = map.get(tag);
+        var readable = translations.get(language) || translations.get("en"); // fallback to english
+        $(`span.${tag}:not(#table-of-contents *)`) .parent().parent()
+            .replaceWith(`<p id='${this.id}' class='admonition-title ${tag}'>${readable}</p>`);
+        $(`div.${tag}`).before(`<p class='admonition-title ${tag}'>${readable}</p>`)
+    }
+    const map = new Map()
+          .set("note", new Map()
+               .set("en", "Note")
+               .set("de", "Hinweis"))
+          .set("seealso", new Map()
+               .set("en", "See also")
+               .set("de", "Siehe auch"))
+          .set("warning", new Map()
+               .set("en", "Warning")
+               .set("de", "Warnung"))
+          .set("caution", new Map()
+               .set("en", "Caution")
+               .set("de", "Vorsicht"))
+          .set("attention", new Map()
+               .set("en", "Attention")
+               .set("de", "Obacht"))
+          .set("tip", new Map()
+               .set("en", "Tip")
+               .set("de", "Tipp"))
+          .set("important", new Map()
+               .set("en", "Important")
+               .set("de", "Wichtig"))
+          .set("hint", new Map()
+               .set("en", "Hint")
+               .set("de", "Hinweis"))
+          .set("error", new Map()
+               .set("en", "Error")
+               .set("de", "Fehler"))
+          .set("danger", new Map()
+               .set("en", "Danger")
+               .set("de", "Gefahr"))
+    ;
+    replace_admonition('note', map);
+    replace_admonition('seealso', map);
+    replace_admonition('warning', map);
+    replace_admonition('caution', map);
+    replace_admonition('attention', map);
+    replace_admonition('tip', map);
+    replace_admonition('important', map);
+    replace_admonition('hint', map);
+    replace_admonition('error', map);
+    replace_admonition('danger', map);
+});
+
+$( document ).ready(function() {
+
+    // Shift nav in mobile when clicking the menu.
+    $(document).on('click', "[data-toggle='wy-nav-top']", function() {
+      $("[data-toggle='wy-nav-shift']").toggleClass("shift");
+      $("[data-toggle='rst-versions']").toggleClass("shift");
+    });
+    // Close menu when you click a link.
+    $(document).on('click', ".wy-menu-vertical .current ul li a", function() {
+      $("[data-toggle='wy-nav-shift']").removeClass("shift");
+      $("[data-toggle='rst-versions']").toggleClass("shift");
+    });
+    $(document).on('click', "[data-toggle='rst-current-version']", function() {
+      $("[data-toggle='rst-versions']").toggleClass("shift-up");
+    });
+    // Make tables responsive
+    $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
+});
+
+$( document ).ready(function() {
+    $('#text-table-of-contents ul').first().addClass('nav');
+                                        // ScrollSpy also requires that we use
+                                        // a Bootstrap nav component.
+    $('body').scrollspy({target: '#text-table-of-contents'});
+
+    // DON'T add sticky table headers (Fix issue #69?)
+    // $('table').stickyTableHeaders();
+
+    // set the height of tableOfContents
+    var $postamble = $('#postamble');
+    var $tableOfContents = $('#table-of-contents');
+    $tableOfContents.css({paddingBottom: $postamble.outerHeight()});
+
+    // add TOC button
+    var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>');
+    $('#content').prepend(toggleSidebar);
+
+    // add close button when sidebar showed in mobile screen
+    var closeBtn = $('<a class="close-sidebar" href="#">Close</a>');
+    var tocTitle = $('#table-of-contents').find('h2');
+    tocTitle.append(closeBtn);
+});
+
+window.SphinxRtdTheme = (function (jquery) {
+    var stickyNav = (function () {
+        var navBar,
+            win,
+            stickyNavCssClass = 'stickynav',
+            applyStickNav = function () {
+                if (navBar.height() <= win.height()) {
+                    navBar.addClass(stickyNavCssClass);
+                } else {
+                    navBar.removeClass(stickyNavCssClass);
+                }
+            },
+            enable = function () {
+                applyStickNav();
+                win.on('resize', applyStickNav);
+            },
+            init = function () {
+                navBar = jquery('nav.wy-nav-side:first');
+                win    = jquery(window);
+            };
+        jquery(init);
+        return {
+            enable : enable
+        };
+    }());
+    return {
+        StickyNav : stickyNav
+    };
+}($));
--- a/src/readtheorg_theme/readtheorg.org
+++ b/src/readtheorg_theme/readtheorg.org
@ -6,7 +6,7 @@
 #+LANGUAGE:  en
 #+OPTIONS:   H:4 num:t toc:2

-#+SETUPFILE: ~/.dotfiles/org/theme-readtheorg-local-abs.setup
+#+SETUPFILE: ~/org/theme-readtheorg.setup

 # See http://pandoc.org/README.html for another organization of the sections

@ -16,13 +16,13 @@ Get the lowdown on the key pieces of ReadTheOrg's infrastructure, including our
 approach to better HTML export.

 * Typography
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 #+begin_src css
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
-@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700");
+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
 #+end_src

 ** Headings
@ -36,6 +36,8 @@ h1,h2,h3,h4,h5,h6,legend{

 h1{
    font-size:175%;
+    text-align: left !important;
+    margin-bottom: 0.83em !important;
 }

 .subtitle{
@ -76,7 +78,6 @@ html{
    -webkit-text-size-adjust:100%;
    font-size:100%;
    height:100%;
-    overflow-x:hidden;
 }

 body{
@ -86,12 +87,10 @@ body{
    font-weight:normal;
    margin:0;
    min-height:100%;
-    overflow-x:hidden;
 }

 #content{
    background:#fcfcfc;
-    height:100%;
    margin-left:300px;
 /* margin:auto; */
    max-width:800px;
@ -195,12 +194,8 @@ dd{

 *** Unordered

-
-
 *** Ordered

-
-
 *** Description

 #+begin_src css
@ -218,9 +213,9 @@ dl dd{
 #+end_src

 * Media queries
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 #+begin_src css
@media print{
@ -359,9 +354,9 @@ dl dd{
 #+end_src

 * Code
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 ** Inline

@ -439,9 +434,9 @@ pre.src{
 #+end_src

 * Tables
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 ** Basic example

@ -496,9 +491,9 @@ table tr:nth-child(2n) td{
 #+end_src

 * Images
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 ** Optional image caption

@ -511,9 +506,9 @@ table tr:nth-child(2n) td{
 #+end_src

 * Helper classes
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 #+begin_src css
 .rotate-90{
@ -534,9 +529,9 @@ table tr:nth-child(2n) td{
 #+end_src

 * Responsive utilities
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 Responsive for sidebar:

@ -565,7 +560,6 @@ Responsive for sidebar:
    }

    #toggle-sidebar {
-        background-color: #2980B9;
        display: block;
        margin-bottom: 1.6em;
        padding: 0.6em;
@ -598,9 +592,9 @@ Responsive for sidebar:
 #+end_src

 * CSS
-  :PROPERTIES:
-  :header-args: :tangle css/readtheorg.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/readtheorg.css
+:END:

 #+begin_src css
 *{
@ -729,13 +723,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
 .nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
    display:inline}

-.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo{
-    padding:12px;
-    line-height:24px;
-    margin-bottom:24px;
- /* background:#e7f2fa; */
-}
-
 .wy-alert-title,#content .admonition-title{
    color:#fff;
    font-weight:bold;
@ -746,10 +733,19 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
    padding:6px 12px;
    margin-bottom:0px}

-#content .danger,#content .error{
+.admonition-title + div{
+    padding: 12px;
+    margin-bottom: 24px;
+}
+
+.admonition-title + div > p{
+    margin: 0;
+}
+
+.danger + div, .error + div, #content .danger,#content .error{
    background:#fdf3f2}

-.wy-alert.wy-alert-warning,#content .wy-alert-warning.note,#content .attention,#content .caution,#content .wy-alert-warning.danger,#content .wy-alert-warning.error,#content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .warning,#content .wy-alert-warning.seealso,#content .admonitiontodo{
+.wy-alert.wy-alert-warning,#content .wy-alert-warning.note, #content .attention,#content .caution, #content .warning, #content .admonitiontodo, .attention + div, .caution + div, .warning + div, #content .wy-alert-warning.danger,#content .wy-alert-warning.error, #content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .wy-alert-warning.seealso{
    background:#ffedcc}

 #content .admonition-title.note:before, #content .admonition-title.seealso:before,
@ -761,17 +757,15 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
    font-family:FontAwesome;
    content: "";}

-#content .note,#content .seealso{
-    background:#e7f2fa}
-
-.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
-    margin-bottom:0}
+.seealso + div, .note + div, #content .note,#content .seealso{
+    background:#e7f2fa;
+}

 #content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
    line-height: 1;
    background:#1abc9c}

-#content .important,#content .tip,#content .hint{
+.important + div, .tip + div, .hint + div, #content .important, #content .tip, #content .hint{
    background:#dbfaf4}

 #content .admonition-title.note,#content .admonition-title.seealso{
@ -929,6 +923,7 @@ hr{
 }

 #table-of-contents a:hover{
+    color: #ffffff !important;
    background-color:#4e4a4a;
    cursor:pointer}

@ -964,75 +959,114 @@ hr{
 #+end_src

 #+begin_src css
-ul.nav li ul li {
+ul.nav > li ul {
    display: none;
 }

-ul.nav li ul li ul li {
-    display: none;
+li.active {
+    background-color: #e3e3e3;
 }

-ul.nav li.active ul li {
-    display: inline;
+li.active>a {
+    color: black !important;
 }

-ul.nav li.active ul li ul li {
-    display: inline;
+ul.nav>li.active a {
+    color: #404040 !important;
 }

-ul.nav li.active ul li a {
-    background-color: #E3E3E3;
-    color: #8099B0;
+ul.nav>li.active li.active {
+    background-color: #c9c9c9;
+}
+
+ul.nav>li.active li.active>a {
+    color: black !important;
    border-right:solid 1px #c9c9c9 !important;
-}
-
-ul.nav li.active ul li.active a {
-    background-color: #C9C9C9;
-    color: black !important;
-    font-weight: bold !important;
-}
-
-ul.nav li.active ul li.active ul li.active a {
-    color: black !important;
    font-weight: bold !important;
    display: block !important;
 }

-ul.nav li.active ul li.active ul li a {
-    color: #808080 !important;
-    font-weight: normal !important;
+ul.nav>li.active>a {
+    background-color: #fcfcfc;
+    color: black !important;
+    border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
+    border-right:solid 1px #c9c9c9 !important;
+    font-weight: bold !important;
    display: block !important;
 }

-ul.nav li.active ul li ul li a {
-    display: none !important;
+li.active>ul {
+    display: inline !important;
 }
+/* ul.nav li ul li { */
+/*     display: none; */
+/* } */
+
+/* ul.nav li ul li ul li { */
+/*     display: none; */
+/* } */
+
+/* ul.nav li.active ul li { */
+/*     display: inline; */
+/* } */
+
+/* ul.nav li.active ul li ul li { */
+/*     display: inline; */
+/* } */
+
+/* ul.nav li.active ul li a { */
+/*     background-color: #E3E3E3; */
+/*     color: #8099B0; */
+/*     border-right:solid 1px #c9c9c9 !important; */
+/* } */
+
+/* ul.nav li.active ul li.active a { */
+/*     background-color: #C9C9C9; */
+/*     color: black !important; */
+/*     font-weight: bold !important; */
+/* } */
+
+/* ul.nav li.active ul li.active ul li.active a { */
+ /* color: black !important; */
+ /* font-weight: bold !important; */
+ /* display: block !important; */
+/* } */
+
+/* ul.nav li.active ul li.active ul li a { */
+/*     color: #808080 !important; */
+/*     font-weight: normal !important; */
+/*     display: block !important; */
+/* } */
+
+/* ul.nav li.active ul li ul li a { */
+/*     display: none !important; */
+/* } */

 /* ul.nav li ul li ul li { */
 /*     display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
 /*     /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
 /* } */

-ul.nav li ul li ul li ul li {
-    display: none !important; /* as long as nav is on multiple levels of ul */
- /* display: none; /* as long as nav is on multiple levels of ul *\/ */
-}
+/* ul.nav li ul li ul li ul li { */
+/*     display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
+/*     /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
+/* } */

-ul.nav li.active > a {
-    border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
-    border-right:solid 1px #c9c9c9 !important;
-}
+/* ul.nav li.active > a { */
+ /* border-bottom:solid 1px #c9c9c9 !important; /\* XXX Restrict it to 2nd level *\/ */
+ /* border-right:solid 1px #c9c9c9 !important; */
+/* } */

-ul.nav li.active a {
-    color: gray !important;
-    font-weight:bold;
-    background-color: white;
-    border-right:solid 0px white !important;
-}
+/* ul.nav li.active a { */
+/*     color: gray !important; */
+/*     font-weight:bold; */
+/*     background-color: white; */
+/*     border-right:solid 0px white !important; */
+/* } */

-ul.nav > li.active > a {
-    color: black !important;
-}
+/* ul.nav > li.active > a { */
+/*     color: black !important; */
+/* } */
 #+end_src

 #+begin_src css
@ -1186,7 +1220,7 @@ h2.footnotes{

 .footnum, .footref{
    color: #2980b9;
-    font-size: 170%;
+    font-size: 90%;
    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
 }

@ -1277,9 +1311,9 @@ for nice yellow or orange boxes.
 #+end_src

 * Htmlize
-  :PROPERTIES:
-  :header-args: :tangle css/htmlize.css
-  :END:
+:PROPERTIES:
+:header-args: :tangle css/htmlize.css
+:END:

 #+begin_src css
 .org-bold { /* bold */ font-weight: bold; }
@ -1430,22 +1464,47 @@ for nice yellow or orange boxes.
 #+end_src

 * JS
-  :PROPERTIES:
-  :header-args: :tangle js/readtheorg.js
-  :END:
+:PROPERTIES:
+:header-args: :tangle js/readtheorg.js
+:END:

 #+begin_src js
+function collapse_toc_elements_on_click (nav_li_a){
+    /*
+      When an `a' element in the TOC is clicked, its parent
+      `li' element's active attribute is toggled.  This causes
+      the element to toggle between minimized and maximized
+      states.  The active attribute is documented in bootstrap.
+      https://getbootstrap.com/docs/4.0/components/navbar/#nav
+    */
+    $(nav_li_a).parent().toggleClass("active");
+}
+
+$( document ).ready(function() {
+    // When the document is loaded and ready, bind the
+    // function `collapse_toc_elements_on_click' to the
+    // `a' elements in the table of contents.
+    $("#text-table-of-contents a").click(function() {
+        collapse_toc_elements_on_click(this);
+    });
+});
+
 $(function() {
-    $('.note').before("<p class='admonition-title note'>Note</p>");
-    $('.seealso').before("<p class='admonition-title seealso'>See also</p>");
-    $('.warning').before("<p class='admonition-title warning'>Warning</p>");
-    $('.caution').before("<p class='admonition-title caution'>Caution</p>");
-    $('.attention').before("<p class='admonition-title attention'>Attention</p>");
-    $('.tip').before("<p class='admonition-title tip'>Tip</p>");
-    $('.important').before("<p class='admonition-title important'>Important</p>");
-    $('.hint').before("<p class='admonition-title hint'>Hint</p>");
-    $('.error').before("<p class='admonition-title error'>Error</p>");
-    $('.danger').before("<p class='admonition-title danger'>Danger</p>");
+    function replace_admonition (tag, readable) {
+        $(`span.${tag}:not(#table-of-contents *)`) .parent().parent()
+            .replaceWith(`<p id='${this.id}' class='admonition-title ${tag}'>${readable}</p>`);
+        $(`div.${tag}`).before(`<p class='admonition-title ${tag}'>${readable}</p>`)
+    }
+    replace_admonition('note', 'Note');
+    replace_admonition('seealso', 'See also');
+    replace_admonition('warning', 'Warning');
+    replace_admonition('caution', 'Caution');
+    replace_admonition('attention', 'Attention');
+    replace_admonition('tip', 'Tip');
+    replace_admonition('important', 'Important');
+    replace_admonition('hint', 'Hint');
+    replace_admonition('error', 'Error');
+    replace_admonition('danger', 'Danger');
 });

 $( document ).ready(function() {
--- a/styles/readtheorg/js/readtheorg.js
+++ b/styles/readtheorg/js/readtheorg.js
@ -1,85 +0,0 @@
-$(function() {
-    $('.note').before("<p class='admonition-title note'>Note</p>");
-    $('.seealso').before("<p class='admonition-title seealso'>See also</p>");
-    $('.warning').before("<p class='admonition-title warning'>Warning</p>");
-    $('.caution').before("<p class='admonition-title caution'>Caution</p>");
-    $('.attention').before("<p class='admonition-title attention'>Attention</p>");
-    $('.tip').before("<p class='admonition-title tip'>Tip</p>");
-    $('.important').before("<p class='admonition-title important'>Important</p>");
-    $('.hint').before("<p class='admonition-title hint'>Hint</p>");
-    $('.error').before("<p class='admonition-title error'>Error</p>");
-    $('.danger').before("<p class='admonition-title danger'>Danger</p>");
-});
-
-$( document ).ready(function() {
-
-    // Shift nav in mobile when clicking the menu.
-    $(document).on('click', "[data-toggle='wy-nav-top']", function() {
-      $("[data-toggle='wy-nav-shift']").toggleClass("shift");
-      $("[data-toggle='rst-versions']").toggleClass("shift");
-    });
-    // Close menu when you click a link.
-    $(document).on('click', ".wy-menu-vertical .current ul li a", function() {
-      $("[data-toggle='wy-nav-shift']").removeClass("shift");
-      $("[data-toggle='rst-versions']").toggleClass("shift");
-    });
-    $(document).on('click', "[data-toggle='rst-current-version']", function() {
-      $("[data-toggle='rst-versions']").toggleClass("shift-up");
-    });
-    // Make tables responsive
-    $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
-});
-
-$( document ).ready(function() {
-    $('#text-table-of-contents ul').first().addClass('nav');
-                                        // ScrollSpy also requires that we use
-                                        // a Bootstrap nav component.
-    $('body').scrollspy({target: '#text-table-of-contents'});
-
-    // DON'T add sticky table headers (Fix issue #69?)
-    // $('table').stickyTableHeaders();
-
-    // set the height of tableOfContents
-    var $postamble = $('#postamble');
-    var $tableOfContents = $('#table-of-contents');
-    $tableOfContents.css({paddingBottom: $postamble.outerHeight()});
-
-    // add TOC button
-    var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>');
-    $('#content').prepend(toggleSidebar);
-
-    // add close button when sidebar showed in mobile screen
-    var closeBtn = $('<a class="close-sidebar" href="#">Close</a>');
-    var tocTitle = $('#table-of-contents').find('h2');
-    tocTitle.append(closeBtn);
-});
-
-window.SphinxRtdTheme = (function (jquery) {
-    var stickyNav = (function () {
-        var navBar,
-            win,
-            stickyNavCssClass = 'stickynav',
-            applyStickNav = function () {
-                if (navBar.height() <= win.height()) {
-                    navBar.addClass(stickyNavCssClass);
-                } else {
-                    navBar.removeClass(stickyNavCssClass);
-                }
-            },
-            enable = function () {
-                applyStickNav();
-                win.on('resize', applyStickNav);
-            },
-            init = function () {
-                navBar = jquery('nav.wy-nav-side:first');
-                win    = jquery(window);
-            };
-        jquery(init);
-        return {
-            enable : enable
-        };
-    }());
-    return {
-        StickyNav : stickyNav
-    };
-}($));
--- a/tests/org-example.org
+++ b/tests/org-example.org
@ -1,41 +1,41 @@
+# Hey Emacs, this is a -*- org -*- file ...
 #+TITLE:     Example of Tasks
 #+AUTHOR:    Fabrice Niessen
-#+EMAIL:     (concat "fniessen" at-sign "pirilampo.org")
-#+DATE:      2015-04-28
+#+EMAIL:     booster.emacs@gmail.com
 #+LANGUAGE:  en
-#+OPTIONS:   H:4 num:nil toc:2
+#+OPTIONS:   H:4 num:2 toc:4

-#+SETUPFILE: ~/src/org-html-themes/setup/theme-readtheorg.setup
+#+SETUPFILE: ~/org/theme-readtheorg.setup

-#+begin_html
+#+begin_export html
 <div class="right">
  <a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github"> Edit on GitHub</a>
 </div>
-#+end_html
+#+end_export

 -----

 * Work                                                                    :work:
-  :PROPERTIES:
-  :CATEGORY: Work
-  :END:
+:PROPERTIES:
+:CATEGORY: Work
+:END:

 Only work tasks in this list.

 ** Marketing
-   :PROPERTIES:
-   :CATEGORY: Marketing
-   :END:
+:PROPERTIES:
+:CATEGORY: Marketing
+:END:

 Project "Corporate Marketing".

 *** Background and research

-**** TODO Who are the competitors?
+**** TODO Who are the competitors?                                     :FLAGGED:

-**** TODO What are our product's advantages?
+***** TODO What are our product's advantages?

-**** TODO Target market
+***** TODO Target market

 **** TODO Elevator pitch

@ -46,37 +46,36 @@ Project "Corporate Marketing".
 # *************** TODO Test with an inline task
 # *************** END

-**** TODO Interview PR firm candidates
-     DEADLINE: <2014-03-12 Wed>
-     :LOGBOOK:
-     CLOCK: [2013-02-05 Tue 09:00]--[2013-02-05 Tue 10:11] =>  1:11
-     - State "TODO"        ->  "STRT"       [2013-02-05 Tue 17:48]
-     - State "TODO"        ->  "STRT"       [2013-08-19 Mon 15:16]
-     :END:
+**** STRT Interview PR firm candidates
+DEADLINE: <2021-05-08 Sat>
+:LOGBOOK:
+CLOCK: [2013-02-05 Tue 09:00]--[2013-02-05 Tue 10:11] =>  1:11
+- State "TODO"        ->  "STRT"       [2013-02-05 Tue 09:00]
+:END:

 # *************** TODO Another test with an inline task

 *** Advertising campaign

 **** TODO Call Joe
-     DEADLINE: <2014-03-06 Thu>
-     :PROPERTIES:
-     :Effort:   0:10
-     :END:
+DEADLINE: <2021-05-06 Thu>
+:PROPERTIES:
+:Effort:   0:10
+:END:

 *** Plan conference

 Calendar events/invitations.

 **** TODO Recruit volunteers
-     DEADLINE: <2014-03-13 Thu>
+DEADLINE: <2021-05-13 Thu>

 **** TODO Make sure responses are coming back

 ** Operations

 *** TODO Update database to latest version
-    SCHEDULED: <2014-03-13 Thu>
+SCHEDULED: <2021-04-13 Thu>

 *** TODO Update Website

@ -96,34 +95,34 @@ Update blog.

 -----

-* Personal                                                                :home:
-  :PROPERTIES:
-  :CATEGORY: Personal
-  :END:
+* Personal                                                            :personal:
+:PROPERTIES:
+:CATEGORY: Personal
+:END:

 ** Reading

 *** DONE Read "Getting Things Done"
-    :LOGBOOK:
-    - State "TODO"        ->  "DONE"       [2014-01-06 Mon 15:10]
-    :END:
+:LOGBOOK:
+- State "TODO"        ->  "DONE"       [2021-02-06 Sat 15:10]
+:END:

 ** Health

-*** TODO Make dentist appointment
-    SCHEDULED: <2014-03-12 Wed>
+*** TODO Make dentist appointment                                        :phone:
+SCHEDULED: <2021-04-12 Wed>

 *** TODO Go to the gym
-    SCHEDULED: <2014-03-11 Tue>
-    :PROPERTIES:
-    :Effort:   0:10
-    :END:
+SCHEDULED: <2021-04-11 Tue>
+:PROPERTIES:
+:Effort:   0:10
+:END:

 It should be as natural to some as showering or eating.

 *** TODO Do jogging

-Marathon = 42.195 kilometres.
+Marathon = 42,195 km.

 ** Finance

@ -131,7 +130,7 @@ Marathon = 42.195 kilometres.

 *** TODO Renew newspaper subscription

-*** TODO Cancel insurance
+*** TODO Cancel insurance                                                 :mail:

 ** Chores

--- a/tests/org-mode-syntax-example.org
+++ b/tests/org-mode-syntax-example.org
@ -0,0 +1,853 @@
+# Hey Emacs, this is a -*- org -*- file ...
+#+TITLE:     Org mode syntax example
+#+AUTHOR:    Fabrice Niessen
+#+EMAIL:     fniessen@pirilampo.org
+#+DESCRIPTION: Org mode syntax example
+#+KEYWORDS:  syntax, org, document
+#+LANGUAGE:  en
+#+OPTIONS:   H:5 num:nil toc:2 p:t
+
+#+SETUPFILE: ~/org/theme-readtheorg.setup
+
+#+PROPERTY:  header-args :eval never-export
+
+This is an Org mode document.
+
+*Org mode* is a easy-to-write /plain text/ formatting syntax for authoring LaTeX
+documents, creating Web pages and much more!
+
+#+begin_html
+<script src="http://platform.twitter.com/widgets.js"></script>
+<a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a>
+#+end_html
+
+* Basics
+
+** Biggest heading
+
+New chapter.
+
+*** Bigger heading
+
+New section.
+
+**** Big heading
+
+New sub-section.
+
+**** Text breaks
+
+A single newline has no effect.
+This line is part of the same paragraph.
+
+But an empty line
+
+demarcates paragraphs.
+
+By entering two consecutive backslashes,
+you can force to break lines \\
+without starting a new paragraph.
+
+For an horizontal line, insert at least 5 dashes: this is some text above an
+horizontal rule
+-----
+and some text below it.
+
+**** Numbered headings
+
+You can create numbered headings up to a certain level by setting an option:
+
+#+begin_src org
+,#+OPTIONS: H:4
+#+end_src
+
+*** Text width
+
+# Premiere Elements, page 111
+#
+# Vous pouvez créer ces objets en cliquant sur le bouton Nouvel| élément de le
+# fenêtre Média. (Le Chapitre 14 explique comment créer| des titres ; le
+# Chapitre 15 montre l'utilisation des barres et ton, de la| vidéo noir et de
+# l'amorce SMPTE.)
+#
+# The principles of beautiful Web design, page 6
+#
+# In a figurative sense, the concept of visual balance is similar to that of
+# physical balance| illustrated by a seesaw. Just as physical objects have
+# weight, so do the elements of a layout.| If the elements on either side of a
+# layout are of equal weight, they balance one another.| There are two main forms
+# of visual balance: symmetrical and asymmetrical.
+
+One morning, when Gregor Samsa woke from troubled dreams, he found himself
+transformed in his bed into a horrible vermin. He lay on his armour-like back,
+and if he lifted his head a little he could see his brown belly, slightly domed
+and divided by arches into stiff sections. The bedding was hardly able to cover
+it and seemed ready to slide off any moment. His many legs, pitifully thin
+compared with the size of the rest of him, waved about helplessly as he looked.
+
+** Lists
+
+Org markup allows you to create bulleted or numbered lists. It allows any
+combination of the two list types.
+
+*** Unordered lists
+
+Itemized lists are marked with bullets. They are convenient to:
+
+- organize data, and
+- make the document
+  + prettier, and
+  + easier to read.
+
+Create them with a minus or a plus sign.
+
+*** Ordered lists
+
+Enumerated lists are marked with numbers or letters:
+
+1. First element
+   1) First sub-item
+   2) Last sub-item
+2. Second element
+
+You can have ordered lists with jumping numbers:
+
+1. [@1] First
+2. [@2] Second
+5. [@5] Jump to 5th
+
+*** Definition lists
+
+- Definition list ::
+     List containing definitions.
+
+- Term to define ::
+     Explication of the term.
+
+*** Checkboxes
+- [ ] First item not checked
+- [-] Second item half done
+  - [ ] Another first
+  - [ ] Another second
+- [X] Third item checked
+
+** Miscellaneous effects
+
+*** Include Org files
+
+You can include another Org file and skip its title by using the ~:lines~ argument
+to ~#+INCLUDE~:
+
+#+begin_src org
+,#+INCLUDE: chapter1.org :lines "2-"
+#+end_src
+
+#+begin_note
+File inclusion, through INCLUDE keywords, is an *export-only feature*.
+#+end_note
+
+*** Inline HTML
+
+You can include raw HTML in your Org documents and it will get kept as HTML
+when it's exported. XXX
+
+#+HTML_BEGIN: <pre style="color:red">
+Text can be preformatted (in a fixed-width font).
+#+HTML_END: </pre>
+
+It is especially useful for more advanced stuff like images or tables where you
+need more control of the HTML options than Org mode actually gives you.
+
+Similarly, you can incorporate JS or do anything else you can do in a Web page
+(such as importing a CSS file).
+
+You can create named classes (to get style control from your CSS) with:
+
+#+begin_example
+,#+begin_info
+,*Info example* \\
+Did you know...
+,#+end_info
+#+end_example
+
+You can also add interactive elements to the HTML such as interactive R plots.
+
+Finally, you can include an HTML file verbatim (during export) with:
+
+#+begin_src org
+,#+INCLUDE: file.html html
+#+end_src
+
+Don't edit the exported HTML file!
+
+*** Inline LaTeX
+
+You can also use raw LaTeX. XXX
+
+#+LaTeX_BEGIN: \begin{verbatim}
+Text can be preformatted (in a fixed-width font).
+#+LaTeX_END: \end{verbatim}
+
+*** Centered text
+
+#+begin_center
+This text is centered!
+#+end_center
+
+** Code blocks
+
+*** COMMENT Syntax highlighting
+
+The source code blocks support syntax highlighting:
+
+#+begin_src cpp :eval no
+/*
+ * Application that displays a "Hello" message to the standard output.
+ */
+int main(int arc, char **argv)
+{
+  printf("Hello, %s!\n", (argc>1) ? argv[1] : "World");
+  return 0;
+}
+#+end_src
+
+The following language strings are currently recognized:
+
+#+begin_src emacs-lisp :results drawer :exports results
+(concat (mapconcat (lambda (widget)
+                     (widget-get widget :tag))
+                   (cl-remove-if-not (lambda (it)
+                                       (and (consp it)
+                                            (eq (car it) 'const)))
+                                     (cdr
+                                      (widget-get
+                                       (get
+                                        'org-babel-load-languages 'custom-type)
+                                       :key-type)))
+                   ", ")
+        ".")
+#+end_src
+
+#+results:
+:RESULTS:
+Awk, C, R, Asymptote, Calc, Clojure, CSS, Ditaa, Dot, Emacs Lisp, Fortran, Gnuplot, Haskell, IO, J, Java, Javascript, LaTeX, Ledger, Lilypond, Lisp, Makefile, Maxima, Matlab, Mscgen, Ocaml, Octave, Org, Perl, Pico Lisp, PlantUML, Python, Ruby, Sass, Scala, Scheme, Screen, Shell Script, Shen, Sql, Sqlite, ebnf2ps.
+:END:
+
+Code block with long lines:
+
+#+begin_src emacs-lisp :eval no
+testing testing testing testing testing testing testing testing testing testing
+0        1         2         3         4         5         6         7         8         9
+123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456
+#+end_src
+
+For PDF (LaTeX), one  solution is to surround the code  block such as:
+
+#+latex: \scriptsize
+#+begin_src R
+print("This block is in scriptsize")
+#+end_src
+#+latex: \normalize
+
+*** Line numbers
+
+Both in ~example~ and in ~src~ snippets, you can add a ~-n~ switch to the end of the
+~begin~ line, to get the lines of the example numbered.
+
+#+header: :eval no
+#+begin_src emacs-lisp -n
+(defun org-xor (a b)
+  "Exclusive or."
+#+end_src
+
+If you use a ~+n~ switch, the numbering from the previous numbered snippet will
+be continued in the current one:
+
+#+header: :eval no
+#+begin_src emacs-lisp +n
+  (if a (not b) b))
+#+end_src
+
+In literal examples, Org will interpret strings like ~(ref:name)~ as labels, and
+use them as targets for special hyperlinks like ~[[(name)]]~ (i.e., the reference
+name enclosed in single parenthesis).  In HTML, hovering the mouse over such
+a link will remote-highlight the corresponding code line, which is kind of
+cool.
+
+You can also add a ~-r~ switch which removes the labels from the source code.
+With the ~-n~ switch, links to these references will be labeled by the line
+numbers from the code listing, otherwise links will use the labels with no
+parentheses.  Here is an example:
+
+#+header: :eval no
+#+begin_src emacs-lisp -n -r
+(save-excursion                  ; (ref:sc)
+  (goto-char (point-min)))       ; (ref:jump)
+#+end_src
+
+In line [[(sc)]], we remember the current position.  [[(jump)][Line (jump)]] jumps to
+~point-min~.
+
+*** Output
+
+The output from the *execution* of programs, scripts or commands can be inserted
+in the document itself, allowing you to work in the /reproducible research/
+mindset.
+
+**** Text
+
+A one-liner result:
+
+#+begin_src sh :exports both :results verbatim
+date +"%Y-%m-%d"
+#+end_src
+
+#+results:
+: 2014-03-15
+
+# A multiple-line result:
+#
+# #+name: list-of-styles
+# #+begin_src sh :exports both :results verbatim
+# # output all styles, but the default one (if any)
+# ls styles | grep -v "default"
+# #+end_src
+#
+# #+results: list-of-styles
+# #+begin_example
+# bigblow
+# leuven
+# maunakea
+# #+end_example
+
+**** Graphics
+
+Data to be charted:
+
+#+name: data
+| Month | Degrees |
+|-------+---------|
+|     1 |     3.8 |
+|     2 |     4.1 |
+|     3 |     6.3 |
+|     4 |     9.0 |
+|     5 |    11.9 |
+|     6 |    15.1 |
+|     7 |    17.1 |
+|     8 |    17.4 |
+|     9 |    15.7 |
+|    10 |    11.8 |
+|    11 |     7.7 |
+|    12 |     4.8 |
+
+Code:
+
+#+name: R-plot
+#+begin_src R :var data=data :results graphics :file ../../images/Rplot.png :exports both
+plot(data, type="b", bty="l", col=c("#ABD249"), las=1, lwd=4)
+grid(nx=NULL, ny=NULL, col=c("#E8E8E8"), lwd=1)
+legend("bottom", legend=c("Degrees"), col=c("#ABD249"), pch=c(19))
+#+end_src
+
+The resulting chart:
+
+#+results: R-plot
+[[file:../../images/Rplot.png]]
+
+**** R code block
+
+#+begin_src R
+library(ggplot2)
+summary(cars)
+#+end_src
+
+Plot:
+
+#+begin_src R
+library(ggplot2)
+qplot(speed, dist, data = cars) + geom_smooth()
+#+end_src
+
+** Inline code
+
+You can also evaluate code inline as follows: 1 + 1 is src_R{1 + 1}.
+
+** Notes at the footer
+
+It is possible to define named footnotes[fn:myfootnote], or ones with
+automatic anchors[fn:2].
+
+** Formatting text
+
+*** Text effects
+
+/Emphasize/ (italics), *strongly* (bold), and */very strongly/* (bold italics).
+
+Markup elements could be nested: this is /italic text which contains
+_underlined text_ within it/, whereas _this is normal underlined text_.
+
+Markup can span across multiple lines, by default *no more than 2*:
+
+*This
+is not
+bold*
+
+Other elements to use sparingly are:
+- monospaced typewriter font for ~inline code~
+- monospaced typewriter font for =verbatim text=
+- +deleted+ text (vs. _inserted_ text)
+- text with^{superscript} (for example: ~m/s^{2}~ gives m/s^{2})
+- text with_{subscript} (for example: ~H_{2}O~ gives H_{2}O)
+
+*** Quotations
+
+Use the ~quote~ block to typeset quoted text.
+
+#+begin_quote
+Let us change our traditional attitude to the construction of programs:
+Instead of imagining that our main task is to instruct a computer what to do,
+let us concentrate rather on explaining to human beings what we want a
+computer to do.
+
+The practitioner of literate programming can be regarded as an essayist, whose
+main concern is with exposition and excellence of style. Such an author, with
+thesaurus in hand, chooses the names of variables carefully and explains what
+each variable means. He or she strives for a program that is comprehensible
+because its concepts have been introduced in an order that is best for human
+understanding, using a mixture of formal and informal methods that reinforce
+each other.
+
+--- Donald Knuth
+#+end_quote
+
+A short one:
+
+#+begin_quote
+Everything should be made as simple as possible,
+but not any simpler -- Albert Einstein
+#+end_quote
+
+In a ~verse~ environment, there is an implicit line break at the end of each
+line, and indentation and vertical space are preserved:
+
+#+begin_verse
+Everything should be made as simple as possible,
+but not any simpler -- Albert Einstein
+#+end_verse
+
+Typically used for quoting passages of an email message:
+
+#+begin_verse
+>> This is an email message with "nested" quoting. Lorem ipsum dolor sit amet,
+>> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
+>> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
+>
+> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem
+> consectetuer libero luctus adipiscing.
+
+Itemized or unordered lists (~ul~):
+- This is the first list item.
+- This is the second list item.
+
+Enumerated or ordered Lists (~ol~):
+1. This is the first list item.
+2. This is the second list item.
+
+Maybe an equation here?
+
+See http://www.google.com/ for more information...
+#+end_verse
+
+*** Spaces
+
+Using non-breaking spaces.
+
+Insert the Unicode character ~00A0~ to add a non-breaking space. FIXME
+Or add/use an Org entity?
+
+** Mathematical formulae
+
+You can embed LaTeX math formatting in Org mode files using the following
+syntax:
+
+- For *inline math* expressions, use ~\(...\)~: \(x^2\) or \(1 < 2\).
+
+  It's /not/ advised to use the constructs ~$...$~ (both for Org and MathJax).
+
+- Centered display equation (the /Euler theorem/):
+
+  \[
+  \int_0^\infty e^{-x^2} dx = {{\sqrt{\pi}} \over {2}}
+  \]
+
+  The use of ~\[...\]~ is for mathematical expressions which you want to make
+ *stand out, on their own lines*.
+
+  LaTeX allows to inline such ~\[...\]~ constructs (/quadratic formula/):
+  \[ \frac{-b \pm \sqrt{b^2 - 4 a c}}{2a} \]
+
+ *Double dollar signs (~$$~) should not be used*.
+
+- The /sinus theorem/ can then be written as the equation:
+
+  \begin{equation}
+  \label{eqn:sinalpha}
+  \frac{\sin\alpha}{a}=\frac{\sin\beta}{b}
+  \end{equation}
+
+- See Equation [[the-first]],
+
+  #+name: the-first
+  \begin{equation}
+  n_{i+1} = \frac{n_{i} (d-i) (e-1)}{(i+1)}
+  \end{equation}
+
+  Only captioned equations are numbered
+
+- Other alternative: use \begin{equation*} or \begin{displaymath} (= the verbose
+  form of the ~\[...\]~ construct). M-q does not fill those.
+
+Differently from $...$ and \(...\), an equation environment produces a *numbered*
+equation to which you can add a label and reference the equation by (label)
+name in other parts of the text. This is not possibly with unnumbered math
+environments ($$, ...).
+
+** Special characters
+
+Some of the widely used special characters (converted from text characters to
+their typographically correct entitites):
+
+*** Accents
+
+\Agrave \Aacute
+
+*** Punctuation
+
+Dash: \ndash \mdash
+
+Marks: \iexcl \iquest
+
+Quotations: \laquo \raquo
+
+Miscellaneous: \para \ordf
+
+*** Commercial symbols
+
+Property marks: \copy \reg
+
+Currency: \cent \EUR \yen \pound
+
+*** Greek characters
+
+The Greek letters \alpha, \beta, and \gamma are used to denote angles.
+
+*** Math characters
+
+Science: \pm \div
+
+Arrows: \to \rarr \larr \harr \rArr \lArr \hArr
+
+Function names: \arccos \cos
+
+Signs and symbols: \bull \star
+
+*** Misc
+
+# Smilies: \smiley \sad
+
+Suits: \clubs \spades
+
+** Comments
+
+It's possible to add comments in the document.
+
+# This Org comment here won't be displayed.
+
+** Tables
+
+You can create tables with an optional header row (by using an horizontal line
+of dashes to separate it from the rest of the table).
+
+#+CAPTION: An example of table
+| Header 1    | Header 2      | Header 3 |
+|-------------+---------------+----------|
+| Top left    | Top middle    |          |
+|             |               | Right    |
+| Bottom left | Bottom middle |          |
+
+Columns are automatically aligned:
+
+- Number-rich columns to the right, and
+- String-rich columns to the left.
+
+If you want to override the automatic alignment, use ~<r>~, ~<c>~ or ~<l>~.
+
+#+CAPTION: Table with alignment
+|          <r> |     <c>      | <l>          |
+|            1 |      2       | 3            |
+|        right |    center    | left         |
+| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
+
+Placement:
+
+#+ATTR_LATEX: :center nil
+| a | b |
+| 1 | 2 |
+
+XXX
+Different from the following:
+
+| a | b |
+| 1 | 2 |
+
+*** Align tables on the page
+
+Here is a table on the left side:
+
+#+LATEX: \noindent
+#+ATTR_LATEX: :center nil
+| a | b | c |
+|---+---+---|
+| 1 | 2 | 3 |
+| 4 | 5 | 6 |
+#+LATEX: \hfill
+
+The noindent just gets rid of the indentation of the first line of a paragraph
+which in this case is the table. The hfill adds infinite stretch after the
+table, so it pushes the table to the left.
+
+Here is a centered table:
+
+| a | b | c |
+|---+---+---|
+| 1 | 2 | 3 |
+| 4 | 5 | 6 |
+
+And here's a table on the right side:
+
+#+LATEX: \hfill
+#+ATTR_LATEX: :center nil
+| a | b | c |
+|---+---+---|
+| 1 | 2 | 3 |
+| 4 | 5 | 6 |
+
+Here the hfill adds infinite stretch before the table, so it pushes the table
+to the right.
+
+** Images, video and audio
+
+*** Images
+
+You can insert *image* files of different *formats* to a page:
+
+|      | HTML                         | PDF |
+|------+------------------------------+-----|
+| gif  | yes                          |     |
+| jpeg | yes                          |     |
+| png  | yes                          |     |
+| bmp  | (depends on browser support) |     |
+
+In-line picture:
+
+#+CAPTION: Org mode logo
+#+ATTR_LaTeX: :width 0.25\linewidth
+[[file:../../images/org-mode-unicorn.png]]
+
+Direct link to just the [[file:org-mode-unicorn.png][Unicorn picture file]].
+
+XXX Available HTML image tags include:
+
+- align
+- border
+- bordercolor
+- hspace
+- vspace
+- width
+- height
+- title
+- alt
+
+Place images side by side: XXX
+
+*** Video
+
+Videos can't be added directly but you can add an image with a link to the video like this:
+
+[[http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg][http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE]]
+
+*** Sounds
+
+** Special text boxes
+
+Simple box ("inline task"): XXX
+
+# *************** TODO Do this task
+# Description of inline task.
+# *************** END
+#
+# or:
+#
+# *************** WAIT [#B] Do also this other task                        :phone:
+# *************** END
+
+*** Example
+
+You can have ~example~ blocks.
+
+Find entries with an *exact phrase* -- To do this, put the phrase in quotes:
+
+: "hd ready"
+
+You can create several other boxes (~info~, ~tip~, ~note~ or ~warning~) which all have
+a different default image.
+
+*** Info
+
+An info box is displayed as follows:
+
+#+begin_info
+*Info example* \\
+Did you know...
+#+end_info
+
+*** Tip
+
+A tip box is displayed as follows:
+
+#+begin_tip
+*Tip example* \\
+Try doing it this way...
+#+end_tip
+
+*** Note
+
+A note box is displayed as follows:
+
+#+begin_note
+*Note example* \\
+This is a useful note...
+#+end_note
+
+*** Warning
+
+A warning box is displayed as follows:
+
+#+begin_warning
+*Warning example* \\
+Be careful!  Check that you have...
+#+end_warning
+
+** Links
+   :PROPERTIES:
+   :CUSTOM_ID: links
+   :END:
+
+*** Anchors
+   :PROPERTIES:
+   :ID:       0d2b0cb2-116c-4a61-a076-4c641faf4346
+   :END:
+
+Links generally point to an headline.
+
+They can also point to a link anchor <<name-of-anchor-here>> in the current
+document or in another document.
+
+*** Hyperlinks
+
+This document is available in [[file:example.txt][plain text]], [[file:example.html][HTML]] and [[file:example.pdf][PDF]].
+
+The links are delimited by ~[square brackets]~.
+
+**** Internal links
+
+See:
+- chapter [[#links][Links]]
+- section [[id:0d2b0cb2-116c-4a61-a076-4c641faf4346][Anchors]]
+- [[name-of-anchor-here][target in the document]]
+
+**** External links
+
+See the [[http://orgmode.org/][Org mode Web site]].
+
+# Clicking on the image [[http://orgmode.org/][file:org-mode-unicorn.png]] leads to the Org mode home
+# page.
+
+[[mailto:concat.fni.at-sign.pirilampo.org][Mailto link]]
+
+* Org miscellaneous
+
+** Dates
+
+Timestamps: [2014-01-16 Thu] and <2014-01-16 Thu>.
+
+** DONE [#A] Buy GTD book                                               :online:
+   :LOGBOOK:
+   - State "TODO"        ->  "DONE"       [2014-01-16 Thu 09:52]
+   :END:
+
+By default, ~DONE~ actions will be collapsed.
+
+Note that I should probably implement that default behavior only for ~ARCHIVE~'d
+items.
+
+** TODO [#A] Read GTD book
+   SCHEDULED: <2014-09-11 Thu>
+
+By default, *all* (active) entries will be expanded at page load, so that their
+contents is visible.
+
+That can be changed by adding such a line (into your Org document):
+
+#+begin_src org
+,#+HTML_HEAD: <script> var HS_STARTUP_FOLDED = true; </script>
+#+end_src
+
+** TODO [#B] Apply GTD methodoloy
+   DEADLINE: <2014-12-01 Mon>
+   :PROPERTIES:
+   :HTML_CONTAINER_CLASS:    hsCollapsed
+   :END:
+
+This section will be collapsed when loading the page because the entry has the
+value ~hsCollapsed~ for the property ~:HTML_CONTAINER_CLASS:~.
+
+Powerful, no?
+
+** Some note                                                    :computer:write:
+
+You can add tags to any entry, and hightlight all entries having some specific
+tag by clicking on the buttons made accessible to you in the "Dashboard".
+
+** Weekly review                                                      :computer:
+
+Now, you can even make your weekly review in the HTML export... Press the ~r~ key
+to start entering the "review mode" where all but one active entry are
+collapsed, so that you can really focus on one item at a time!
+
+* Org macros
+
+#+MACRO: color @@html:<span style="color: $1">$2</span>@@
+
+{{{color(blue, This text is colored in blue.)}}}
+
+{{{color(red, This other text is in red.)}}}
+
+Find more macros on [[https://github.com/fniessen/org-macros][GitHub]].
+
+* BigBlow addons
+
+The string ~fixme~ (in *upper case*) gets replaced by a "Fix Me!" image:
+
+FIXME Delete this...
+
+* Footnotes
+
+[fn:myfootnote] Extensively used in large documents.
+
+[fn:2] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
--- a/tests/org-theme-chooser.org
+++ b/tests/org-theme-chooser.org
@ -0,0 +1,123 @@
+# Hey Emacs, this is a -*- org -*- file ...
+#+TITLE:     Theme Chooser
+#+AUTHOR:    Fabrice Niessen
+#+EMAIL:     (concat "fniessen" at-sign "pirilampo.org")
+#+LANGUAGE:  en
+#+OPTIONS:   H:6 num:nil toc:4
+
+#+SETUPFILE: ~/org/theme-readtheorg.setup
+
+# See GitHub Settings > GitHub Pages > Theme Chooser
+
+Text can be *bold*, /italic/, or +strikethrough+.
+
+[[https://github.com/fniessen/org-html-themes/org/theme-chooser.htmltheme-chooser.txt][Link to another page.]]
+
+There should be whitespace between paragraphs.
+
+There should be whitespace between paragraphs. We recommend including a README,
+or a file with information about your project.
+
+* Header 1
+
+This is a normal paragraph following a header. GitHub is a code hosting platform
+for version control and collaboration. It lets you and others work together on
+projects from anywhere.
+
+** Header 2
+
+This is a blockquote following a header.
+
+When something is important enough, you do it even if the odds are not in your
+favor.
+
+*** Header 3
+
+#+begin_src javascript
+// Javascript code with syntax highlighting.
+var fun = function lang(l) {
+  dateformat.i18n = require('./lang/' + l)
+  return true;
+}
+#+end_src
+
+#+begin_src ruby
+# Ruby code with syntax highlighting
+GitHubPages::Dependencies.gems.each do |gem, version|
+  s.add_dependency(gem, "= #{version}")
+end
+#+end_src
+
+**** Header 4
+
+- This is an unordered list following a header.
+- This is an unordered list following a header.
+- This is an unordered list following a header.
+
+***** Header 5
+
+1. This is an ordered list following a header.
+2. This is an ordered list following a header.
+3. This is an ordered list following a header.
+
+****** Header 6
+
+| head1        | head two          | three |
+|--------------+-------------------+-------|
+| ok           | good swedish fish | nice  |
+| out of stock | good and plenty   | nice  |
+| ok           | good ~oreos~      | hmm   |
+| ok           | good =zoute= drop | yumm  |
+
+*** There's a horizontal rule below this.
+
+-----
+
+*** Here is an unordered list:
+
+- Item foo
+- Item bar
+- Item baz
+- Item zip
+
+*** And an ordered list:
+
+1. Item one
+2. Item two
+3. Item three
+4. Item four
+
+*** And a nested list:
+
+- level 1 item
+  + level 2 item
+  + level 2 item
+    * level 3 item
+    * level 3 item
+- level 1 item
+  + level 2 item
+  + level 2 item
+  + level 2 item
+- level 1 item
+  + level 2 item
+  + level 2 item
+- level 1 item
+
+*** Small image
+
+Octocat
+
+*** Large image
+
+Branching
+
+*** Definition lists can be used with HTML syntax.
+
+- Name :: Godzilla
+- Born :: 1952
+- Birthplace :: Japan
+- Color :: Green
+
+: Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
+
+: The final element.
Author	SHA1	Message	Date
Fabrice Niessen	c22e142c25	Update advert (Valencia, I'm coming!)	2024-03-30 11:58:24 +01:00
Fabrice Niessen	0ee32f56f8	Update text and dates	2024-01-14 12:41:07 +01:00
Fabrice Niessen	ed0137d873	Fix typo	2023-12-29 16:43:01 +01:00
Fabrice Niessen	024d51e564	Update ad	2023-12-29 16:37:46 +01:00
Fabrice Niessen	dccd1b7c66	Update details for next EmacsBoost training course	2023-12-29 16:16:31 +01:00
Fabrice Niessen	98865b4509	Rename file	2023-12-06 11:22:46 +01:00
Fabrice Niessen	4aedbe2242	Add advert about Emacs Boost course	2023-10-08 12:19:58 +02:00
habibmy	adf720df1d	Update README.org changed HMTL to HTML	2023-05-31 09:25:19 +02:00
Δ̷̨̧̡̭̺̙̞͖̖͕̰̥̙̯͙̞̯̗̔͌͐̿͊̌́̄̑̿̓̉̈̀͘͠λ̶͔͓̘̘̳͇̻̍̏͌̅̓̓͂̍̾̔͜λ̶̛̯̖̯̲̱͎̙͎̎̐͆͂̽̓̇́͌́̀̏̎̅͋̏̊͘λ̶̨̨̰̟̯̫̲̲̫̯̭̤̳̼̫͉̹̞́̐̒Δ̷̡̛̥̖͇͚͍͍̄̏̂͛̅̌͗̂̽̅̀͆̿̔̚͜	baa88830d6	Update README.org There are now more than 1 theme(s) available :)	2023-05-04 14:39:07 +02:00
H. Dieter Wilhelm	37c298fb64	Typo in READMO.org	2023-04-13 22:16:01 +02:00
christian.koestlin	df3176e9ff	feature: Adjust the language of note blocks The language is determined based on what org export writes into the language attribute of the html element.	2023-04-13 22:15:24 +02:00
Olivier Berger	8bf16833c4	Fix call to next TODO review instead of quit on click Make clicking on "quit" the same as pressing 'q'. Probably a copy-paste error initially ?	2023-04-13 22:15:06 +02:00
Olivier Berger	b04414a421	Fix minitoc I make a distinction between searching the whole doc contents or just the current section, as I've adapted bigblow to not tabify main sections	2023-04-13 22:14:26 +02:00
Olivier Berger	0c3d9286c3	Proposed refresh of clipboard copy	2023-04-13 22:13:36 +02:00
Yaman Qalieh	d8cf56bb1f	Fix admonitions invoked with #+begin_	2022-09-12 10:33:14 +02:00
Rahul M. Juliato	d7ecf839ad	Update readtheorg.css	2022-08-01 09:46:55 +02:00
Thomas Freeman	ceeb696451	Prevent "UP \| HOME" links from being hidden by TOC Aligning the links for page up and home to the right side of the page prevents them from being hidden by the table of contents.	2022-07-27 21:27:36 +02:00
NethumL	b1f262c53a	Remove overflow for html and body in readtheorg	2022-07-27 21:24:23 +02:00
NethumL	8f265f1f8d	Fix `#content` height in readtheorg	2022-07-27 21:24:23 +02:00
Yaman Qalieh	5f74b7668f	Fix rendering for special tags	2022-05-24 20:11:20 +02:00
Yaman Qalieh	09fa87b05e	Exclude default style	2022-05-09 21:27:00 +02:00
Fabrice Niessen	fdfa9f22b2	Detangle src/readtheorg_theme/css/readtheorg.css	2022-02-06 18:27:32 +01:00
Fabrice Niessen	10ecfa4ce2	Detangle src/readtheorg_theme/js/readtheorg.js	2022-02-06 18:20:34 +01:00
Alejandro Gallo	116d473b25	Fix clicking on toc entries for readtheorg	2022-02-06 18:13:12 +01:00
Fabrice Niessen	cf8beb2288	Update copyright	2022-01-17 10:58:59 +01:00
Fabrice Niessen	20f8418223	Detangle change from ayys-toggle-sidebar-background into Org file	2021-08-31 19:12:52 +02:00
Fabrice Niessen	c7f9fc2d5b	Merge branch 'ayys-toggle-sidebar-background' * ayys-toggle-sidebar-background: (38 commits) Fix typography Add a user comment Update dates (for demo) Add example Added some checkboxes Fixed a broken link Update the link of the demo page Update dates in sample file Re-add Fontawesome in ReadTheOrg Improve H1 (like RTD) Update path to SETUPFILE Update path to SETUPFILE Set font-size for footnote-reference to 90% Update README.org Remove images Move sample file to 'tests' directory Use online SETUPFILE Add theme-chooser.txt Set theme jekyll-theme-minimal Name Sphinx in the doc ...	2021-08-31 19:05:50 +02:00
Fabrice Niessen	439fe6ce1e	Fix typography	2021-08-31 19:05:32 +02:00
Fabrice Niessen	72dc667711	Add a user comment	2021-08-31 19:05:32 +02:00
Fabrice Niessen	89e561d810	Update dates (for demo)	2021-08-31 19:05:32 +02:00
Fabrice Niessen	cab4c24f46	Add example	2021-08-31 19:05:32 +02:00
Hosein Naghdbishi	3a9f4cddaa	Added some checkboxes https://orgmode.org/manual/Checkboxes.html	2021-08-31 19:05:32 +02:00
Hosein Naghdbishi	ace21daad0	Fixed a broken link org-mode-syntax-example.org not org-mode-syntax-example.txt	2021-08-31 19:05:32 +02:00
Fabrice Niessen	e45dede29b	Update the link of the demo page	2021-08-31 19:05:32 +02:00
Fabrice Niessen	aaa180ada2	Update dates in sample file	2021-08-31 19:05:32 +02:00
Fabrice Niessen	9642843f39	Re-add Fontawesome in ReadTheOrg	2021-08-31 19:05:32 +02:00
Fabrice Niessen	ab5a8294d8	Improve H1 (like RTD)	2021-08-31 19:05:32 +02:00
Fabrice Niessen	a579183ceb	Update path to SETUPFILE	2021-08-31 19:05:32 +02:00
Fabrice Niessen	efafab7114	Update path to SETUPFILE	2021-08-31 19:05:32 +02:00
Fabrice Niessen	5da3f5709e	Set font-size for footnote-reference to 90% Closes: #123	2021-08-31 19:05:31 +02:00
seahawk1986	b16831e07e	Update README.org the styles folder war renamed to src	2021-08-31 19:05:31 +02:00
Fabrice Niessen	c9373a9a3d	Remove images	2021-08-31 19:05:31 +02:00
Fabrice Niessen	410db5c286	Move sample file to 'tests' directory	2021-08-31 19:05:31 +02:00
Fabrice Niessen	d51bfa9676	Use online SETUPFILE	2021-08-31 19:05:31 +02:00
Fabrice Niessen	fd4177f44a	Add theme-chooser.txt	2021-08-31 19:05:31 +02:00
Fabrice Niessen	28fa5439a1	Set theme jekyll-theme-minimal	2021-08-31 19:05:31 +02:00
Fabrice Niessen	cc35961953	Name Sphinx in the doc	2021-08-31 19:05:31 +02:00
Fabrice Niessen	badaaf9dde	Move images to 'docs' directory	2021-08-31 19:05:31 +02:00
Fabrice Niessen	4a88301cc2	Move 'demo' directory into 'docs'	2021-08-31 19:05:31 +02:00
Fabrice Niessen	4d6d98f763	Rename directory 'styles' to 'src'	2021-08-31 19:05:31 +02:00
Fabrice Niessen	80a3e202b5	Add hyperlink	2021-08-31 19:05:31 +02:00
Fabrice Niessen	e3c36ab8ed	Add demo page (Org mode syntax example)	2021-08-31 19:05:31 +02:00
Fabrice Niessen	b13c054ad3	Move quotations in the appropriate theme section	2021-08-31 19:05:31 +02:00
Fabrice Niessen	bc5e2528bd	Add "play" button in the center of the BigBlow image	2021-08-31 19:05:31 +02:00
Fabrice Niessen	061fa4d74f	Change extension of example Org file	2021-08-31 19:05:31 +02:00
Fabrice Niessen	c2c5814b17	Improve example	2021-08-31 19:05:30 +02:00
Fabrice Niessen	b9017497a3	Move example file to `org' directory	2021-08-31 19:05:30 +02:00
Fabrice Niessen	a6bdf7b7bb	Rename directory `setup' into `org' (first and last time!) This will ease the use of dotfiles utilities (as in https://dotfiles.github.io/utilities/).	2021-08-31 19:05:30 +02:00
Fabrice Niessen	2d0a83a2b2	Bigblow: Quitting the review panel (from Axel Kielhorn) Closes: #111	2021-08-31 19:05:30 +02:00
Fabrice Niessen	77b8a5f488	Quote URL in import directive (thanks to Samuel Degoul) See https://github.com/fniessen/org-html-themes/pull/108#issuecomment-679262423	2021-08-31 19:05:30 +02:00
आयुष झा	1017294e34	added depth-agnostic css to deal with arbitrary depth in toc	2021-08-31 19:05:30 +02:00
आयुष झा	ffe39aa04f	commented out all the old nested code One may remove these if they wish to	2021-08-31 19:05:30 +02:00
आयुष झा	b92c35236d	Removed Fontawesome from readtheorg This merge fixes issue #77 Remove fontawesome and it's mentions from readtheorg theme	2021-08-31 19:05:30 +02:00
आयुष झा	1d08553ca3	Added a nice white color for the table-of-contents item When hovering over an item in the table of contents, the default color of text is not very visible with the #4e4a4a background color. This fixes the issue for me.	2021-08-31 19:05:30 +02:00
Fabrice Niessen	82b0f164ef	Fix typography	2021-05-13 15:25:41 +02:00
Fabrice Niessen	7ca895a7d7	Add a user comment	2021-05-13 15:24:19 +02:00
Fabrice Niessen	7a827c44be	Update dates (for demo)	2021-05-08 12:35:04 +02:00
Fabrice Niessen	f54e162af9	Add example	2021-05-01 17:53:08 +02:00
Hosein Naghdbishi	a87840dcbd	Added some checkboxes https://orgmode.org/manual/Checkboxes.html	2021-04-13 14:54:55 +02:00
Hosein Naghdbishi	1f87ed4bbe	Fixed a broken link org-mode-syntax-example.org not org-mode-syntax-example.txt	2021-04-13 13:50:01 +02:00
Fabrice Niessen	c68375892c	Update the link of the demo page	2021-04-13 10:22:10 +02:00
Fabrice Niessen	b072a6603e	Update dates in sample file	2021-04-10 22:09:10 +02:00
Fabrice Niessen	39a8ce24ba	Re-add Fontawesome in ReadTheOrg	2021-01-26 21:14:59 +01:00
Fabrice Niessen	3a67fc4ef1	Improve H1 (like RTD)	2021-01-26 21:13:20 +01:00
Fabrice Niessen	713600b3aa	Update path to SETUPFILE	2021-01-25 20:37:27 +01:00
Fabrice Niessen	890653c144	Update path to SETUPFILE	2021-01-25 20:35:44 +01:00
Fabrice Niessen	885ddd8451	Set font-size for footnote-reference to 90% Closes: #123	2020-12-19 19:02:25 +01:00
seahawk1986	fbad4f0fbb	Update README.org the styles folder war renamed to src	2020-12-17 13:15:56 +01:00
Fabrice Niessen	f7224a4894	Remove images	2020-11-25 16:02:31 +01:00
Fabrice Niessen	8d14135942	Move sample file to 'tests' directory	2020-11-25 16:00:16 +01:00
Fabrice Niessen	1a25629b9c	Use online SETUPFILE	2020-11-25 15:49:40 +01:00
Fabrice Niessen	bbe96d460e	Add theme-chooser.txt	2020-11-25 15:47:15 +01:00
Fabrice Niessen	69d51ca156	Set theme jekyll-theme-minimal	2020-11-25 15:22:45 +01:00
Fabrice Niessen	d9e3f36a49	Name Sphinx in the doc	2020-11-25 09:50:50 +01:00
Fabrice Niessen	96754cf0a4	Move images to 'docs' directory	2020-11-21 18:26:20 +01:00
Fabrice Niessen	05aaf2c62a	Move 'demo' directory into 'docs'	2020-11-21 18:23:32 +01:00
Fabrice Niessen	385e8a473e	Rename directory 'styles' to 'src'	2020-11-21 18:18:26 +01:00
Fabrice Niessen	ffc3c1d98d	Add hyperlink	2020-11-21 17:39:00 +01:00
Fabrice Niessen	0591ccdf30	Add demo page (Org mode syntax example)	2020-11-21 11:18:44 +01:00
Fabrice Niessen	26faada6f1	Move quotations in the appropriate theme section	2020-11-21 11:08:20 +01:00
Fabrice Niessen	7840f4db40	Add "play" button in the center of the BigBlow image	2020-11-21 11:03:38 +01:00
Fabrice Niessen	06ee89d09e	Change extension of example Org file	2020-11-20 09:29:31 +01:00
Fabrice Niessen	86f6db32fe	Improve example	2020-11-20 08:43:10 +01:00
Fabrice Niessen	24f1e449ae	Move example file to `org' directory	2020-11-19 17:18:51 +01:00
Fabrice Niessen	2096851d8f	Rename directory `setup' into `org' (first and last time!) This will ease the use of dotfiles utilities (as in https://dotfiles.github.io/utilities/).	2020-11-19 17:15:52 +01:00
Fabrice Niessen	8b377759ee	Bigblow: Quitting the review panel (from Axel Kielhorn) Closes: #111	2020-11-11 14:49:05 +01:00
Fabrice Niessen	7e4e2ec560	Quote URL in import directive (thanks to Samuel Degoul) See https://github.com/fniessen/org-html-themes/pull/108#issuecomment-679262423	2020-08-30 16:45:17 +02:00
आयुष झा	ecb38170be	added depth-agnostic css to deal with arbitrary depth in toc	2020-07-01 13:53:56 +02:00
आयुष झा	855820a924	commented out all the old nested code One may remove these if they wish to	2020-07-01 13:53:56 +02:00
आयुष झा	4e370f3b38	Removed Fontawesome from readtheorg This merge fixes issue #77 Remove fontawesome and it's mentions from readtheorg theme	2020-06-07 19:05:07 +02:00
आयुष झा	a207fdbb5e	Added a nice white color for the table-of-contents item When hovering over an item in the table of contents, the default color of text is not very visible with the #4e4a4a background color. This fixes the issue for me.	2020-06-07 18:58:48 +02:00
आयुष झा	456da52c52	Removed background so the blob goes away Remove the background color for #toggle-sidebar element because on smaller screens the toggle div looks aweful, like some blob that was misplaced.	2020-05-31 21:16:46 +05:45
Fabrice Niessen	3a1995b800	Update path to SETUPFILE	2020-04-06 16:48:00 +02:00
Fabrice Niessen	8618e33846	Remove README HMTML file	2020-04-06 16:47:17 +02:00
Fabrice Niessen	f5348eaf56	Rename LICENSE.org file	2020-04-06 16:46:56 +02:00
Chuan Ma	da598b9156	Fixed 2 issues on demo/example.org. 1). use relative path in SETUPFILE 2). use `#+begin_export html` block to replace `#+begin_html` block. `#+begin_html` doesn't work in newer version of org-mode.	2020-02-16 15:51:33 +01:00
Fabrice Niessen	a34481949f	Update SETUPFILE to make it universally working Close #99	2020-02-01 20:14:49 +01:00
Muad Abd El Hay	11c560fae5	Added note about copying the styles folder for the local installation	2020-01-20 17:49:55 +01:00
Garrett Rolfs	a70478e4c7	Update theme-readtheorg-local.setup to be fully local setup/theme-readtheorg-local.setup had two entries where the javascript libraries were being sourced from the web. The following were downloaded: https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js and placed in styles/lib/js. The versions were located in GitHub and the corresponding license files contents were placed in the directory using the same convention as stickytableheaders. Here are the license URLs: https://github.com/twbs/bootstrap/blob/v3.3.4/LICENSE https://github.com/jquery/jquery/blob/2.1.3/MIT-LICENSE.txt setup/theme-readtheorg-local.setup was updated to reference styles/lib/js in place of the URLs.	2020-01-10 23:32:45 +01:00