mirrors
/
org-html-themes
mirror of https://github.com/fniessen/org-html-themes.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Add paths to `jquery.stickytableheaders.min.js'

pull/29/head
Fabrice Niessen 2015-05-20 09:57:01 +02:00
parent 6d7e68afd6
commit 4e812413d4
2 changed files with 366 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

501
README.html
View File

@ -1,27 +1,22 @@
<?xml version="1.0" encoding="utf-8"?> <?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"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head> <head>
<meta name="generator" content="HTML Tidy for Cygwin (vers 1st September 2004), see www.w3.org" />
<title>Awesome HTML themes for files exported from Org mode</title> <title>Awesome HTML themes for files exported from Org mode</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="generator" content="Org-mode" /> <meta name="generator" content="Org-mode" />
<meta name="author" content="Fabrice Niessen" /> <meta name="author" content="Fabrice Niessen" />
<meta name="description" content="Org-HTML export made simple." /> <meta name="description" content="Org-HTML export made simple."
<meta name="keywords" content="org-mode, export, html, theme, style, css, js, bigblow" /> />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="keywords" content="org-mode, export, html, theme, style, css, js, bigblow" />
<link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css" /> <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"> <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css"/>
</script> <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" type="text/javascript"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</script> <script type="text/javascript" src="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js"></script>
<script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js"> <script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js"></script>
</script>
<style type="text/css">
/*<![CDATA[*/
p.c1 {font-weight: bold}
/*]]>*/
</style>
</head> </head>
<body> <body>
<div id="content"> <div id="content">
@ -71,198 +66,357 @@
</ul> </ul>
</div> </div>
</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&amp;business=VCVAS6KPDQ4JC&amp;lc=BE&amp;item_number=org%2dhtml%2dthemes&amp;currency_code=EUR&amp;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> <a href="http://opensource.org/licenses/GPL-3.0">
<img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted">
<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
</a>
<div id="outline-container-orgheadline4" class="outline-2"> <div id="outline-container-orgheadline4" class="outline-2">
<h2 id="orgheadline4"><span class="section-number-2">1</span> Overview</h2> <h2 id="orgheadline4"><span class="section-number-2">1</span> Overview</h2>
<div class="outline-text-2" id="text-1"></div> <div class="outline-text-2" id="text-1">
<div id="outline-container-orgheadline1" class="outline-3"> </div><div id="outline-container-orgheadline1" class="outline-3">
<h3 id="orgheadline1"><span class="section-number-3">1.1</span> Description</h3> <h3 id="orgheadline1"><span class="section-number-3">1.1</span> Description</h3>
<div class="outline-text-3" id="text-1-1"> <div class="outline-text-3" id="text-1-1">
<p>Org mode provides basic HTML support. Though, we can easily override CSS stylesheets and add our own HTML themes.</p> <p>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"> Org mode provides basic HTML support. Though, we can easily override CSS
</script> <a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a></div> stylesheets and add our own HTML themes.
</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>
</div> </div>
</div>
<div id="outline-container-orgheadline2" class="outline-3"> <div id="outline-container-orgheadline2" class="outline-3">
<h3 id="orgheadline2"><span class="section-number-3">1.2</span> Objective</h3> <h3 id="orgheadline2"><span class="section-number-3">1.2</span> Objective</h3>
<div class="outline-text-3" id="text-1-2"> <div class="outline-text-3" id="text-1-2">
<p>The goal of the <b>Org-HMTL themes</b> is to provide you with a list of very nice (cross-browser) themes.</p> <p>
The goal of the <b>Org-HMTL themes</b> is to provide you with a list of very nice
(cross-browser) themes.
</p>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline3" class="outline-3"> <div id="outline-container-orgheadline3" class="outline-3">
<h3 id="orgheadline3"><span class="section-number-3">1.3</span> Requirements</h3> <h3 id="orgheadline3"><span class="section-number-3">1.3</span> Requirements</h3>
<div class="outline-text-3" id="text-1-3"> <div class="outline-text-3" id="text-1-3">
<p>Org mode version 8 (or later) is required.</p> <p>
<p>If such a version is not bundled with your Emacs, install one from ELPA.</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>
</div> </div>
<div id="outline-container-orgheadline7" class="outline-2"> <div id="outline-container-orgheadline7" class="outline-2">
<h2 id="orgheadline7"><span class="section-number-2">2</span> Quotations</h2> <h2 id="orgheadline7"><span class="section-number-2">2</span> Quotations</h2>
<div class="outline-text-2" id="text-2"></div> <div class="outline-text-2" id="text-2">
<div id="outline-container-orgheadline5" class="outline-3"> </div><div id="outline-container-orgheadline5" class="outline-3">
<h3 id="orgheadline5"><span class="section-number-3">2.1</span> About Bigblow</h3> <h3 id="orgheadline5"><span class="section-number-3">2.1</span> About Bigblow</h3>
<div class="outline-text-3" id="text-2-1"> <div class="outline-text-3" id="text-2-1">
<p>"Very very nice, I enjoy it a lot."<br /> <p>
- <i>Ista Zahn</i></p> &ldquo;Very very nice, I enjoy it a lot.&rdquo; <br />
<p>"This is awesome. I love it!"<br /> &#x2013; <i>Ista Zahn</i>
- <i>Rainer M Krug</i></p> </p>
<p>"This is awesome!!"<br />
- <i>Mehul Sanghvi</i></p> <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 /> &ldquo;This is awesome. I love it!&rdquo; <br />
- <i>Joseph Vidal-Rosset</i></p> &#x2013; <i>Rainer M Krug</i>
<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 /> </p>
- <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 /> <p>
- <i>Richard K.</i></p> &ldquo;This is awesome!!&rdquo; <br />
&#x2013; <i>Mehul Sanghvi</i>
</p>
<p>
&ldquo;This very nice html theme. [&#x2026;] I cannot use another emacs-theme than your
<a href="https://github.com/fniessen/emacs-leuven-theme">emacs-leuven-theme</a>, and it is going to be probably the same with your html
theme!&rdquo; <br />
&#x2013; <i>Joseph Vidal-Rosset</i>
</p>
<p>
&ldquo;Thanks a lot for sharing [&#x2026;] the wonderful Bigblow theme. I create lot of
specification for other team members to use. It has always been a trouble to
share and maintain such spec. Now, I can create a much neater spec which is
available for the team&rsquo;s reference as a webpage.&rdquo; <br />
&#x2013; <i>Shankar R.</i>
</p>
<p>
&ldquo;I like Bigblow the best. I&rsquo;ve exported most of my Org files using this theme
and published them within my company&rsquo;s intranet. Thanks for sharing this
wonderful package!&rdquo; <br />
&#x2013; <i>Richard K.</i>
</p>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline6" class="outline-3"> <div id="outline-container-orgheadline6" class="outline-3">
<h3 id="orgheadline6"><span class="section-number-3">2.2</span> About ReadTheOrg</h3> <h3 id="orgheadline6"><span class="section-number-3">2.2</span> About ReadTheOrg</h3>
<div class="outline-text-3" id="text-2-2"> <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 /> <p>
- <i>Rob Stewart</i></p> &ldquo;OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
<p>"It is fantastic, so beautiful. I will switch several of my pages over to this theme."<br /> wateringly beautiful. Thank you!&rdquo; <br />
- <i>Carsten D.</i></p> &#x2013; <i>Rob Stewart</i>
<p>"That is incredibly impressive. Thanks for this."<br /> </p>
- <i>Noah R.</i></p>
<p>
&ldquo;It is fantastic, so beautiful. I will switch several of my pages over to
this theme.&rdquo; <br />
&#x2013; <i>Carsten D.</i>
</p>
<p>
&ldquo;That is incredibly impressive. Thanks for this.&rdquo; <br />
&#x2013; <i>Noah R.</i>
</p>
<p>
&ldquo;Thank you! I enjoy your themes. The best ones I&rsquo;ve ever found.&rdquo; <br />
&#x2013; <i>Kang T.</i>
</p>
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline10" class="outline-2"> <div id="outline-container-orgheadline10" class="outline-2">
<h2 id="orgheadline10"><a id="ID-79e0ed21-c3b0-4f00-bdab-29fbff9dcad4" name="ID-79e0ed21-c3b0-4f00-bdab-29fbff9dcad4"></a><span class="section-number-2">3</span> Gallery</h2> <h2 id="orgheadline10"><a id="ID-79e0ed21-c3b0-4f00-bdab-29fbff9dcad4"></a><span class="section-number-2">3</span> Gallery</h2>
<div class="outline-text-2" id="text-3"> <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> <p>
This is a list of available <b>HTML themes for Org mode</b>, which you can use right
now! Well, I hope to have more than one in a couple of weeks&#x2026;
</p>
</div> </div>
<div id="outline-container-orgheadline8" class="outline-3"> <div id="outline-container-orgheadline8" class="outline-3">
<h3 id="orgheadline8"><span class="section-number-3">3.1</span> Bigblow</h3> <h3 id="orgheadline8"><span class="section-number-3">3.1</span> Bigblow</h3>
<div class="outline-text-3" id="text-3-1"> <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> <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"> <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> <p><a href="https://www.youtube.com/watch?v=DnSGSiXYuOk" width="640"><img src="bigblow.png" alt="bigblow.png" width="640" /></a>
</p>
</div> </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> <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"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup> <colgroup>
<col class="left" /> <col class="org-left" />
<col class="left" /></colgroup>
<col class="org-left" />
</colgroup>
<thead> <thead>
<tr> <tr>
<th scope="col" class="left">Shortcut</th> <th scope="col" class="org-left">Shortcut</th>
<th scope="col" class="left">What it does</th> <th scope="col" class="org-left">What it does</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td class="left"><code>?</code> or <code>h</code></td> <td class="org-left"><code>?</code> or <code>h</code></td>
<td class="left">Access the <b>dashboard</b></td> <td class="org-left">Access the <b>dashboard</b></td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>n</code></td> <td class="org-left"><code>n</code></td>
<td class="left">Move to the <b>next</b> main heading</td> <td class="org-left">Move to the <b>next</b> main heading</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>p</code></td> <td class="org-left"><code>p</code></td>
<td class="left">Move to the <b>previous</b> main heading</td> <td class="org-left">Move to the <b>previous</b> main heading</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>b</code></td> <td class="org-left"><code>b</code></td>
<td class="left">Scroll up</td> <td class="org-left">Scroll up</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>&lt;</code></td> <td class="org-left"><code>&lt;</code></td>
<td class="left">Scroll to top</td> <td class="org-left">Scroll to top</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>&gt;</code></td> <td class="org-left"><code>&gt;</code></td>
<td class="left">Scroll to bottom</td> <td class="org-left">Scroll to bottom</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>-</code></td> <td class="org-left"><code>-</code></td>
<td class="left">Collapse all</td> <td class="org-left">Collapse all</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>+</code></td> <td class="org-left"><code>+</code></td>
<td class="left">Expand all</td> <td class="org-left">Expand all</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>r</code></td> <td class="org-left"><code>r</code></td>
<td class="left">Go to next task in list</td> <td class="org-left">Go to next task in list</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>R</code></td> <td class="org-left"><code>R</code></td>
<td class="left">Go to previous task in list</td> <td class="org-left">Go to previous task in list</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>q</code></td> <td class="org-left"><code>q</code></td>
<td class="left">Stop reviewing the list of tasks</td> <td class="org-left">Stop reviewing the list of tasks</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>g</code></td> <td class="org-left"><code>g</code></td>
<td class="left">Reload the page</td> <td class="org-left">Reload the page</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline9" class="outline-3"> <div id="outline-container-orgheadline9" class="outline-3">
<h3 id="orgheadline9"><span class="section-number-3">3.2</span> ReadTheOrg</h3> <h3 id="orgheadline9"><span class="section-number-3">3.2</span> ReadTheOrg</h3>
<div class="outline-text-3" id="text-3-2"> <div class="outline-text-3" id="text-3-2">
<p>ReadTheOrg is a clone of the official - and great! - theme (called <a href="https://github.com/snide/sphinx_rtd_theme">Sphinx</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>
<p class="c1">Thanks to the creator(s) of Sphinx!</p> ReadTheOrg is a clone of the official &#x2013; and great! &#x2013; theme (called <a href="https://github.com/snide/sphinx_rtd_theme">Sphinx</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 the creator(s) of Sphinx!</b>
</p>
<div class="figure"> <div class="figure">
<p><img src="readtheorg.png" alt="readtheorg.png" width="640" /></p> <p><img src="readtheorg.png" alt="readtheorg.png" width="640" />
</p>
</div> </div>
<div class="note"> <div class="note">
<p>While the original theme shines on mobile devices as well, ReadTheOrg does not stay completely functional.</p> <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> While the original theme shines on mobile devices as well, ReadTheOrg does not
stay completely functional.
</p>
<p>
I don&rsquo;t have a lot of time to maintain this project due to other
responsibilities. Help is welcome to work on that (and eventually improve the
default structure of the HTML export)!
</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline11" class="outline-2"> <div id="outline-container-orgheadline11" class="outline-2">
<h2 id="orgheadline11"><span class="section-number-2">4</span> Demo</h2> <h2 id="orgheadline11"><span class="section-number-2">4</span> Demo</h2>
<div class="outline-text-2" id="text-4"> <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>
<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> I&rsquo;ve written a demo page for the themes that provides a maximal working support
of Org mode syntax.
</p>
<p>
Please see the <a href="https://github.com/fniessen/refcard-org-mode">Org mode refcard</a> page for full examples of headings, code,
admonitions, footnotes, tables and other details.
</p>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline15" class="outline-2"> <div id="outline-container-orgheadline15" class="outline-2">
<h2 id="orgheadline15"><span class="section-number-2">5</span> Installing a theme</h2> <h2 id="orgheadline15"><span class="section-number-2">5</span> Installing a theme</h2>
<div class="outline-text-2" id="text-5"> <div class="outline-text-2" id="text-5">
<p>Using a theme from the <a href="#orgheadline10">theme gallery</a> for your own Org documents is very easy: you just need to clone the Org-HTML themes project, add a <code>#+SETUPFILE:</code> directive in the preamble to include the CSS and JavaScript files, then export your Org mode file to HTML.</p> <p>
<p>You can either:</p> Using a theme from the <a href="#orgheadline10">theme gallery</a> for your own Org documents is very easy:
you just need to clone the Org-HTML themes project, add a <code>#+SETUPFILE:</code> directive
in the preamble to include the CSS and JavaScript files, then export your Org
mode file to HTML.
</p>
<p>
You can either:
</p>
<ul class="org-ul"> <ul class="org-ul">
<li> <li><p>
<p>copy the "setup file" of the chosen theme to the directory of your Org files,</p> copy the &ldquo;setup file&rdquo; of the chosen theme to the directory of your Org files,
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<span class="org-org-meta-line">#+SETUPFILE: THEME-NAME.setup</span> <pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: THEME-NAME.setup</span>
</pre></div> </pre>
<p>or</p>
</li>
<li>
<p>use the (relative or absolute) path to the "setup file" (in your Git local repository)</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.setup</span>
</pre></div>
</li>
</ul>
<p>Then export your Org mode file to HTML with <code>org-html-export-to-html</code> or with <code>C-c C-e h h</code>.</p>
</div> </div>
<p>
or
</p></li>
<li><p>
use the (relative or absolute) path to the &ldquo;setup file&rdquo; (in your Git local
repository)
</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.setup</span>
</pre>
</div></li>
</ul>
<p>
Then export your Org mode file to HTML with <code>org-html-export-to-html</code> or with <code>C-c
C-e h h</code>.
</p>
</div>
<div id="outline-container-orgheadline13" class="outline-3"> <div id="outline-container-orgheadline13" class="outline-3">
<h3 id="orgheadline13"><span class="section-number-3">5.1</span> Bigblow</h3> <h3 id="orgheadline13"><span class="section-number-3">5.1</span> Bigblow</h3>
<div class="outline-text-3" id="text-5-1"> <div class="outline-text-3" id="text-5-1">
<p>In order to use the Bigblow style, just copy the <a href="setup/theme-bigblow.setup">theme-bigblow.setup</a> file to your project and link to it this way:</p> <p>
In order to use the Bigblow style, just copy the <a href="setup/theme-bigblow.setup">theme-bigblow.setup</a> file to
your project and link to it this way:
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<span class="org-org-meta-line">#+SETUPFILE: theme-bigblow.setup</span> <pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: theme-bigblow.setup</span>
</pre></div> </pre>
<p>If you prefer, you can add the content of the setup file at the beginning of your Org file instead:</p> </div>
<p>
If you prefer, you can add the content of the setup file at the beginning of
your Org file instead:
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<span class="org-comment"># -*- mode: org; -*-</span> <pre class="src src-org"><span class="org-comment"># -*- mode: org; -*-</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/htmlize.css&quot;/">http://www.pirilampo.org/styles/bigblow/css/htmlize.css"/</a>&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/htmlize.css&quot;/">http://www.pirilampo.org/styles/bigblow/css/htmlize.css"/</a>&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/bigblow.css&quot;/">http://www.pirilampo.org/styles/bigblow/css/bigblow.css"/</a>&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/bigblow.css&quot;/">http://www.pirilampo.org/styles/bigblow/css/bigblow.css"/</a>&gt;</span>
@ -276,15 +430,21 @@
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js">http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js</a>"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js">http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js</a>"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/bigblow.js">http://www.pirilampo.org/styles/bigblow/js/bigblow.js</a>"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/bigblow.js">http://www.pirilampo.org/styles/bigblow/js/bigblow.js</a>"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/hideshow.js">http://www.pirilampo.org/styles/bigblow/js/hideshow.js</a>"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/hideshow.js">http://www.pirilampo.org/styles/bigblow/js/hideshow.js</a>"&gt;&lt;/script&gt;</span>
</pre></div> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.min.js">http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.min.js</a>"&gt;&lt;/script&gt;</span>
</pre>
</div> </div>
</div>
<div id="outline-container-orgheadline12" class="outline-4"> <div id="outline-container-orgheadline12" class="outline-4">
<h4 id="orgheadline12">Local version</h4> <h4 id="orgheadline12">Local version</h4>
<div class="outline-text-4" id="text-orgheadline12"> <div class="outline-text-4" id="text-orgheadline12">
<p>Here a local version (using relative paths):</p> <p>
Here a local version (using relative paths):
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<span class="org-comment"># -*- mode: org; -*-</span> <pre class="src src-org"><span class="org-comment"># -*- mode: org; -*-</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="styles/bigblow/css/htmlize.css"/&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="styles/bigblow/css/htmlize.css"/&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="styles/bigblow/css/bigblow.css"/&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="styles/bigblow/css/bigblow.css"/&gt;</span>
@ -298,66 +458,125 @@
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/bigblow/js/jquery.zclip.min.js"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/bigblow/js/jquery.zclip.min.js"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/bigblow/js/bigblow.js"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/bigblow/js/bigblow.js"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/bigblow/js/hideshow.js"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/bigblow/js/hideshow.js"&gt;&lt;/script&gt;</span>
</pre></div> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="styles/lib/js/jquery.stickytableheaders.min.js"&gt;&lt;/script&gt;</span>
</pre>
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="outline-container-orgheadline14" class="outline-3"> <div id="outline-container-orgheadline14" class="outline-3">
<h3 id="orgheadline14"><span class="section-number-3">5.2</span> ReadTheOrg</h3> <h3 id="orgheadline14"><span class="section-number-3">5.2</span> ReadTheOrg</h3>
<div class="outline-text-3" id="text-5-2"> <div class="outline-text-3" id="text-5-2">
<p>In order to use the ReadTheOrg style, just copy the <a href="setup/theme-readtheorg.setup">theme-readtheorg.setup</a> file to your project and link to it this way:</p> <p>
In order to use the ReadTheOrg style, just copy the <a href="setup/theme-readtheorg.setup">theme-readtheorg.setup</a> file
to your project and link to it this way:
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<span class="org-org-meta-line">#+SETUPFILE: theme-readtheorg.setup</span> <pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: theme-readtheorg.setup</span>
</pre></div> </pre>
<p>If you prefer, you can add the content of the setup file at the beginning of your Org file instead:</p> </div>
<p>
If you prefer, you can add the content of the setup file at the beginning of
your Org file instead:
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<span class="org-comment"># -*- mode: org; -*-</span> <pre class="src src-org"><span class="org-comment"># -*- mode: org; -*-</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css&quot;/">http://www.pirilampo.org/styles/readtheorg/css/htmlize.css"/</a>&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/readtheorg/css/htmlize.css&quot;/">http://www.pirilampo.org/styles/readtheorg/css/htmlize.css"/</a>&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css&quot;/">http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css"/</a>&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css&quot;/">http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css"/</a>&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js</a>"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js</a>"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script src="<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js</a>"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script src="<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js</a>"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js">http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js</a>"&gt;&lt;/script&gt;</span>
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js">http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js</a>"&gt;&lt;/script&gt;</span> <span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js">http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js</a>"&gt;&lt;/script&gt;</span>
</pre></div> </pre>
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="outline-container-orgheadline19" class="outline-2"> <div id="outline-container-orgheadline19" class="outline-2">
<h2 id="orgheadline19"><span class="section-number-2">6</span> Contributing</h2> <h2 id="orgheadline19"><span class="section-number-2">6</span> Contributing</h2>
<div class="outline-text-2" id="text-6"></div> <div class="outline-text-2" id="text-6">
<div id="outline-container-orgheadline16" class="outline-3"> </div><div id="outline-container-orgheadline16" class="outline-3">
<h3 id="orgheadline16"><span class="section-number-3">6.1</span> Issues</h3> <h3 id="orgheadline16"><span class="section-number-3">6.1</span> Issues</h3>
<div class="outline-text-3" id="text-6-1"> <div class="outline-text-3" id="text-6-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> <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> </div>
<div id="outline-container-orgheadline17" class="outline-3"> <div id="outline-container-orgheadline17" class="outline-3">
<h3 id="orgheadline17"><span class="section-number-3">6.2</span> Patches</h3> <h3 id="orgheadline17"><span class="section-number-3">6.2</span> Patches</h3>
<div class="outline-text-3" id="text-6-2"> <div class="outline-text-3" id="text-6-2">
<p>I love contributions! Patches under any form are always welcome!</p> <p>
I love contributions! Patches under any form are always welcome!
</p>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline18" class="outline-3"> <div id="outline-container-orgheadline18" class="outline-3">
<h3 id="orgheadline18"><span class="section-number-3">6.3</span> Donations</h3> <h3 id="orgheadline18"><span class="section-number-3">6.3</span> Donations</h3>
<div class="outline-text-3" id="text-6-3"> <div class="outline-text-3" id="text-6-3">
<p>If you like the org-html-themes project (or any of <a href="https://github.com/fniessen/">my other projects</a>), you can show your appreciation and help support future development by making today a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=VCVAS6KPDQ4JC&amp;lc=BE&amp;item_number=org-html-themes&amp;currency_code=EUR&amp;bn=PP-DonationsBF:btn_donate_LG.gif:NonHosted">donation</a> through PayPal.</p> <p>
<p>Regardless of the donations, org-html-themes will always be free both as in beer and as in speech.</p> If you like the org-html-themes project (or any of <a href="https://github.com/fniessen/">my other projects</a>), you can
show your appreciation and help support future development by making today
a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=VCVAS6KPDQ4JC&amp;lc=BE&amp;item_number=org-html-themes&amp;currency_code=EUR&amp;bn=PP-DonationsBF:btn_donate_LG.gif:NonHosted">donation</a> through PayPal.
</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> </div>
</div> </div>
<div id="outline-container-orgheadline20" class="outline-2"> <div id="outline-container-orgheadline20" class="outline-2">
<h2 id="orgheadline20"><span class="section-number-2">7</span> License</h2> <h2 id="orgheadline20"><span class="section-number-2">7</span> License</h2>
<div class="outline-text-2" id="text-7"> <div class="outline-text-2" id="text-7">
<p>Copyright (C) 2011-2015 Fabrice Niessen.</p> <p>
<p>Author: Fabrice Niessen<br /> Copyright (C) 2011-2015 Fabrice Niessen.
Keywords: org-mode html themes</p> </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>
<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> Author: Fabrice Niessen <br />
<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&amp;business=VCVAS6KPDQ4JC&amp;lc=BE&amp;item_number=org%2dhtml%2dthemes&amp;currency_code=EUR&amp;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> Keywords: org-mode html themes
</p>
<p>
This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation, either version 3 of the License, or (at your option) any later
version.
</p>
<p>
This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
</p>
<p>
You should have received a copy of the GNU General Public License along with
this program. If not, see <a href="http://www.gnu.org/licenses/">http://www.gnu.org/licenses/</a>.
</p>
<a href="http://opensource.org/licenses/GPL-3.0">
<img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted">
<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
</a>
</div>
</div> </div>
</div> </div>
<div id="postamble" class="status"> <div id="postamble" class="status">

6
README.org
View File

@ -84,6 +84,9 @@ this theme." \\
"That is incredibly impressive. Thanks for this." \\ "That is incredibly impressive. Thanks for this." \\
-- /Noah R./ -- /Noah R./
"Thank you! I enjoy your themes. The best ones I've ever found." \\
-- /Kang T./
* Gallery * Gallery
:PROPERTIES: :PROPERTIES:
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4 :ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
@ -201,6 +204,7 @@ your Org file instead:
,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js"></script> ,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js"></script>
,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/bigblow.js"></script> ,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/bigblow.js"></script>
,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/hideshow.js"></script> ,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/hideshow.js"></script>
,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.min.js"></script>
#+end_src #+end_src
*** Local version *** Local version
@ -222,6 +226,7 @@ Here a local version (using relative paths):
,#+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/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/bigblow.js"></script>
,#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/hideshow.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>
#+end_src #+end_src
** ReadTheOrg ** ReadTheOrg
@ -244,6 +249,7 @@ your Org file instead:
,#+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> ,#+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 src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js"></script>
,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js"></script> ,#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js"></script>
#+end_src #+end_src