Added CSS Styles to use
734
Styles/Org-CSS/fniessen/org-html-themes/README.html
Normal 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¤cy_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>
|
||||
“Very very nice, I enjoy it a lot.” <br />
|
||||
– <i>Ista Zahn</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“This is awesome. I love it!” <br />
|
||||
– <i>Rainer M Krug</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“This is awesome!!” <br />
|
||||
– <i>Mehul Sanghvi</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“This very nice html theme. […] 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!” <br />
|
||||
– <i>Joseph Vidal-Rosset</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“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.” <br />
|
||||
– <i>Shankar R.</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“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!” <br />
|
||||
– <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>
|
||||
“OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
|
||||
wateringly beautiful. Thank you!” <br />
|
||||
– <i>Rob Stewart</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“It is fantastic, so beautiful. I will switch several of my pages over to
|
||||
this theme.” <br />
|
||||
– <i>Carsten D.</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“That is incredibly impressive. Thanks for this.” <br />
|
||||
– <i>Noah R.</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“Thank you! I enjoy your themes. The best ones I’ve ever found.” <br />
|
||||
– <i>Kang T.</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“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.” <br />
|
||||
– <i>D. C. Toedt</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
“Extremely useful.” <br />
|
||||
– <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…
|
||||
</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><</code></td>
|
||||
<td class="org-left">Scroll to top</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="org-left"><code>></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 – and great! – <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’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’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 “setup file” 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 – to get no
|
||||
dependency on an Internet connection –, use a (relative or absolute) path to
|
||||
the local “setup file”:
|
||||
</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…
|
||||
</p>
|
||||
|
||||
<p>
|
||||
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…
|
||||
</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’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: <style>pre.src{background:#343131;color:white;} </style></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: <style> #content{max-width:1800px;}</style></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <style> p{max-width:800px;}</style></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <style> li{max-width:800px;}</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&business=VCVAS6KPDQ4JC&lc=BE&item_number=org-html-themes&currency_code=EUR&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¤cy_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>
|
263
Styles/Org-CSS/fniessen/org-html-themes/README.org
Normal 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¤cy_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¤cy_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¤cy_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>
|
BIN
Styles/Org-CSS/fniessen/org-html-themes/bigblow.png
Normal file
After Width: | Height: | Size: 118 KiB |
235
Styles/Org-CSS/fniessen/org-html-themes/demo/example.html
Normal 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>
|
158
Styles/Org-CSS/fniessen/org-html-themes/demo/example.org
Normal 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
|
BIN
Styles/Org-CSS/fniessen/org-html-themes/demo/images/Rplot.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
Styles/Org-CSS/fniessen/org-html-themes/demo/images/digraph.png
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
Styles/Org-CSS/fniessen/org-html-themes/demo/images/graph.png
Normal file
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 10 KiB |
BIN
Styles/Org-CSS/fniessen/org-html-themes/readtheorg.png
Normal file
After Width: | Height: | Size: 48 KiB |
@@ -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>
|
@@ -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>
|
@@ -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>
|
@@ -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>
|
@@ -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: */
|
@@ -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: */
|
@@ -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; }
|
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 625 B |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.5 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 4.2 KiB |
@@ -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;
|
@@ -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 = '►'; // black right-pointing pointer
|
||||
}
|
||||
if (typeof HS_ICON_OPEN === 'undefined') {
|
||||
var HS_ICON_OPEN = '▼'; // black down-pointing triangle
|
||||
}
|
||||
if (typeof HS_ICON_EMPTY === 'undefined') {
|
||||
var HS_ICON_EMPTY = '■'; // 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();
|
||||
});
|
4
Styles/Org-CSS/fniessen/org-html-themes/styles/bigblow/js/jquery-1.11.0.min.js
vendored
Normal file
5
Styles/Org-CSS/fniessen/org-html-themes/styles/bigblow/js/jquery-1.9.1.min.js
vendored
Normal file
12
Styles/Org-CSS/fniessen/org-html-themes/styles/bigblow/js/jquery-ui-1.10.2.min.js
vendored
Normal file
9
Styles/Org-CSS/fniessen/org-html-themes/styles/bigblow/js/jquery.localscroll-min.js
vendored
Normal 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);
|
7
Styles/Org-CSS/fniessen/org-html-themes/styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js
vendored
Normal 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);
|
12
Styles/Org-CSS/fniessen/org-html-themes/styles/bigblow/js/jquery.zclip.min.js
vendored
Normal file
1
Styles/Org-CSS/fniessen/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js
vendored
Normal 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);
|
@@ -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.
|
@@ -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; }
|
@@ -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
|
||||
};
|
||||
}($));
|