1
0
mirror of https://github.com/RyanGreenup/cadmus.git synced 2025-08-30 00:59:54 +02:00

Added CSS Styles to use

This commit is contained in:
Ryan Greenup
2020-07-14 21:39:40 +10:00
parent ff5a9e2cb4
commit 880adb63ce
297 changed files with 59368 additions and 3 deletions

View File

@@ -0,0 +1,734 @@
<?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>

View File

@@ -0,0 +1,263 @@
#+TITLE: How to export Org mode files into awesome HTML in 2 minutes
#+AUTHOR: Fabrice Niessen
#+EMAIL: (concat "fniessen" at-sign "pirilampo.org")
#+DESCRIPTION: Org-HTML export made simple.
#+KEYWORDS: org-mode, export, html, theme, style, css, js, bigblow
#+LANGUAGE: en
#+OPTIONS: H:4 toc:t num:2
#+PROPERTY: header-args :padline no
#+SETUPFILE: setup/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" />
#+html: </a>
#+html: <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">
#+html: <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
#+html: </a>
* Overview
** Description
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
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!
Share this content by tweeting this page:
#+html: <script src="http://platform.twitter.com/widgets.js"></script>
#+html: <a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a>
Follow [[https://twitter.com/f_niessen][f_niessen]] on Twitter for updates on Org-HTML themes!
** Requirements
Org mode version 8 (or later) is required.
If such a version is not bundled with your Emacs, install one from ELPA.
* Quotations
** About Bigblow
"Very very nice, I enjoy it a lot." \\
-- /Ista Zahn/
"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
[[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/
"Thanks a lot for sharing [...] 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's reference as a webpage." \\
-- /Shankar R./
"I like Bigblow the best. I've exported most of my Org files using this theme
and published them within my company's intranet. Thanks for sharing this
wonderful package!" \\
-- /Richard K./
** 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
this theme." \\
-- /Carsten D./
"That is incredibly impressive. Thanks for this." \\
-- /Noah R./
"Thank you! I enjoy your themes. The best ones I've ever found." \\
-- /Kang T./
"Awesome theme. Wonderful job. You're doing a wonderful thing --- 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." \\
-- /D. C. Toedt/
"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
* Demo
I've written a 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,
admonitions, footnotes, tables and other details.
* Using a theme
Using a theme from the [[id:79e0ed21-c3b0-4f00-bdab-29fbff9dcad4][theme gallery]] for your own Org documents is very easy:
1. You *add a* =#+SETUPFILE:= *directive* in the preamble of your document (to include
the necessary CSS and JavaScript files).
You can either use an URL of the following type for the "setup file" of your
chosen theme:
#+begin_src org :exports code
,#+SETUPFILE: https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup
#+end_src
(where ~THEME-NAME~ is ~theme-bigblow~ or ~theme-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":
#+begin_src org :exports code
,#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME-local.setup
#+end_src
2. Then, you *export* your Org mode file *to HTML* with =org-html-export-to-html= or
with =C-c C-e h h=.
* Customizing a theme
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
change...
** Change the background code blocks
Here's an example to insert into your Org documents:
#+begin_src org :tangle no
# Change the background of source block.
,#+HTML_HEAD: <style>pre.src{background:#343131;color:white;} </style>
#+end_src
** Unset body width limit of ReadTheOrg
Solution provided by Malcolm Cook:
#+begin_src org :tangle no
,#+HTML_HEAD: <style> #content{max-width:1800px;}</style>
,#+HTML_HEAD: <style> p{max-width:800px;}</style>
,#+HTML_HEAD: <style> li{max-width:800px;}</style
#+end_src
* Contributing
** Issues
Report issues and suggest features and improvements on the [[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].
** Patches
I love contributions! Patches under any form are always welcome!
** Donations
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!
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.
* License
Copyright (C) 2011-2018 Fabrice Niessen.
Author: Fabrice Niessen \\
Keywords: org-mode html themes
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.
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.
You should have received a copy of the GNU General Public License along with
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" />
#+html: </a>
#+html: <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">
#+html: <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
#+html: </a>

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

View File

@@ -0,0 +1,235 @@
<?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>

View File

@@ -0,0 +1,158 @@
#+TITLE: Example of Tasks
#+AUTHOR: Fabrice Niessen
#+EMAIL: (concat "fniessen" at-sign "pirilampo.org")
#+DATE: 2015-04-28
#+LANGUAGE: en
#+OPTIONS: H:4 num:nil toc:2
#+SETUPFILE: ~/src/org-html-themes/setup/theme-readtheorg.setup
#+begin_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
-----
* Work :work:
:PROPERTIES:
:CATEGORY: Work
:END:
Only work tasks in this list.
** Marketing
:PROPERTIES:
:CATEGORY: Marketing
:END:
Project "Corporate Marketing".
*** Background and research
**** TODO Who are the competitors?
**** TODO What are our product's advantages?
**** TODO Target market
**** TODO Elevator pitch
*** PR firm
**** TODO Call Laura about PR firm :phone:
# *************** 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:
# *************** TODO Another test with an inline task
*** Advertising campaign
**** TODO Call Joe
DEADLINE: <2014-03-06 Thu>
:PROPERTIES:
:Effort: 0:10
:END:
*** Plan conference
Calendar events/invitations.
**** TODO Recruit volunteers
DEADLINE: <2014-03-13 Thu>
**** TODO Make sure responses are coming back
** Operations
*** TODO Update database to latest version
SCHEDULED: <2014-03-13 Thu>
*** TODO Update Website
Update blog.
** Travel
*** Boston
**** TODO Find a flight
**** TODO Book hotel room
**** TODO Schedule meetings
**** TODO Submit expense report
-----
* Personal :home:
:PROPERTIES:
:CATEGORY: Personal
:END:
** Reading
*** DONE Read "Getting Things Done"
:LOGBOOK:
- State "TODO" -> "DONE" [2014-01-06 Mon 15:10]
:END:
** Health
*** TODO Make dentist appointment
SCHEDULED: <2014-03-12 Wed>
*** TODO Go to the gym
SCHEDULED: <2014-03-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.
** Finance
*** TODO Pay electricity bill :FLAGGED:
*** TODO Renew newspaper subscription
*** TODO Cancel insurance
** Chores
*** TODO Buy milk
*** TODO Buy dog food
*** WAIT Mail package to Susan
*** TODO Buy groceries
*** TODO Mow the lawn
*** TODO Get a haircut
*** TODO Buy anniversary present
*** TODO Take out trash
*** TODO Get the car fixed
** Recreation
*** TODO Go to concert

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View File

@@ -0,0 +1,15 @@
# -*- 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>

View File

@@ -0,0 +1,15 @@
# -*- 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>

View File

@@ -0,0 +1,9 @@
# -*- 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>

View File

@@ -0,0 +1,9 @@
# -*- 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"/>
#+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>

View File

@@ -0,0 +1,756 @@
/* bigblow.css --- BigBlow CSS file */
/* Copyright (C) 2011-2014 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 */
/* published by the Free Software Foundation, either version 3 of */
/* the License, or (at your option) any later version. */
/* This file 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. */
/* Author: Fabrice Niessen <(concat "fniessen" at-sign "pirilampo.org")> */
/* URL: https://github.com/fniessen/org-html-themes/ */
/* Version: 20140605.0925 */
html, body {
border: 0;
margin: 0;
padding: 0;
}
@media print {
.dontprint {
display: none;
}
}
#preamble {
background: none repeat scroll 0 0 #46484B;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
font-weight: bold;
height: 224px; /* so that content begins after... */
padding: 2px 2px 0 6px;
}
#banner {
text-align: center;
}
#tabs {
background-color: #2061A2;
float: left;
margin: 0px 0px 20px 0px;
padding: 0;
width: 100%;
}
#tabs ul {
margin: 0;
padding: 0;
}
#tabs li {
float: left;
list-style-type: none;
margin: 0px 2px 0px 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
}
#tabs li a {
color: #EEEEEE;
display: block;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 4px 10px 4px 10px;
text-decoration: none;
}
#tabs li a:hover {
background: #759FCF;
color: #FFFFFF;
}
#tabs li.ui-tabs-active a {
background: #FFFFFF;
color: #555555;
}
#content {
clear: both;
background-color: #FFFFFF;
font-size: 100%;
margin: 0 auto;
max-width: 810px;
overflow-x: hidden;
overflow-y: auto;
padding: 0px 10px 2px 10px;
}
#postamble {
color: #999999;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
height: 40px;
margin: 0 auto;
max-width: 810px;
padding-right: 30px;
padding-top: 22px;
padding: 2px 2px 0 6px;
text-align: right;
}
body {
color: #333333;
font: 13px/1.385 arial,helvetica,clean,sans-serif;
margin: 0 .1em;
padding: 0;
}
b {
color: #000000;
}
i {
color: #1A1A1A;
}
h1, ul#tabs, h2, h3, h4, h5 {
font-family: "Trebuchet MS",Verdana,sans-serif;
}
h1 {
background-color: #0A3F69;
color: #F8F8F8;
font-size: 24px;
margin: 0;
padding: 9px 0px 0px 10px;
}
h2 {
border-bottom: 4px solid #67B3E3;
color: #13679D;
font-size: 20px;
}
h3, h4, h5, h6 {
color: #1572AE;
}
h3 {
border-bottom: 1px solid #B5DAF1;
font-size: 16px;
margin-left: 25px;
}
h4 {
border-bottom: 1px dotted #C9E3F5;
font-size: 14px;
margin-left: 60px;
}
h5 {
font-size: 1em;
margin-left: 87px;
}
h6 {
font-size: 1em;
margin-left: 100px;
}
.DONEheader {
color: #ADADAD;
text-decoration: line-through;
}
h3.DONEheader {
border-bottom: 1px solid #DDDDDD;
}
h4.DONEheader {
border-bottom: 1px dotted #DDDDDD;
}
.outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5,
.outline-3 > ul, /* for HTML export of Beamer slides */
.outline-4 > ol, #text-footnotes {
margin-left: 100px;
}
li > .outline-text-5 {
margin-left: 20px;
}
ul, ol {
padding-left: 1.5em;
}
dt {
color: #1572AE;
font-weight: bold;
}
dd {
margin-bottom: 6px;
}
pre {
/* Use #EAEAEA for background-color of border with src code block's name */
background-color: #F8F8FF;
border: 1px solid #DEDEDE;
color: #444444;
font-family: monospace;
line-height: 1.14em;
overflow: auto;
/* overflow-x: auto; */
padding: 10px;
}
code {
background-color: #F8F8FF;
border: 1px solid #DEDEDE;
color: #444444;
font-family: monospace;
/* font-size: 0.93em; */
margin: 0px 1px;
padding: 0px 2px;
}
li > p, li > ul, li > .inlinetask, li > dl {
margin-left: 0px;
}
dd > p, dd > ul, dd > .inlinetask, dd > dl {
margin-left: 0px;
}
li.checked {
list-style-image: url('../images/checked.png');
}
li.halfchecked {
list-style-image: url('../images/halfchecked.png');
}
li.unchecked {
list-style-image: url('../images/unchecked.png');
}
a, a:link, a:visited {
color: #2061A2;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:focus {
outline: none;
}
#search {
border-radius: 3px;
background: none repeat scroll 0 0 #FFFFFF;
display: block;
float: right;
height: 18px;
margin: 5px 10px 0 0;
overflow: hidden;
padding: 0 3px;
width: 188px;
}
#search input {
border: 0 none;
color: #666666;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 2px 4px;
width: 160px;
}
#search button {
background: url("../images/search-glass.png") no-repeat scroll 0 50% transparent;
border: 0 none;
cursor: pointer;
display: block;
float: right;
height: 18px;
margin: 0;
text-indent: -999em;
width: 14px;
}
table {
border-collapse: collapse;
margin-right: auto;
margin-left: auto;
}
table td {
padding: 3px 5px;
}
table, th, td
{
border: 1px solid #B5DAF1;
border-left: 2px solid white;
border-right: 2px solid white;
}
th
{
border-width: 1px 2px;
border-color: white;
background-color: #2061A2;
color: white;
}
caption {
color: #8D8D84;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.figure {
color: #8D8D84;
text-align: center;
}
.fixme {
background: #FFFF88 url('../images/fixme.png') no-repeat top left;
color: #CC0000;
display: inline-block;
height: 16px;
text-indent: -9999px;
width: 82px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.justify {
text-align: justify;
}
.inlinetask {
background-color: #F7F7F7;
border-collapse: separate;
border-color: #EEEEEE #EEEEEE #EEEEEE #1E90FF;
border-style: solid;
border-width: 1px 1px 1px 6px;
padding: 8px 8px 0px 8px;
margin: 10px 0px;
}
.inlinetask td {
padding: 2px 5px 0px 2px;
border: 0px;
}
.info {
border: 1px solid;
background: url('../images/info.png') no-repeat 10px 10px #BDE5F8;
color: #00529B;
padding: 4px 10px 4px 52px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin: 10px 0px;
}
.tip {
border: 1px solid;
background: url('../images/tip.png') no-repeat 10px 10px #DFF2BF;
color: #4F8A10;
padding: 4px 10px 4px 52px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin: 10px 0px;
}
.note {
border: 1px solid;
background: url('../images/note.png') no-repeat 10px 10px #FFFCCB;
color: #9F6000;
padding: 4px 10px 4px 52px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin: 10px 0px;
}
.warning {
border: 1px solid;
background: url('../images/warning.png') no-repeat 10px 10px #FFBABA;
color: #D8000C;
padding: 4px 10px 4px 52px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin: 10px 0px;
}
.todo, .done {
margin: 10px 0;
padding: 0px 2px;
}
.NEW {
background-color: #FDFCD8;
border: 1px solid #EEE9C3;
color: #302B13;
font-weight: normal;
}
.TODO {
background-color: #FED5D7;
border: 1px solid #FC5158;
color: #FC5158;
}
.STRT, .STARTED {
background-color: #FEF2D4;
border: 1px solid #FDBF3D;
color: #FDBF3D;
}
.WAIT, .WAITING, .DLGT, .DELEGATED {
background-color: #DFFFDF;
border: 1px solid #55BA80;
color: #55BA80;
}
.SDAY, .SOMEDAY, .DFRD, .DEFERRED {
background-color: #D3EEFF;
border: 1px solid #42B5FF;
color: #42B5FF;
}
.DONE, .CANX, .CANCELED {
background-color: #F2F2EE;
border: 1px solid #969696;
color: #969696;
}
.tag span {
background-color: #EDEDED;
border: 1px solid #EDEDED;
color: #939393;
cursor: pointer;
display: block;
float: right;
font-size: 80%;
font-weight: normal;
margin: 0 3px;
padding: 1px 2px;
border-radius: 10px;
}
#right-panel-contents .tag span {
font-size: 100%;
}
.tag span:hover {
background: #BABDB6;
}
.tag .FLAGGED {
background-color: #EDC6C8;
border: 1px solid #EDC6C8;
color: #C15F4E;
}
.tag .selected {
background-color: #FFEBC1;
border: 1px solid #FDBF3B;
color: #A6750C;
}
#listOfTags .tag span {
display: inline;
float: none;
}
span.todo {
cursor: pointer;
/* display: block; */
/* float: left; */
margin: -1px 3px 0px 0px;
}
span.todo:hover {
background: #BABDB6;
color: #888888;
}
span.todo .selected {
background-color: #FFEBC1;
border-color: #FDBF3B;
color: #A6750C;
}
.matchtag {
background-color: #FBFFC0;
}
.matchNEW {
background-color: #FDFCD8;
}
.matchTODO {
background-color: #FFE6E4;
}
.matchSTRT {
background-color: #FEF2D4;
}
.matchWAIT, .matchDLGT {
background-color: #DFFFDF;
}
.matchSDAY, .matchDFRD {
background-color: #E0EFFF;
}
#listOfTodo, #listOfDone, #listOfTags {
/* bottom: 10px; /\* together with this to put the div at the bottom*\/ */
/* left: 10px; */
/* list-style-type: none; */
margin-left: 0px;
/* position: fixed; /\* this is the magic *\/ */
}
.timestamp-kwd {
background-color: #FFF1F1;
color: #880000;
margin: 0px 4px 0px 0px;
padding: 2px 0px 2px 2px;
}
.timestamp {
color: #777777;
font-size: 80%;
}
#table-of-contents {
background-color: #FFFFDD;
border: 1px solid #E4E4E4;
display: table;
line-height: 1.2em;
padding: 4px;
margin: 4px;
max-width: 400px;
float: right;
width: auto;
}
#table-of-contents h2 {
display: none;
}
#table-of-contents ul {
margin: 0;
padding: 0;
}
#table-of-contents li {
list-style-type: none;
margin: 0;
}
#table-of-contents li li {
margin-left: 1.5em;
}
#table-of-contents li li li {
font-size: 0.8em;
}
#table-of-contents a {
color: #606060;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
}
#table-of-contents a:hover {
color: #C61A1A;
text-decoration: underline;
}
#minitoc {
background-color: #FFFFDD;
border: 1px solid #E4E4E4;
color: #484848;
line-height: 1.2em;
margin: 12px;
padding: 4px;
position: fixed;
width: auto;
}
#minitoc a {
display: block;
font-size: 10px;
font-weight: normal;
}
#minitoc a {
display: none;
}
#minitoc:hover a {
display: block;
}
#minitoc h2 {
margin: 3px 0px;
border: none;
font-size: 11px;
}
p.verse {
color: #808080;
font-style: italic;
}
.example {
background-color: #DDFADE;
border: 1px solid #9EC49F;
color: #333333;
}
.alert {
font-weight: bold;
color: #FF0000;
}
#toTop {
background: #F7F7F7;
border: 1px solid #CCCCCC;
top: 10px; /* together with this to put the div at the top */
color: #333333;
cursor: pointer;
display: none;
font-family: verdana;
font-size: 11px;
padding: 5px;
position: fixed; /* this is the magic */
right: 10px;
text-align: center;
width: 100px;
z-index: 999;
}
#toTop:hover {
text-decoration: underline;
}
#left-panel-wrapper {
position: fixed;
z-index: 200;
/* display: none; /\* hide the panel if Javascript is not running *\/ */
}
#left-panel-contents {
background-color: #EFEFEF;
border-right: 1px dotted #ADADAD;
display: none;
height: 100%;
left: 0px;
position: fixed;
text-align: left;
top: 0;
width: 199px;
z-index: 200;
padding-top: 7px;
padding-left: 7px;
}
#left-panel-button {
transform: rotate(90deg);
background-color: #EFEFEF;
border: 1px dotted #ADADAD;
border-bottom-width: 0px;
left: -23px;
position: fixed;
top: 50%;
z-index: 200;
padding: 2px 5px 5px 5px;
}
#right-panel-wrapper {
position: fixed;
z-index: 200;
/* display: none; /\* hide the panel if Javascript is not running *\/ */
}
#right-panel-contents {
background-color: #EFEFEF;
border-left: 1px dotted #ADADAD;
display: none;
height: 100%;
right: 0px;
position: fixed;
text-align: left;
top: 0;
width: 199px;
z-index: 200;
padding-top: 7px;
padding-left: 7px;
}
.org-src-container {
position: relative;
}
.snippet-copy-to-clipboard {
display: none;
position: absolute;
right: 10px;
top: 5px;
font-size: 0.9em;
text-decoration:underline;
}
.copy-to-clipboard-button:hover {
cursor: pointer;
}
/* This is for the sake of Emacs. */
/* Local Variables: */
/* eval: (when (locate-library "rainbow-mode") (require 'rainbow-mode) (rainbow-mode)) */
/* End: */

View File

@@ -0,0 +1,116 @@
/* hideshow.css --- HideShow CSS file */
/* Copyright (C) 2014 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 */
/* published by the Free Software Foundation, either version 3 of */
/* the License, or (at your option) any later version. */
/* This file 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. */
/* Author: Fabrice Niessen <(concat "fniessen" at-sign "pirilampo.org")> */
/* URL: https://github.com/fniessen/hide-show/ */
/* Version: 20140912.1722 */
.hsExpanded.hsAnchor {background: #EE7700;}
.buttons {
padding: 0px 7px 13px 0px;
background: #0A3F69;
}
.hsButton {
color: white;
float: right;
font-size: 70%;
margin-left: 10px;
}
.hsButton:hover {
background: #FBE448;
color: black;
cursor: pointer;
}
.ellipsis {
color: #999999;
/* background-color: #FFF8C0; */
/* float: right; */
margin-left: 0.6em;
}
.hsReview {
border: 1px solid #A4A4A4;
background-color: white;
z-index: 500; /* must be greater then z-index of hsOverlay */
position: relative; /* required for z-index to work */
}
#hsOverlay {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
background-color: #000;
opacity: .70;
z-index: 250; /* must be greater than any other z-index (except the one for .hsReview */
}
.hsReviewPanel {
background-color: #757176;
color: white;
line-height: 1.1em;
margin: 10px 0px;
padding: 10px;
position: fixed;
width: auto;
bottom: 0px;
right: 0px;
z-index: 501;
text-align: center;
}
.hsReviewPanel.hsReviewing {
display: none;
}
.hsReviewPanel:hover {
cursor: pointer;
}
.hsReviewingPanel {
background-color: white;
color: #757176;
line-height: 1.1em;
margin: 10px 0px;
padding: 10px;
position: fixed;
width: auto;
bottom: 0px;
right: 0px;
z-index: 501;
text-align: center;
}
.hsReviewButton:hover {
cursor: pointer;
}
.hsUnselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* This is for the sake of Emacs. */
/* Local Variables: */
/* eval: (when (locate-library "rainbow-mode") (require 'rainbow-mode) (rainbow-mode)) */
/* End: */

View File

@@ -0,0 +1,145 @@
.org-bold { /* bold */ font-weight: bold; }
.org-bold-italic { /* bold-italic */ font-weight: bold; font-style: italic; }
.org-buffer-menu-buffer { /* buffer-menu-buffer */ font-weight: bold; }
.org-builtin { /* font-lock-builtin-face */ color: #7a378b; }
.org-button { /* button */ text-decoration: underline; }
.org-calendar-today { /* calendar-today */ text-decoration: underline; }
.org-change-log-acknowledgement { /* change-log-acknowledgement */ color: #b22222; }
.org-change-log-conditionals { /* change-log-conditionals */ color: #a0522d; }
.org-change-log-date { /* change-log-date */ color: #8b2252; }
.org-change-log-email { /* change-log-email */ color: #a0522d; }
.org-change-log-file { /* change-log-file */ color: #0000ff; }
.org-change-log-function { /* change-log-function */ color: #a0522d; }
.org-change-log-list { /* change-log-list */ color: #a020f0; }
.org-change-log-name { /* change-log-name */ color: #008b8b; }
.org-comint-highlight-input { /* comint-highlight-input */ font-weight: bold; }
.org-comint-highlight-prompt { /* comint-highlight-prompt */ color: #00008b; }
.org-comment { /* font-lock-comment-face */ color: #b22222; }
.org-comment-delimiter { /* font-lock-comment-delimiter-face */ color: #b22222; }
.org-completions-annotations { /* completions-annotations */ font-style: italic; }
.org-completions-common-part { /* completions-common-part */ color: #000000; background-color: #ffffff; }
.org-completions-first-difference { /* completions-first-difference */ font-weight: bold; }
.org-constant { /* font-lock-constant-face */ color: #008b8b; }
.org-diary { /* diary */ color: #ff0000; }
.org-diff-context { /* diff-context */ color: #7f7f7f; }
.org-diff-file-header { /* diff-file-header */ background-color: #b3b3b3; font-weight: bold; }
.org-diff-function { /* diff-function */ background-color: #cccccc; }
.org-diff-header { /* diff-header */ background-color: #cccccc; }
.org-diff-hunk-header { /* diff-hunk-header */ background-color: #cccccc; }
.org-diff-index { /* diff-index */ background-color: #b3b3b3; font-weight: bold; }
.org-diff-nonexistent { /* diff-nonexistent */ background-color: #b3b3b3; font-weight: bold; }
.org-diff-refine-change { /* diff-refine-change */ background-color: #d9d9d9; }
.org-dired-directory { /* dired-directory */ color: #0000ff; }
.org-dired-flagged { /* dired-flagged */ color: #ff0000; font-weight: bold; }
.org-dired-header { /* dired-header */ color: #228b22; }
.org-dired-ignored { /* dired-ignored */ color: #7f7f7f; }
.org-dired-mark { /* dired-mark */ color: #008b8b; }
.org-dired-marked { /* dired-marked */ color: #ff0000; font-weight: bold; }
.org-dired-perm-write { /* dired-perm-write */ color: #b22222; }
.org-dired-symlink { /* dired-symlink */ color: #a020f0; }
.org-dired-warning { /* dired-warning */ color: #ff0000; font-weight: bold; }
.org-doc { /* font-lock-doc-face */ color: #8b2252; }
.org-escape-glyph { /* escape-glyph */ color: #a52a2a; }
.org-file-name-shadow { /* file-name-shadow */ color: #7f7f7f; }
.org-flyspell-duplicate { /* flyspell-duplicate */ color: #cdad00; font-weight: bold; text-decoration: underline; }
.org-flyspell-incorrect { /* flyspell-incorrect */ color: #ff4500; font-weight: bold; text-decoration: underline; }
.org-fringe { /* fringe */ background-color: #f2f2f2; }
.org-function-name { /* font-lock-function-name-face */ color: #0000ff; }
.org-header-line { /* header-line */ color: #333333; background-color: #e5e5e5; }
.org-help-argument-name { /* help-argument-name */ font-style: italic; }
.org-highlight { /* highlight */ background-color: #b4eeb4; }
.org-holiday { /* holiday */ background-color: #ffc0cb; }
.org-isearch { /* isearch */ color: #b0e2ff; background-color: #cd00cd; }
.org-isearch-fail { /* isearch-fail */ background-color: #ffc1c1; }
.org-italic { /* italic */ font-style: italic; }
.org-keyword { /* font-lock-keyword-face */ color: #a020f0; }
.org-lazy-highlight { /* lazy-highlight */ background-color: #afeeee; }
.org-link { /* link */ color: #0000ff; text-decoration: underline; }
.org-link-visited { /* link-visited */ color: #8b008b; text-decoration: underline; }
.org-log-edit-header { /* log-edit-header */ color: #a020f0; }
.org-log-edit-summary { /* log-edit-summary */ color: #0000ff; }
.org-log-edit-unknown-header { /* log-edit-unknown-header */ color: #b22222; }
.org-match { /* match */ background-color: #ffff00; }
.org-next-error { /* next-error */ background-color: #eedc82; }
.org-nobreak-space { /* nobreak-space */ color: #a52a2a; text-decoration: underline; }
.org-org-archived { /* org-archived */ color: #7f7f7f; }
.org-org-block { /* org-block */ color: #7f7f7f; }
.org-org-block-begin-line { /* org-block-begin-line */ color: #b22222; }
.org-org-block-end-line { /* org-block-end-line */ color: #b22222; }
.org-org-checkbox { /* org-checkbox */ font-weight: bold; }
.org-org-checkbox-statistics-done { /* org-checkbox-statistics-done */ color: #228b22; font-weight: bold; }
.org-org-checkbox-statistics-todo { /* org-checkbox-statistics-todo */ color: #ff0000; font-weight: bold; }
.org-org-clock-overlay { /* org-clock-overlay */ background-color: #ffff00; }
.org-org-code { /* org-code */ color: #7f7f7f; }
.org-org-column { /* org-column */ background-color: #e5e5e5; }
.org-org-column-title { /* org-column-title */ background-color: #e5e5e5; font-weight: bold; text-decoration: underline; }
.org-org-date { /* org-date */ color: #a020f0; text-decoration: underline; }
.org-org-document-info { /* org-document-info */ color: #191970; }
.org-org-document-info-keyword { /* org-document-info-keyword */ color: #7f7f7f; }
.org-org-document-title { /* org-document-title */ color: #191970; font-size: 144%; font-weight: bold; }
.org-org-done { /* org-done */ color: #228b22; font-weight: bold; }
.org-org-drawer { /* org-drawer */ color: #0000ff; }
.org-org-ellipsis { /* org-ellipsis */ color: #b8860b; text-decoration: underline; }
.org-org-footnote { /* org-footnote */ color: #a020f0; text-decoration: underline; }
.org-org-formula { /* org-formula */ color: #b22222; }
.org-org-headline-done { /* org-headline-done */ color: #bc8f8f; }
.org-org-hide { /* org-hide */ color: #ffffff; }
.org-org-latex-and-export-specials { /* org-latex-and-export-specials */ color: #8b4513; }
.org-org-level-1 { /* org-level-1 */ color: #0000ff; }
.org-org-level-2 { /* org-level-2 */ color: #a0522d; }
.org-org-level-3 { /* org-level-3 */ color: #a020f0; }
.org-org-level-4 { /* org-level-4 */ color: #b22222; }
.org-org-level-5 { /* org-level-5 */ color: #228b22; }
.org-org-level-6 { /* org-level-6 */ color: #008b8b; }
.org-org-level-7 { /* org-level-7 */ color: #7a378b; }
.org-org-level-8 { /* org-level-8 */ color: #8b2252; }
.org-org-link { /* org-link */ color: #0000ff; text-decoration: underline; }
.org-org-meta-line { /* org-meta-line */ color: #b22222; }
.org-org-mode-line-clock { /* org-mode-line-clock */ color: #000000; background-color: #bfbfbf; }
.org-org-mode-line-clock-overrun { /* org-mode-line-clock-overrun */ color: #000000; background-color: #ff0000; }
.org-org-quote { /* org-quote */ color: #7f7f7f; }
.org-org-scheduled { /* org-scheduled */ color: #006400; }
.org-org-scheduled-previously { /* org-scheduled-previously */ color: #b22222; }
.org-org-scheduled-today { /* org-scheduled-today */ color: #006400; }
.org-org-sexp-date { /* org-sexp-date */ color: #a020f0; }
.org-org-special-keyword { /* org-special-keyword */ color: #a020f0; }
.org-org-table { /* org-table */ color: #0000ff; }
.org-org-tag { /* org-tag */ font-weight: bold; }
.org-org-target { /* org-target */ text-decoration: underline; }
.org-org-time-grid { /* org-time-grid */ color: #b8860b; }
.org-org-todo { /* org-todo */ color: #ff0000; font-weight: bold; }
.org-org-upcoming-deadline { /* org-upcoming-deadline */ color: #b22222; }
.org-org-verbatim { /* org-verbatim */ color: #7f7f7f; }
.org-org-verse { /* org-verse */ color: #7f7f7f; }
.org-org-warning { /* org-warning */ color: #ff0000; font-weight: bold; }
.org-outline-1 { /* outline-1 */ color: #0000ff; }
.org-outline-2 { /* outline-2 */ color: #a0522d; }
.org-outline-3 { /* outline-3 */ color: #a020f0; }
.org-outline-4 { /* outline-4 */ color: #b22222; }
.org-outline-5 { /* outline-5 */ color: #228b22; }
.org-outline-6 { /* outline-6 */ color: #008b8b; }
.org-outline-7 { /* outline-7 */ color: #7a378b; }
.org-outline-8 { /* outline-8 */ color: #8b2252; }
.org-preprocessor { /* font-lock-preprocessor-face */ color: #7a378b; }
.org-query-replace { /* query-replace */ color: #b0e2ff; background-color: #cd00cd; }
.org-regexp-grouping-backslash { /* font-lock-regexp-grouping-backslash */ font-weight: bold; }
.org-regexp-grouping-construct { /* font-lock-regexp-grouping-construct */ font-weight: bold; }
.org-region { /* region */ background-color: #eedc82; }
.org-secondary-selection { /* secondary-selection */ background-color: #ffff00; }
.org-shadow { /* shadow */ color: #7f7f7f; }
.org-show-paren-match { /* show-paren-match */ background-color: #40e0d0; }
.org-show-paren-mismatch { /* show-paren-mismatch */ color: #ffffff; background-color: #a020f0; }
.org-string { /* font-lock-string-face */ color: #8b2252; }
.org-tool-bar { /* tool-bar */ color: #000000; background-color: #bfbfbf; }
.org-tooltip { /* tooltip */ color: #000000; background-color: #ffffe0; }
.org-trailing-whitespace { /* trailing-whitespace */ background-color: #ff0000; }
.org-type { /* font-lock-type-face */ color: #228b22; }
.org-underline { /* underline */ text-decoration: underline; }
.org-variable-name { /* font-lock-variable-name-face */ color: #a0522d; }
.org-warning { /* font-lock-warning-face */ color: #ff0000; font-weight: bold; }
.org-widget-button { /* widget-button */ font-weight: bold; }
.org-widget-button-pressed { /* widget-button-pressed */ color: #ff0000; }
.org-widget-documentation { /* widget-documentation */ color: #006400; }
.org-widget-field { /* widget-field */ background-color: #d9d9d9; }
.org-widget-inactive { /* widget-inactive */ color: #7f7f7f; }
.org-widget-single-line-field { /* widget-single-line-field */ background-color: #d9d9d9; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 625 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,531 @@
// bigblow.js --- BigBlow JS file
//
// Copyright (C) 2011-2016 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
// published by the Free Software Foundation, either version 3 of
// the License, or (at your option) any later version.
//
// This file 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.
//
// Author: Fabrice Niessen <(concat "fniessen" at-sign "pirilampo.org")>
// URL: https://github.com/fniessen/org-html-themes/
// Version: 20140515.1841
$(function() {
$('p').
html(function(index, old) {
return old.replace('FIXME',
'<span class="fixme">FIXME</span>');
});
$('p').
html(function(index, old) {
return old.replace('XXX',
'<span class="fixme">XXX</span>');
});
});
// Remove leading section number
$(function() {
$('.section-number-2').text("");
for (var i = 3; i <= 5; i++) {
$('.section-number-' + i).each(function() {
$(this).text($(this).text().replace(/^[0-9]+\./g, ""));
});
}
});
$(function() {
$('<div id="minitoc" class="dontprint"></div>').prependTo('body');
});
// 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>");
});
// Ensure that the target is expanded (hideShow)
$('#minitoc a[href^="#"]').click(function() {
var href = $(this).attr('href');
hsExpandAnchor(href);
});
}
// display tabs
function tabifySections() {
// hide TOC (if present)
$('#table-of-contents').hide();
// grab the list of `h2' from the page
var allSections = [];
$('h2')
.each(function() {
// Remove TODO keywords and tags (contained in spans)
var tabText = $(this).clone().find('span').remove().end()
.text().trim();
var tabId = $(this).parent().attr('id');
if (tabText) {
// - remove heading number (all leading digits)
// - remove progress logging (between square brackets)
// - remove leading and trailing spaces
tabText = tabText.replace(/^\d+\s+/, '').replace(/\[[\d/%]+\]/, '').trim();
allSections.push({
text: tabText,
id: tabId
});
}
});
// create the tab links
var tabs = $('<ul id="tabs"></ul>');
for (i = 0; i < allSections.length; i++) {
var item = allSections[i];
html = $('<li><a href="#' + item.id + '">' + item.text + '</a></li>');
tabs.append(html);
}
// insert tabs menu after title (`h1'), or at the beginning of the content
if($('.title').length !== 0) {
$('.title').after(tabs);
}
else {
$('#content').prepend(tabs);
}
}
function selectTabAndScroll(href) {
// At this point we assume that href is local (starts with #)
// alert(href);
// Find the tab to activate
var targetTab = $(href).closest('.ui-tabs-panel');
var targetTabId = targetTab.attr('id');
var targetTabAriaLabel = targetTab.attr('aria-labelledby');
var targetTabIndex = $("#content ul li")
.index($('[aria-labelledby="' + targetTabAriaLabel + '"]'));
// Activate target tab
$('#content').tabs('option', 'active', targetTabIndex);
// Rebuild minitoc
generateMiniToc(targetTabId);
// Set the location hash
// document.location.hash = href;
// Scroll to top if href was a tab
if (href == '#' + targetTabId) {
// alert(targetTabId);
$.scrollTo(0);
}
// Scroll to href if href was not a tab
else {
$.scrollTo(href);
}
}
$(document).ready(function() {
$('#preamble').remove();
$('#table-of-contents').remove();
// Prepare for tabs
tabifySections();
// Build the tabs from the #content div
$('#content').tabs();
// Set default animation
$('#content').tabs('option', 'show', true);
// Rebuild minitoc when a tab is activated
$('#content').tabs({
activate: function(event, ui) {
var divId = ui.newTab.attr('aria-controls');
generateMiniToc(divId);
}
});
// Required to get the link of the tab in URL
$('#content ul').localScroll({
target: '#content',
duration: 0,
hash: true
});
// Handle hash in URL
if ($('#content') && document.location.hash) {
hsExpandAnchor(document.location.hash);
selectTabAndScroll(document.location.hash);
}
// If no hash, build the minitoc anyway for selected tab
else {
var divId = $('#content div[aria-expanded=true]').attr('id');
generateMiniToc(divId);
}
// Handle click on internal links
$('.ui-tabs-panel a[href^="#"]').click(function(e) {
var href = $(this).attr('href');
hsExpandAnchor(href);
selectTabAndScroll(href);
e.preventDefault();
});
// Initialize hideShow
hsInit();
// add sticky headers to tables
$('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 () {
$(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);
});
}
});
$(function() {
$('li > code :contains("[X]")')
.parent()
.addClass('checked')
.end()
.remove();
$('li > code :contains("[-]")')
.parent()
.addClass('halfchecked')
.end()
.remove();
$('li > code :contains("[ ]")')
.parent()
.addClass('unchecked')
.end()
.remove();
});
$(function() {
$('i :contains("[#A]")')
.replaceWith('<i><span style="color: #F67777;">[#A]</span></i>');
$('i :contains("[#B]")')
.replaceWith('<i><span style="color: #B6E864;">[#B]</span></i>');
$('i :contains("[#C]")')
.replaceWith('<i><span style="color: #C3DCFF;">[#C]</span></i>');
});
$(function() {
$('<div id="toTop" class="dontprint"><span>^ Back to Top</span></div>').appendTo('body');
$(window).scroll(function() {
if ($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function(e) {
$('html, body').animate({scrollTop: 0}, 800);
e.preventDefault(); // Disable default browser behavior
});
});
function togglePanel(e) {
e.preventDefault();
$("#left-panel-contents").toggleClass('active').toggle(200);
$("#right-panel-contents").toggleClass('active').toggle(200);
var slidePos =
$("#left-panel-button").css("left") == "-23px"? '182px': '-23px';
$("#left-panel-button").
animate({"left": slidePos, "opacity": 0.9}, {duration: "200" });
// if ($("#left-panel-contents").hasClass('active')) {
// hsHideTodoKeyword('done');
// } else {
// hsShowTodoKeyword('done');
// }
// return false;
}
$(function() {
$('<div id="left-panel-wrapper" class="dontprint"><div id="left-panel-contents" style="opacity: 0.9"></div><div id="left-panel-button" class="dontprint"><a href="#">Dashboard</a></div></div>')
.appendTo('body');
$('<div id="right-panel-wrapper" class="dontprint"><div id="right-panel-contents" style="opacity: 0.9"></div></div>')
.appendTo('body');
$('#left-panel-button').click(togglePanel);
});
$(function() {
var ul = $('<ul id="listOfTodo"></ul>').appendTo('#left-panel-contents');
var countOfTodo = {}, listOfTodo = [], totalOfTodo = 0;
// assign the counts (avoid double-counting elements from the ToC)
$('span.todo').not($('#table-of-contents span.todo')).each(function() {
var $thisTodo = $(this).text().trim();
if ($.inArray($thisTodo, listOfTodo) == -1) {
countOfTodo[$thisTodo] = 1;
listOfTodo.push($thisTodo);
}
else
countOfTodo[$thisTodo] += 1;
totalOfTodo += 1;
});
function scoreTodo(t) {
switch (t) {
case 'NEW': return 1;
case 'TODO': return 2;
case 'STRT': return 3;
case 'WAIT': return 4;
case 'DLGT': return 5;
case 'SDAY': return 6;
case 'DFRD': return 7;
case 'DONE': return 8;
case 'CANX': return 9;
default: return 0;
}
}
function compareTodo(a, b) {
if (scoreTodo(a) < scoreTodo(b)) return -1;
if (scoreTodo(a) > scoreTodo(b)) return 1;
return 0;
}
listOfTodo.sort(compareTodo);
// display
for (i = 0; i < listOfTodo.length; i++) {
var $thisTodo = listOfTodo[i];
$(ul).append('<li><span class="todo ' + $thisTodo + '">'+ $thisTodo + '</span>'
+ ' <small>(' + countOfTodo[$thisTodo] + ')</small></li>');
}
$('#listOfTodo')
.before('<b>Next Actions</b> <small>(' + totalOfTodo + ')</small>:<br>');
});
$(function() {
var ul = $('<ul id="listOfDone"></ul>').appendTo('#left-panel-contents');
var countOfDone = {}, listOfDone = [], totalOfDone = 0;
// assign the counts (avoid double-counting elements from the ToC)
$('span.done').not($('#table-of-contents span.done')).each(function() {
var $thisDone = $(this).text().trim();
if ($.inArray($thisDone, listOfDone) == -1) {
countOfDone[$thisDone] = 1;
listOfDone.push($thisDone);
}
else
countOfDone[$thisDone] += 1;
totalOfDone += 1;
});
// display
for (i = 0; i < listOfDone.length; i++) {
var $thisDone = listOfDone[i];
$(ul).append('<li><span class="done ' + $thisDone + '">'+ $thisDone + '</span>'
+ ' <small>(' + countOfDone[$thisDone] + ')</small></li>');
}
$('#listOfDone')
.before('<b>Done Actions</b> <small>(' + totalOfDone + '):</small><br>');
});
$(function() {
var ul = $('<ul id="listOfTags"></ul>').appendTo('#right-panel-contents');
var countOfTags = {}, listOfTags = [], totalOfTags = 0;
// assign the counts (avoid double-counting elements from the ToC)
$('span.tag').not($('#table-of-contents span.tag')).each(function() {
var $thisTagGroup = $(this).text().trim().split(/\s/);
// \s matches spaces, tabs, new lines, etc.
for (tag in $thisTagGroup) {
if ($.inArray($thisTagGroup[tag], listOfTags) == -1) {
countOfTags[$thisTagGroup[tag]] = 1;
listOfTags.push($thisTagGroup[tag]);
}
else
countOfTags[$thisTagGroup[tag]] += 1;
totalOfTags += 1;
}
});
listOfTags.sort();
// display
for (i = 0; i < listOfTags.length; i++) {
var $thisTag = listOfTags[i];
// $(ul).append('<li><span class="tag ' + $thisTag + '">'+
// $thisTag + '</span> <small>(' + countOfTags[$thisTag] + ')</small></li>');
$(ul).append('<li><span class="tag"><span class="' + $thisTag + '">' + $thisTag
+ '</span></span>'
+ ' <small>(' + countOfTags[$thisTag] + ')</small></li>');
}
$('#listOfTags')
.before('<b>Contexts</b> <small>(' + totalOfTags + '):</small><br>');
});
$(function() {
$('.done').parent(':header').parent().find(':header').addClass('DONEheader');
$('.done').parent(':header').parent().css({color: '#999999'});
});
$(function() {
$('span.todo').click(function(e) {
var orgKeyword = $(this).text().trim();
$('.' + orgKeyword).toggleClass('selected');
$('#content .' + orgKeyword).parent().parent()
.toggleClass('match' + orgKeyword);
$('#left-panel-wrapper .' + orgKeyword).parent()
.toggleClass('match' + orgKeyword);
e.preventDefault();
})
});
$(function() {
$('.tag span').click(function(e) {
var orgTag = $(this).text().trim();
$('.' + orgTag).toggleClass('selected');
$('#content .' + orgTag).parent().parent().parent()
.toggleClass('matchtag');
$('#right-panel-wrapper .' + orgTag).parent().parent()
.toggleClass('matchtag');
e.preventDefault();
})
});
function clickPreviousTab() {
var active = $('#content').tabs('option', 'active');
// Avoid going back to last tab
if (active == 0) return;
$('#content').tabs('option', 'active', active - 1);
// Set the location href
var href = $('#content div[aria-expanded=true]').attr('id');
document.location.hash = href;
$.scrollTo(0);
}
function clickNextTab() {
var active = $('#content').tabs('option', 'active');
$('#content').tabs('option', 'active', active + 1);
// Set the location href
var href = $('#content div[aria-expanded=true]').attr('id');
document.location.hash = href;
$.scrollTo(0);
}
function orgDefkey(e) {
if (!e)
var e = window.event;
var keycode = (e.keyCode) ? e.keyCode : e.which;
var actualkey = String.fromCharCode(keycode);
switch (actualkey) {
case "?": // help (dashboard)
case "h":
togglePanel(e);
break;
case "n": // next
clickNextTab();
break;
case "p": // previous
clickPreviousTab();
break;
// case "b": // scroll down - should be mapped to Shift-SPC
// $(window).scrollTop($(window).scrollTop()-$(window).height());
// break;
case "<": // scroll to top
$(window).scrollTop(0);
break;
case ">": // scroll to bottom
$(window).scrollTop($(document).height());
break;
case "-": // collapse all
hsCollapseAll();
break;
case "+": // expand all
hsExpandAll();
break;
case "r": // go to next task
hsReviewTaskNext();
break;
case "R": // go to previous task
hsReviewTaskPrev();
break;
case "q": // quit reviewing
hsReviewTaskQuit();
break;
case "g": // refresh the page (from the server, rather than the cache)
location.reload(true);
break;
}
}
document.onkeypress = orgDefkey;

View File

@@ -0,0 +1,332 @@
// hideshow.js --- HideShow JS file
//
// Copyright (C) 2014 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
// published by the Free Software Foundation, either version 3 of
// the License, or (at your option) any later version.
//
// This file 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.
//
// Author: Fabrice Niessen <(concat "fniessen" at-sign "pirilampo.org")>
// URL: https://github.com/fniessen/hide-show/
// Version: 20140912.1722
// var HS_COLLAPSIBLE_HEADERS = $('h3, h4, h5'); // collapsible headers
if (typeof HS_STARTUP_FOLDED === 'undefined') {
var HS_STARTUP_FOLDED = false; // Show just the overview, or show all.
}
if (typeof HS_SHOW_ALL_TEXT === 'undefined') {
var HS_SHOW_ALL_TEXT = '[Expand all]';
}
if (typeof HS_HIDE_ALL_TEXT === 'undefined') {
var HS_HIDE_ALL_TEXT = '[Collapse all]';
}
if (typeof HS_ALWAYS_DISPLAY_ICON === 'undefined') {
var HS_ALWAYS_DISPLAY_ICON = false; // Display an icon for all states, or
// just when closed.
}
if (typeof HS_ICON_CLOSED === 'undefined') {
var HS_ICON_CLOSED = '&#x25BA;'; // black right-pointing pointer
}
if (typeof HS_ICON_OPEN === 'undefined') {
var HS_ICON_OPEN = '&#x25BC;'; // black down-pointing triangle
}
if (typeof HS_ICON_EMPTY === 'undefined') {
var HS_ICON_EMPTY = '&#x25A0;'; // black square
}
if (typeof HS_SHOW_ALL_OPEN_DONE_TREES === 'undefined') {
var HS_SHOW_ALL_OPEN_DONE_TREES = false; // Expand all will open DONE trees.
}
if (typeof HS_CLASS === 'undefined') {
var HS_CLASS = 'hsCollapsible';
}
// Expand a header
function hsExpand(header) {
hsExpand2(header, true);
}
// Expand a header
function hsExpand2(header, expandDoneHeader) {
// Ignore non collapsible entries
if (!header.parent().hasClass(HS_CLASS)) return;
// Do not expand DONE node if not required
if (hsIsDoneHeader(header) && !expandDoneHeader) return;
header.children('span[class="ellipsis"]').remove();
if (HS_ALWAYS_DISPLAY_ICON == true) {
header.append('<span class="ellipsis"> ' + HS_ICON_OPEN + '</span>');
}
header.parent().removeClass('hsCollapsed').addClass('hsExpanded');
header.nextAll().show();
}
// Expand a header and all its parents
function hsExpandParents(header) {
hsExpand(header);
header.parents('.hsCollapsed').each(function() {
hsExpand($(this).children(':header'));
});
}
// Collapse a header and all its parents
function hsCollapseParents(header) {
hsCollapse(header);
header.parents('.hsExpanded').each(function() {
hsCollapse($(this).children(':header'));
});
}
// Collapse a header
function hsCollapse(header) {
// Ignore non collapsible entries
if (!header.parent().hasClass(HS_CLASS)) return;
header.children('span[class="ellipsis"]').remove();
header.append('<span class="ellipsis"> ' + HS_ICON_CLOSED + '</span>');
header.parent().removeClass('hsExpanded').addClass('hsCollapsed');
// header.nextAll().hide('fast');
header.nextAll().hide();
}
// Toggle a header
function hsToggleCollapsing(header) {
if (header.parent().hasClass('hsCollapsed'))
hsExpand(header);
else if (header.parent().hasClass('hsExpanded'))
hsCollapse(header);
}
// Expand all headers
function hsExpandAll() {
$('#content .hsCollapsed').each(function() {
hsExpand2($(this).children(':header'), HS_SHOW_ALL_OPEN_DONE_TREES);
});
}
// Collapse all headers
function hsCollapseAll() {
$('#content .hsExpanded').each(function() {
hsCollapse($(this).children(':header'));
});
}
// Collapse all visible headers
function hsCollapseAllVisible() {
$('#content .hsExpanded:visible').each(function() {
hsCollapse($(this).children(':header'));
});
}
// Add click events to H3/H4/H5 headers which have contents.
function hsInit() {
for (var i = 3; i <= 5; i++) {
$('#content .outline-' + i).each(function() {
var header = $(this).children(':header');
if (header.siblings().length > 0) {
$(this).addClass(HS_CLASS);
header.css({cursor: 'pointer'});
header.click(function() {
hsToggleCollapsing($(this)); });
// Allow to override global Collapse/Expand default on an entry
// basis (see property `:HTML_CONTAINER_CLASS:')
if (header.parent().hasClass('hsCollapsed')) {
hsCollapse(header);
} else if (header.parent().hasClass('hsExpanded')) {
hsExpand(header);
} else {
hsSetDefaultVisibility(header);
}
}
else {
if (HS_ALWAYS_DISPLAY_ICON == true) {
header.append('<span class="ellipsis"> ' + HS_ICON_EMPTY
+ '</span>');
}
$(this).addClass('hsEmpty');
}
});
}
// Add buttons
$('.title').after($('<div class="buttons dontprint"></div>'));
$('.buttons').append($('<span>' + HS_SHOW_ALL_TEXT + '</span>')
.addClass('hsButton')
.click(hsExpandAll));
$('.buttons').append($('<span>' + HS_HIDE_ALL_TEXT + '</span>')
.addClass('hsButton')
.click(hsCollapseAll));
}
// Returns true if a header is a DONE header
function hsIsDoneHeader(header) {
return $('span.done', header).length;
}
// Sets the default visibility state to a header
function hsSetDefaultVisibility(header) {
if (HS_STARTUP_FOLDED) {
hsCollapse(header);
}
else {
if (!hsIsDoneHeader(header) | HS_SHOW_ALL_OPEN_DONE_TREES) {
hsExpand(header);
}
else {
hsCollapse(header);
}
}
}
// Expands an anchor, i.e. expand all parent headers
function hsExpandAnchor(id) {
// alert(id);
if (id) {
// alert($(id + '.hsNode').length);
$(id).parents('.hsCollapsed').each(function() {
hsExpand2($(this).children(':header'), true);
});
}
}
// Search for next task to review, starting from beginning of current tab.
// If BACKWARD is true, search in the reverse direction.
function hsReviewTaskNext(backward) {
// If no tasks to review at all, do nothing.
if ($('.outline-2 span.todo').length == 0) return;
if ($('.hsReviewing').length == 0) { // reviewing is starting
$('body').addClass('hsReviewing');
$('.hsReviewPanel').addClass('hsReviewing');
$('body').prepend('<div id="hsOverlay"></div>');
hsAddReviewingPanels();
hsCollapseAll();
// Get first task to review on each tab and expand it
$('.outline-2').each(function(){
var firstTodo = $(this).find('span.todo:first').parent().parent();
firstTodo.addClass('hsReview');
hsExpandParents($(firstTodo).children(':header'));
});
}
else {
// Get all todos
var todosElements = $('.outline-2:visible span.todo').parent().parent();
// alert(todosElements.length);
var todos = jQuery.makeArray(todosElements);
if (backward) {
todos = todos.reverse();
}
// Find current review item and review the next one
var foundReview = false;
var index;
for (index = 0; index < todos.length; ++index) {
var todo = todos[index];
if (foundReview) {
$(todo).addClass('hsReview');
hsExpandParents($(todo).children(':header'));
break;
}
if ($(todo).hasClass('hsReview')) {
foundReview = true;
if (index < todos.length - 1) {
$(todo).removeClass('hsReview');
hsCollapseParents($(todo).children(':header'));
}
}
}
// Update reviewing panel
if (index < todos.length) {
var reviewItem = index + 1;
if (backward) {
reviewItem = todos.length - index;
}
$('.outline-2:visible .hsReviewingPanel .hsReviewItem').text(reviewItem);
}
}
// Scroll to the current review item
$('html, body').animate({
scrollTop: $(".hsReview:visible").offset().top
}, 200);
}
// go to previous task to review
function hsReviewTaskPrev() {
hsReviewTaskNext(true);
}
// stop reviewing tasks
function hsReviewTaskQuit() {
$('body').removeClass('hsReviewing');
$('.hsReviewPanel').removeClass('hsReviewing');
$('.hsReview').removeClass('hsReview');
$('#hsOverlay').remove();
$('.hsReviewingPanel').remove();
}
function hsHideTodoKeyword(kw) {
$('span.' + kw).addClass('hsHidden').parent().parent().hide();
}
function hsShowTodoKeyword(kw) {
$('span.' + kw).removeClass('hsHidden').parent().parent().show();
// XXX Show if parent is not collapsed!
}
function hsAddReviewPanels() {
$('.outline-2').each(function(e) {
var nbItems = $(this).find('span.todo').length;
if (nbItems > 0) {
$(this).prepend('<div class="hsReviewPanel hsUnselectable" onclick="hsReviewTaskNext()">'
+ 'Press r or click here<br>'
+ 'to review ' + nbItems + ' tasks<br>'
+ '(out of ' + nbReviewTotalTasks + ' tasks)</div>');
}
});
}
function hsAddReviewingPanels() {
$('.outline-2').each(function(e) {
var nbItems = $(this).find('span.todo').length;
if (nbItems > 0) {
$(this).prepend('<div class="hsReviewingPanel hsUnselectable">Reviewing task <span class="hsReviewItem">1</span> / ' + nbItems + '<br>'
+ '(out of ' + nbReviewTotalTasks + ' tasks)<br>'
+ 'Shortcuts: '
+ '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
+ '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span>'
+ '</div>');
}
else {
$(this).prepend('<div class="hsReviewingPanel hsUnselectable">No task to review<br>'
+ '(out of ' + nbReviewTotalTasks + ' tasks)<br>'
+ 'Shortcuts: '
+ '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
+ '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span>'
+ '</div>');
}
});
}
var nbReviewTotalTasks;
$(document).ready(function() {
nbReviewTotalTasks = $('.outline-2 span.todo').length;
hsAddReviewPanels();
});

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,9 @@
/**
* jQuery.LocalScroll - Animated scrolling navigation, using anchors.
* Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 3/11/2009
* @author Ariel Flesler
* @version 1.2.7
**/
;(function($){var l=location.href.replace(/#.*/,'');var g=$.localScroll=function(a){$('body').localScroll(a)};g.defaults={duration:1e3,axis:'y',event:'click',stop:true,target:window,reset:true};g.hash=function(a){if(location.hash){a=$.extend({},g.defaults,a);a.hash=false;if(a.reset){var e=a.duration;delete a.duration;$(a.target).scrollTo(0,a);a.duration=e}i(0,location,a)}};$.fn.localScroll=function(b){b=$.extend({},g.defaults,b);return b.lazy?this.bind(b.event,function(a){var e=$([a.target,a.target.parentNode]).filter(d)[0];if(e)i(a,e,b)}):this.find('a,area').filter(d).bind(b.event,function(a){i(a,this,b)}).end().end();function d(){return!!this.href&&!!this.hash&&this.href.replace(this.hash,'')==l&&(!b.filter||$(this).is(b.filter))}};function i(a,e,b){var d=e.hash.slice(1),f=document.getElementById(d)||document.getElementsByName(d)[0];if(!f)return;if(a)a.preventDefault();var h=$(b.target);if(b.lock&&h.is(':animated')||b.onBefore&&b.onBefore.call(b,a,f,h)===false)return;if(b.stop)h.stop(true);if(b.hash){var j=f.id==d?'id':'name',k=$('<a> </a>').attr(j,d).css({position:'absolute',top:$(window).scrollTop(),left:$(window).scrollLeft()});f[j]='';$('body').prepend(k);location=e.hash;k.remove();f[j]=d}h.scrollTo(f,b).trigger('notify.serialScroll',[f])}})(jQuery);

View File

@@ -0,0 +1,7 @@
/**
* Copyright (c) 2007-2012 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* @author Ariel Flesler
* @version 1.4.3.1
*/
;(function($){var h=$.scrollTo=function(a,b,c){$(window).scrollTo(a,b,c)};h.defaults={axis:'xy',duration:parseFloat($.fn.jquery)>=1.3?0:1,limit:true};h.window=function(a){return $(window)._scrollable()};$.fn._scrollable=function(){return this.map(function(){var a=this,isWin=!a.nodeName||$.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!isWin)return a;var b=(a.contentWindow||a).document||a.ownerDocument||a;return/webkit/i.test(navigator.userAgent)||b.compatMode=='BackCompat'?b.body:b.documentElement})};$.fn.scrollTo=function(e,f,g){if(typeof f=='object'){g=f;f=0}if(typeof g=='function')g={onAfter:g};if(e=='max')e=9e9;g=$.extend({},h.defaults,g);f=f||g.duration;g.queue=g.queue&&g.axis.length>1;if(g.queue)f/=2;g.offset=both(g.offset);g.over=both(g.over);return this._scrollable().each(function(){if(e==null)return;var d=this,$elem=$(d),targ=e,toff,attr={},win=$elem.is('html,body');switch(typeof targ){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=$(targ,this);if(!targ.length)return;case'object':if(targ.is||targ.style)toff=(targ=$(targ)).offset()}$.each(g.axis.split(''),function(i,a){var b=a=='x'?'Left':'Top',pos=b.toLowerCase(),key='scroll'+b,old=d[key],max=h.max(d,a);if(toff){attr[key]=toff[pos]+(win?0:old-$elem.offset()[pos]);if(g.margin){attr[key]-=parseInt(targ.css('margin'+b))||0;attr[key]-=parseInt(targ.css('border'+b+'Width'))||0}attr[key]+=g.offset[pos]||0;if(g.over[pos])attr[key]+=targ[a=='x'?'width':'height']()*g.over[pos]}else{var c=targ[pos];attr[key]=c.slice&&c.slice(-1)=='%'?parseFloat(c)/100*max:c}if(g.limit&&/^\d+$/.test(attr[key]))attr[key]=attr[key]<=0?0:Math.min(attr[key],max);if(!i&&g.queue){if(old!=attr[key])animate(g.onAfterFirst);delete attr[key]}});animate(g.onAfter);function animate(a){$elem.animate(attr,f,g.easing,a&&function(){a.call(this,e,g)})}}).end()};h.max=function(a,b){var c=b=='x'?'Width':'Height',scroll='scroll'+c;if(!$(a).is('html,body'))return a[scroll]-$(a)[c.toLowerCase()]();var d='client'+c,html=a.ownerDocument.documentElement,body=a.ownerDocument.body;return Math.max(html[scroll],body[scroll])-Math.min(html[d],body[d])};function both(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
!function(a,b){"use strict";function c(c,g){var h=this;h.$el=a(c),h.el=c,h.id=e++,h.$window=a(b),h.$document=a(document),h.$el.bind("destroyed",a.proxy(h.teardown,h)),h.$clonedHeader=null,h.$originalHeader=null,h.isSticky=!1,h.hasBeenSticky=!1,h.leftOffset=null,h.topOffset=null,h.init=function(){h.$el.each(function(){var b=a(this);b.css("padding",0),h.$originalHeader=a("thead:first",this),h.$clonedHeader=h.$originalHeader.clone(),b.trigger("clonedHeader."+d,[h.$clonedHeader]),h.$clonedHeader.addClass("tableFloatingHeader"),h.$clonedHeader.css("display","none"),h.$originalHeader.addClass("tableFloatingHeaderOriginal"),h.$originalHeader.after(h.$clonedHeader),h.$printStyle=a('<style type="text/css" media="print">.tableFloatingHeader{display:none !important;}.tableFloatingHeaderOriginal{position:static !important;}</style>'),a("head").append(h.$printStyle)}),h.setOptions(g),h.updateWidth(),h.toggleHeaders(),h.bind()},h.destroy=function(){h.$el.unbind("destroyed",h.teardown),h.teardown()},h.teardown=function(){h.isSticky&&h.$originalHeader.css("position","static"),a.removeData(h.el,"plugin_"+d),h.unbind(),h.$clonedHeader.remove(),h.$originalHeader.removeClass("tableFloatingHeaderOriginal"),h.$originalHeader.css("visibility","visible"),h.$printStyle.remove(),h.el=null,h.$el=null},h.bind=function(){h.$scrollableArea.on("scroll."+d,h.toggleHeaders),h.isWindowScrolling||(h.$window.on("scroll."+d+h.id,h.setPositionValues),h.$window.on("resize."+d+h.id,h.toggleHeaders)),h.$scrollableArea.on("resize."+d,h.toggleHeaders),h.$scrollableArea.on("resize."+d,h.updateWidth)},h.unbind=function(){h.$scrollableArea.off("."+d,h.toggleHeaders),h.isWindowScrolling||(h.$window.off("."+d+h.id,h.setPositionValues),h.$window.off("."+d+h.id,h.toggleHeaders)),h.$scrollableArea.off("."+d,h.updateWidth)},h.toggleHeaders=function(){h.$el&&h.$el.each(function(){var b,c=a(this),d=h.isWindowScrolling?isNaN(h.options.fixedOffset)?h.options.fixedOffset.outerHeight():h.options.fixedOffset:h.$scrollableArea.offset().top+(isNaN(h.options.fixedOffset)?0:h.options.fixedOffset),e=c.offset(),f=h.$scrollableArea.scrollTop()+d,g=h.$scrollableArea.scrollLeft(),i=h.isWindowScrolling?f>e.top:d>e.top,j=(h.isWindowScrolling?f:0)<e.top+c.height()-h.$clonedHeader.height()-(h.isWindowScrolling?0:d);i&&j?(b=e.left-g+h.options.leftOffset,h.$originalHeader.css({position:"fixed","margin-top":h.options.marginTop,left:b,"z-index":3}),h.leftOffset=b,h.topOffset=d,h.$clonedHeader.css("display",""),h.isSticky||(h.isSticky=!0,h.updateWidth()),h.setPositionValues()):h.isSticky&&(h.$originalHeader.css("position","static"),h.$clonedHeader.css("display","none"),h.isSticky=!1,h.resetWidth(a("td,th",h.$clonedHeader),a("td,th",h.$originalHeader)))})},h.setPositionValues=function(){var a=h.$window.scrollTop(),b=h.$window.scrollLeft();!h.isSticky||0>a||a+h.$window.height()>h.$document.height()||0>b||b+h.$window.width()>h.$document.width()||h.$originalHeader.css({top:h.topOffset-(h.isWindowScrolling?0:a),left:h.leftOffset-(h.isWindowScrolling?0:b)})},h.updateWidth=function(){if(h.isSticky){h.$originalHeaderCells||(h.$originalHeaderCells=a("th,td",h.$originalHeader)),h.$clonedHeaderCells||(h.$clonedHeaderCells=a("th,td",h.$clonedHeader));var b=h.getWidth(h.$clonedHeaderCells);h.setWidth(b,h.$clonedHeaderCells,h.$originalHeaderCells),h.$originalHeader.css("width",h.$clonedHeader.width())}},h.getWidth=function(c){var d=[];return c.each(function(c){var e,f=a(this);if("border-box"===f.css("box-sizing"))e=f[0].getBoundingClientRect().width;else{var g=a("th",h.$originalHeader);if("collapse"===g.css("border-collapse"))if(b.getComputedStyle)e=parseFloat(b.getComputedStyle(this,null).width);else{var i=parseFloat(f.css("padding-left")),j=parseFloat(f.css("padding-right")),k=parseFloat(f.css("border-width"));e=f.outerWidth()-i-j-k}else e=f.width()}d[c]=e}),d},h.setWidth=function(a,b,c){b.each(function(b){var d=a[b];c.eq(b).css({"min-width":d,"max-width":d})})},h.resetWidth=function(b,c){b.each(function(b){var d=a(this);c.eq(b).css({"min-width":d.css("min-width"),"max-width":d.css("max-width")})})},h.setOptions=function(c){h.options=a.extend({},f,c),h.$scrollableArea=a(h.options.scrollableArea),h.isWindowScrolling=h.$scrollableArea[0]===b},h.updateOptions=function(a){h.setOptions(a),h.unbind(),h.bind(),h.updateWidth(),h.toggleHeaders()},h.init()}var d="stickyTableHeaders",e=0,f={fixedOffset:0,leftOffset:0,marginTop:0,scrollableArea:b};a.fn[d]=function(b){return this.each(function(){var e=a.data(this,"plugin_"+d);e?"string"==typeof b?e[b].apply(e):e.updateOptions(b):"destroy"!==b&&a.data(this,"plugin_"+d,new c(this,b))})}}(jQuery,window);

View File

@@ -0,0 +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
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

View File

@@ -0,0 +1,145 @@
.org-bold { /* bold */ font-weight: bold; }
.org-bold-italic { /* bold-italic */ font-weight: bold; font-style: italic; }
.org-buffer-menu-buffer { /* buffer-menu-buffer */ font-weight: bold; }
.org-builtin { /* font-lock-builtin-face */ color: #7a378b; }
.org-button { /* button */ text-decoration: underline; }
.org-calendar-today { /* calendar-today */ text-decoration: underline; }
.org-change-log-acknowledgement { /* change-log-acknowledgement */ color: #b22222; }
.org-change-log-conditionals { /* change-log-conditionals */ color: #a0522d; }
.org-change-log-date { /* change-log-date */ color: #8b2252; }
.org-change-log-email { /* change-log-email */ color: #a0522d; }
.org-change-log-file { /* change-log-file */ color: #0000ff; }
.org-change-log-function { /* change-log-function */ color: #a0522d; }
.org-change-log-list { /* change-log-list */ color: #a020f0; }
.org-change-log-name { /* change-log-name */ color: #008b8b; }
.org-comint-highlight-input { /* comint-highlight-input */ font-weight: bold; }
.org-comint-highlight-prompt { /* comint-highlight-prompt */ color: #00008b; }
.org-comment { /* font-lock-comment-face */ color: #999988; font-style: italic; }
.org-comment-delimiter { /* font-lock-comment-delimiter-face */ color: #999988; font-style: italic; }
.org-completions-annotations { /* completions-annotations */ font-style: italic; }
.org-completions-common-part { /* completions-common-part */ color: #000000; background-color: #ffffff; }
.org-completions-first-difference { /* completions-first-difference */ font-weight: bold; }
.org-constant { /* font-lock-constant-face */ color: #008b8b; }
.org-diary { /* diary */ color: #ff0000; }
.org-diff-context { /* diff-context */ color: #7f7f7f; }
.org-diff-file-header { /* diff-file-header */ background-color: #b3b3b3; font-weight: bold; }
.org-diff-function { /* diff-function */ background-color: #cccccc; }
.org-diff-header { /* diff-header */ background-color: #cccccc; }
.org-diff-hunk-header { /* diff-hunk-header */ background-color: #cccccc; }
.org-diff-index { /* diff-index */ background-color: #b3b3b3; font-weight: bold; }
.org-diff-nonexistent { /* diff-nonexistent */ background-color: #b3b3b3; font-weight: bold; }
.org-diff-refine-change { /* diff-refine-change */ background-color: #d9d9d9; }
.org-dired-directory { /* dired-directory */ color: #0000ff; }
.org-dired-flagged { /* dired-flagged */ color: #ff0000; font-weight: bold; }
.org-dired-header { /* dired-header */ color: #228b22; }
.org-dired-ignored { /* dired-ignored */ color: #7f7f7f; }
.org-dired-mark { /* dired-mark */ color: #008b8b; }
.org-dired-marked { /* dired-marked */ color: #ff0000; font-weight: bold; }
.org-dired-perm-write { /* dired-perm-write */ color: #b22222; }
.org-dired-symlink { /* dired-symlink */ color: #a020f0; }
.org-dired-warning { /* dired-warning */ color: #ff0000; font-weight: bold; }
.org-doc { /* font-lock-doc-face */ color: #8b2252; }
.org-escape-glyph { /* escape-glyph */ color: #a52a2a; }
.org-file-name-shadow { /* file-name-shadow */ color: #7f7f7f; }
.org-flyspell-duplicate { /* flyspell-duplicate */ color: #cdad00; font-weight: bold; text-decoration: underline; }
.org-flyspell-incorrect { /* flyspell-incorrect */ color: #ff4500; font-weight: bold; text-decoration: underline; }
.org-fringe { /* fringe */ background-color: #f2f2f2; }
.org-function-name { /* font-lock-function-name-face */ color: teal; }
.org-header-line { /* header-line */ color: #333333; background-color: #e5e5e5; }
.org-help-argument-name { /* help-argument-name */ font-style: italic; }
.org-highlight { /* highlight */ background-color: #b4eeb4; }
.org-holiday { /* holiday */ background-color: #ffc0cb; }
.org-isearch { /* isearch */ color: #b0e2ff; background-color: #cd00cd; }
.org-isearch-fail { /* isearch-fail */ background-color: #ffc1c1; }
.org-italic { /* italic */ font-style: italic; }
.org-keyword { /* font-lock-keyword-face */ color: #0086b3; }
.org-lazy-highlight { /* lazy-highlight */ background-color: #afeeee; }
.org-link { /* link */ color: #0000ff; text-decoration: underline; }
.org-link-visited { /* link-visited */ color: #8b008b; text-decoration: underline; }
.org-log-edit-header { /* log-edit-header */ color: #a020f0; }
.org-log-edit-summary { /* log-edit-summary */ color: #0000ff; }
.org-log-edit-unknown-header { /* log-edit-unknown-header */ color: #b22222; }
.org-match { /* match */ background-color: #ffff00; }
.org-next-error { /* next-error */ background-color: #eedc82; }
.org-nobreak-space { /* nobreak-space */ color: #a52a2a; text-decoration: underline; }
.org-org-archived { /* org-archived */ color: #7f7f7f; }
.org-org-block { /* org-block */ color: #7f7f7f; }
.org-org-block-begin-line { /* org-block-begin-line */ color: #b22222; }
.org-org-block-end-line { /* org-block-end-line */ color: #b22222; }
.org-org-checkbox { /* org-checkbox */ font-weight: bold; }
.org-org-checkbox-statistics-done { /* org-checkbox-statistics-done */ color: #228b22; font-weight: bold; }
.org-org-checkbox-statistics-todo { /* org-checkbox-statistics-todo */ color: #ff0000; font-weight: bold; }
.org-org-clock-overlay { /* org-clock-overlay */ background-color: #ffff00; }
.org-org-code { /* org-code */ color: #7f7f7f; }
.org-org-column { /* org-column */ background-color: #e5e5e5; }
.org-org-column-title { /* org-column-title */ background-color: #e5e5e5; font-weight: bold; text-decoration: underline; }
.org-org-date { /* org-date */ color: #a020f0; text-decoration: underline; }
.org-org-document-info { /* org-document-info */ color: #191970; }
.org-org-document-info-keyword { /* org-document-info-keyword */ color: #7f7f7f; }
.org-org-document-title { /* org-document-title */ color: #191970; font-size: 144%; font-weight: bold; }
.org-org-done { /* org-done */ color: #228b22; font-weight: bold; }
.org-org-drawer { /* org-drawer */ color: #0000ff; }
.org-org-ellipsis { /* org-ellipsis */ color: #b8860b; text-decoration: underline; }
.org-org-footnote { /* org-footnote */ color: #a020f0; text-decoration: underline; }
.org-org-formula { /* org-formula */ color: #b22222; }
.org-org-headline-done { /* org-headline-done */ color: #bc8f8f; }
.org-org-hide { /* org-hide */ color: #ffffff; }
.org-org-latex-and-export-specials { /* org-latex-and-export-specials */ color: #8b4513; }
.org-org-level-1 { /* org-level-1 */ color: #0000ff; }
.org-org-level-2 { /* org-level-2 */ color: #a0522d; }
.org-org-level-3 { /* org-level-3 */ color: #a020f0; }
.org-org-level-4 { /* org-level-4 */ color: #b22222; }
.org-org-level-5 { /* org-level-5 */ color: #228b22; }
.org-org-level-6 { /* org-level-6 */ color: #008b8b; }
.org-org-level-7 { /* org-level-7 */ color: #7a378b; }
.org-org-level-8 { /* org-level-8 */ color: #8b2252; }
.org-org-link { /* org-link */ color: #0000ff; text-decoration: underline; }
.org-org-meta-line { /* org-meta-line */ color: #b22222; }
.org-org-mode-line-clock { /* org-mode-line-clock */ color: #000000; background-color: #bfbfbf; }
.org-org-mode-line-clock-overrun { /* org-mode-line-clock-overrun */ color: #000000; background-color: #ff0000; }
.org-org-quote { /* org-quote */ color: #7f7f7f; }
.org-org-scheduled { /* org-scheduled */ color: #006400; }
.org-org-scheduled-previously { /* org-scheduled-previously */ color: #b22222; }
.org-org-scheduled-today { /* org-scheduled-today */ color: #006400; }
.org-org-sexp-date { /* org-sexp-date */ color: #a020f0; }
.org-org-special-keyword { /* org-special-keyword */ color: #a020f0; }
.org-org-table { /* org-table */ color: #0000ff; }
.org-org-tag { /* org-tag */ font-weight: bold; }
.org-org-target { /* org-target */ text-decoration: underline; }
.org-org-time-grid { /* org-time-grid */ color: #b8860b; }
.org-org-todo { /* org-todo */ color: #ff0000; font-weight: bold; }
.org-org-upcoming-deadline { /* org-upcoming-deadline */ color: #b22222; }
.org-org-verbatim { /* org-verbatim */ color: #7f7f7f; }
.org-org-verse { /* org-verse */ color: #7f7f7f; }
.org-org-warning { /* org-warning */ color: #ff0000; font-weight: bold; }
.org-outline-1 { /* outline-1 */ color: #0000ff; }
.org-outline-2 { /* outline-2 */ color: #a0522d; }
.org-outline-3 { /* outline-3 */ color: #a020f0; }
.org-outline-4 { /* outline-4 */ color: #b22222; }
.org-outline-5 { /* outline-5 */ color: #228b22; }
.org-outline-6 { /* outline-6 */ color: #008b8b; }
.org-outline-7 { /* outline-7 */ color: #7a378b; }
.org-outline-8 { /* outline-8 */ color: #8b2252; }
.org-preprocessor { /* font-lock-preprocessor-face */ color: #7a378b; }
.org-query-replace { /* query-replace */ color: #b0e2ff; background-color: #cd00cd; }
.org-regexp-grouping-backslash { /* font-lock-regexp-grouping-backslash */ font-weight: bold; }
.org-regexp-grouping-construct { /* font-lock-regexp-grouping-construct */ font-weight: bold; }
.org-region { /* region */ background-color: #eedc82; }
.org-secondary-selection { /* secondary-selection */ background-color: #ffff00; }
.org-shadow { /* shadow */ color: #7f7f7f; }
.org-show-paren-match { /* show-paren-match */ background-color: #40e0d0; }
.org-show-paren-mismatch { /* show-paren-mismatch */ color: #ffffff; background-color: #a020f0; }
.org-string { /* font-lock-string-face */ color: #dd1144; }
.org-tool-bar { /* tool-bar */ color: #000000; background-color: #bfbfbf; }
.org-tooltip { /* tooltip */ color: #000000; background-color: #ffffe0; }
.org-trailing-whitespace { /* trailing-whitespace */ background-color: #ff0000; }
.org-type { /* font-lock-type-face */ color: #228b22; }
.org-underline { /* underline */ text-decoration: underline; }
.org-variable-name { /* font-lock-variable-name-face */ color: teal; }
.org-warning { /* font-lock-warning-face */ color: #ff0000; font-weight: bold; }
.org-widget-button { /* widget-button */ font-weight: bold; }
.org-widget-button-pressed { /* widget-button-pressed */ color: #ff0000; }
.org-widget-documentation { /* widget-documentation */ color: #006400; }
.org-widget-field { /* widget-field */ background-color: #d9d9d9; }
.org-widget-inactive { /* widget-inactive */ color: #7f7f7f; }
.org-widget-single-line-field { /* widget-single-line-field */ background-color: #d9d9d9; }

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,85 @@
$(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
};
}($));

File diff suppressed because it is too large Load Diff