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

Promote all headlines

pull/11/head
Fabrice Niessen 2015-04-21 21:17:05 +02:00
parent 3c502c91f0
commit 5acccd37b8
2 changed files with 164 additions and 317 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

444
README.html
View File

@ -1,182 +1,117 @@
<?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>
<title></title> <meta name="generator" content="HTML Tidy for Cygwin (vers 1st September 2004), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Awesome HTML themes for files exported from Org mode</title>
<meta name="generator" content="Org-mode" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Fabrice Niessen" /> <meta name="generator" content="Org-mode" />
<meta name="description" content="Org-HTML export made simple." <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" /> <meta name="keywords" content="org-mode, export, html, theme, style, css, js, bigblow" />
<link rel="stylesheet" type="text/css" href="styles/rtd.css"/> <meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" src="styles/rtd.js"></script> <link rel="stylesheet" type="text/css" href="styles/rtd.css" />
<script type="text/javascript" src="styles/rtd.js">
</script>
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<h1 class="title"></h1> <h1 class="title">Awesome HTML themes for files exported from Org mode</h1>
<div id="table-of-contents"> <div id="table-of-contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<div id="text-table-of-contents"> <div id="text-table-of-contents">
<ul> <ul>
<li><a href="#sec-1">1. Awesome HTML themes for files exported from Org mode </a> <li><a href="#orgheadline4">1. Overview</a>
<ul> <ul>
<li><a href="#sec-1-1">1.1. Overview</a> <li><a href="#orgheadline1">1.1. Description</a></li>
<ul> <li><a href="#orgheadline2">1.2. Objective</a></li>
<li><a href="#unnumbered-1">Description</a></li> <li><a href="#orgheadline3">1.3. Requirements</a></li>
<li><a href="#unnumbered-2">Objective</a></li>
<li><a href="#unnumbered-3">Requirements</a></li>
</ul> </ul>
</li> </li>
<li><a href="#sec-1-2">1.2. Quotations</a></li> <li><a href="#orgheadline5">2. Quotations</a></li>
<li><a href="#sec-1-3">1.3. Gallery</a> <li><a href="#orgheadline7">3. Gallery</a>
<ul> <ul>
<li><a href="#unnumbered-4">Bigblow</a></li> <li><a href="#orgheadline6">3.1. Bigblow</a></li>
</ul> </ul>
</li> </li>
<li><a href="#sec-1-4">1.4. Installing a theme</a> <li><a href="#orgheadline11">4. Installing a theme</a>
<ul> <ul>
<li><a href="#unnumbered-5">Bigblow</a> <li><a href="#orgheadline10">4.1. Bigblow</a>
<ul> <ul>
<li><a href="#unnumbered-6">Local version</a></li> <li><a href="#orgheadline8">Local version</a></li>
<li><a href="#unnumbered-7">Development version</a></li> <li><a href="#orgheadline9">Development version</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li><a href="#sec-1-5">1.5. Contributing</a> <li><a href="#orgheadline15">5. Contributing</a>
<ul> <ul>
<li><a href="#unnumbered-8">Issues</a></li> <li><a href="#orgheadline12">5.1. Issues</a></li>
<li><a href="#unnumbered-9">Patches</a></li> <li><a href="#orgheadline13">5.2. Patches</a></li>
<li><a href="#unnumbered-10">Donations</a></li> <li><a href="#orgheadline14">5.3. Donations</a></li>
</ul>
</li>
<li><a href="#sec-1-6">1.6. License</a></li>
</ul> </ul>
</li> </li>
<li><a href="#orgheadline16">6. License</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<p><a href="http://opensource.org/licenses/GPL-3.0"><object type="image/svg+xml" data="http://img.shields.io/:license-gpl-blue.svg">Sorry, your browser does not support SVG.</object></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"><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" /></a></p>
<div id="outline-container-sec-1" class="outline-2"> <div id="outline-container-orgheadline4" class="outline-2">
<h2 id="sec-1"><span class="section-number-2">1</span> Awesome HTML themes for files exported from Org mode <a href="http://opensource.org/licenses/GPL-3.0"><object type="image/svg+xml" data="http://img.shields.io/:license-gpl-blue.svg" > <h2 id="orgheadline4"><span class="section-number-2">1</span> Overview</h2>
Sorry, your browser does not support SVG.</object></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"><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" /></a></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-sec-1-1" class="outline-3"> <h3 id="orgheadline1"><span class="section-number-3">1.1</span> Description</h3>
<h3 id="sec-1-1"><span class="section-number-3">1.1</span> Overview</h3>
<div class="outline-text-3" id="text-1-1"> <div class="outline-text-3" id="text-1-1">
</div><div id="outline-container-unnumbered-1" class="outline-4"> <p>Org mode provides basic HTML support. Though, we can easily override CSS stylesheets and add our own HTML themes.</p>
<h4 id="unnumbered-1">Description</h4> <script src="http://platform.twitter.com/widgets.js" type="text/javascript">
<div class="outline-text-4" id="text-unnumbered-1"> </script> <a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a></div>
<p>
Org mode provides basic HTML support. Though, we can easily override CSS
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">
<h3 id="orgheadline2"><span class="section-number-3">1.2</span> Objective</h3>
<div id="outline-container-unnumbered-2" class="outline-4">
<h4 id="unnumbered-2">Objective</h4>
<div class="outline-text-4" id="text-unnumbered-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>
</div>
</div>
<div id="outline-container-unnumbered-3" class="outline-4">
<h4 id="unnumbered-3">Requirements</h4>
<div class="outline-text-4" id="text-unnumbered-3">
<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-sec-1-2" class="outline-3">
<h3 id="sec-1-2"><span class="section-number-3">1.2</span> Quotations</h3>
<div class="outline-text-3" id="text-1-2"> <div class="outline-text-3" id="text-1-2">
<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>
&ldquo;Very very nice, I enjoy it a lot.&rdquo; <br />
&#x2013; <i>Ista Zahn</i>
</p>
<p>
&ldquo;This is awesome. I love it!&rdquo; <br />
&#x2013; <i>Rainer M Krug</i>
</p>
<p>
&ldquo;This is awesome!!&rdquo; <br />
&#x2013; <i>Mehul Sanghvi</i>
</p>
<p>
&ldquo;This very nice html theme. [&#x2026;] I cannot use another emacs-theme than your
<a href="https://github.com/fniessen/emacs-leuven-theme">emacs-leuven-theme</a>, and it is going to be probably the same with your html
theme!&rdquo; <br />
&#x2013; <i>Joseph Vidal-Rosset</i>
</p>
<p>
&ldquo;Thanks a lot for sharing [&#x2026;] the wonderful Bigblow theme. I create lot of
specification for other team members to use. It has always been a trouble to
share and maintain such spec. Now, I can create a much neater spec which is
available for the team&rsquo;s reference as a webpage.&rdquo; <br />
&#x2013; <i>Shankar R.</i>
</p>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline3" class="outline-3">
<div id="outline-container-sec-1-3" class="outline-3"> <h3 id="orgheadline3"><span class="section-number-3">1.3</span> Requirements</h3>
<h3 id="sec-1-3"><a id="ID-79e0ed21-c3b0-4f00-bdab-29fbff9dcad4"></a><span class="section-number-3">1.3</span> Gallery</h3>
<div class="outline-text-3" id="text-1-3"> <div class="outline-text-3" id="text-1-3">
<p> <p>Org mode version 8 (or later) is required.</p>
This is a list of available <b>HTML themes for Org mode</b>, which you can use right <p>If such a version is not bundled with your Emacs, install one from ELPA.</p>
now! Well, I hope to have more than one in a couple of weeks&#x2026;
</p>
</div> </div>
</div>
<div id="outline-container-unnumbered-4" class="outline-4"> </div>
<h4 id="unnumbered-4">Bigblow</h4> <div id="outline-container-orgheadline5" class="outline-2">
<div class="outline-text-4" id="text-unnumbered-4"> <h2 id="orgheadline5"><span class="section-number-2">2</span> Quotations</h2>
<p> <div class="outline-text-2" id="text-2">
Bigblow is perfect for your work: it is a clean design aimed at optimal <b>Org <p>"Very very nice, I enjoy it a lot."<br />
mode experience in your browser</b>. It looks just awesome! - <i>Ista Zahn</i></p>
</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>
</div>
</div>
<div id="outline-container-orgheadline7" class="outline-2">
<h2 id="orgheadline7"><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>
<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-orgheadline6" class="outline-3">
<h3 id="orgheadline6"><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"> <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><a href="https://www.youtube.com/watch?v=DnSGSiXYuOk" width="640"><img src="bigblow.png" alt="bigblow.png" width="640" /></a></p>
</p>
</div> </div>
<p>Click on the image for a quick demo of Bigblow (2:49 min, no audio).</p>
<p> <p>Keyboard shortcuts to save time and boost your productivity:</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="left" />
<col class="left" /></colgroup>
<col class="left" />
</colgroup>
<thead> <thead>
<tr> <tr>
<th scope="col" class="left">Shortcut</th> <th scope="col" class="left">Shortcut</th>
@ -188,57 +123,46 @@ Keyboard shortcuts to save time and boost your productivity:
<td class="left"><code>?</code> or <code>h</code></td> <td class="left"><code>?</code> or <code>h</code></td>
<td class="left">Access the <b>dashboard</b></td> <td class="left">Access the <b>dashboard</b></td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>n</code></td> <td class="left"><code>n</code></td>
<td class="left">Move to the <b>next</b> main heading</td> <td class="left">Move to the <b>next</b> main heading</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>p</code></td> <td class="left"><code>p</code></td>
<td class="left">Move to the <b>previous</b> main heading</td> <td class="left">Move to the <b>previous</b> main heading</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>b</code></td> <td class="left"><code>b</code></td>
<td class="left">Scroll up</td> <td class="left">Scroll up</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>&lt;</code></td> <td class="left"><code>&lt;</code></td>
<td class="left">Scroll to top</td> <td class="left">Scroll to top</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>&gt;</code></td> <td class="left"><code>&gt;</code></td>
<td class="left">Scroll to bottom</td> <td class="left">Scroll to bottom</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>-</code></td> <td class="left"><code>-</code></td>
<td class="left">Collapse all</td> <td class="left">Collapse all</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>+</code></td> <td class="left"><code>+</code></td>
<td class="left">Expand all</td> <td class="left">Expand all</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>r</code></td> <td class="left"><code>r</code></td>
<td class="left">Go to next task in list</td> <td class="left">Go to next task in list</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>R</code></td> <td class="left"><code>R</code></td>
<td class="left">Go to previous task in list</td> <td class="left">Go to previous task in list</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>q</code></td> <td class="left"><code>q</code></td>
<td class="left">Stop reviewing the list of tasks</td> <td class="left">Stop reviewing the list of tasks</td>
</tr> </tr>
<tr> <tr>
<td class="left"><code>g</code></td> <td class="left"><code>g</code></td>
<td class="left">Reload the page</td> <td class="left">Reload the page</td>
@ -248,70 +172,41 @@ Keyboard shortcuts to save time and boost your productivity:
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-orgheadline11" class="outline-2">
<div id="outline-container-sec-1-4" class="outline-3"> <h2 id="orgheadline11"><span class="section-number-2">4</span> Installing a theme</h2>
<h3 id="sec-1-4"><span class="section-number-3">1.4</span> Installing a theme</h3> <div class="outline-text-2" id="text-4">
<div class="outline-text-3" id="text-1-4"> <p>Using a theme from the <a href="#orgheadline7">theme gallery</a> for your own Org documents is very easy: you just need to clone the Org-HTML themes project and add a <code>#+SETUPFILE:</code> directive in the preamble to include the CSS and JavaScript files.</p>
<p> <p>You can either:</p>
Using a theme from the <a href="#sec-1-3">theme gallery</a> for your own Org documents is very easy:
you just need to clone the Org-HTML themes project and add a <code>#+SETUPFILE:</code>
directive in the preamble to include the CSS and JavaScript files.
</p>
<p>
You can either:
</p>
<ul class="org-ul"> <ul class="org-ul">
<li><p> <li>
copy the &ldquo;setup file&rdquo; of the chosen theme to the directory of your Org files, <p>copy the "setup file" of the chosen theme to the directory of your Org files,</p>
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: THEME-NAME.setup</span> <span class="org-org-meta-line">#+SETUPFILE: THEME-NAME.setup</span>
</pre> </pre></div>
</div> <p>or</p>
</li>
<p> <li>
or <p>use the (relative or absolute) path to the "setup file" (in your Git local repository)</p>
</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"> <div class="org-src-container">
<pre class="src src-org">
<pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME.setup</span> <span class="org-org-meta-line">#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME.setup</span>
</pre> </pre></div>
</div></li> </li>
</ul> </ul>
</div> </div>
<div id="outline-container-orgheadline10" class="outline-3">
<div id="outline-container-unnumbered-5" class="outline-4"> <h3 id="orgheadline10"><span class="section-number-3">4.1</span> Bigblow</h3>
<h4 id="unnumbered-5">Bigblow</h4> <div class="outline-text-3" id="text-4-1">
<div class="outline-text-4" id="text-unnumbered-5"> <p>In order to use this 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 this 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">
<pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: theme-bigblow.setup</span> <span class="org-org-meta-line">#+SETUPFILE: theme-bigblow.setup</span>
</pre> </pre></div>
</div> <p>If you prefer, you can add the content of the setup file at the beginning of your Org file instead:</p>
<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">
<pre class="src src-org"><span class="org-comment"># -*- mode: org; -*-</span> <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>
@ -325,20 +220,15 @@ your Org file instead:
<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> </pre></div>
</div> </div>
</div> <div id="outline-container-orgheadline8" class="outline-4">
<h4 id="orgheadline8">Local version</h4>
<div id="outline-container-unnumbered-6" class="outline-5"> <div class="outline-text-4" id="text-orgheadline8">
<h5 id="unnumbered-6">Local version</h5> <p>Here a local version (using relative paths):</p>
<div class="outline-text-5" id="text-unnumbered-6">
<p>
Here a local version (using relative paths):
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<pre class="src src-org"><span class="org-comment"># -*- mode: org; -*-</span> <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>
@ -352,22 +242,16 @@ Here a local version (using relative paths):
<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> </pre></div>
</div> </div>
</div> </div>
</div> <div id="outline-container-orgheadline9" class="outline-4">
<h4 id="orgheadline9">Development version</h4>
<div id="outline-container-unnumbered-7" class="outline-5"> <div class="outline-text-4" id="text-orgheadline9">
<h5 id="unnumbered-7">Development version</h5> <p>Here is a remote version (with CSS/JS files served from GitHub webservers) to share <b>temporary</b> examples or demos with small numbers of people:</p>
<div class="outline-text-5" id="text-unnumbered-7">
<p>
Here is a remote version (with CSS/JS files served from GitHub webservers) to
share <b>temporary</b> examples or demos with small numbers of people:
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-org">
<pre class="src src-org"><span class="org-comment"># -*- mode: org; -*-</span> <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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/htmlize.css&quot;/">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/htmlize.css&quot;/">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/bigblow.css&quot;/">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/bigblow.css&quot;/">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/bigblow.css"/</a>&gt;</span>
@ -381,87 +265,49 @@ share <b>temporary</b> examples or demos with small numbers of people:
<span class="org-org-meta-line">#+HTML_HEAD: &lt;script type="text/javascript" src="<a href="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/jquery.zclip.min.js">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/jquery.zclip.min.js">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/bigblow.js">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/bigblow.js">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/hideshow.js">https://rawgit.com/fniessen/org-html-themes/master/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="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/hideshow.js">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/hideshow.js</a>"&gt;&lt;/script&gt;</span>
</pre> </pre></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div id="outline-container-orgheadline15" class="outline-2">
<h2 id="orgheadline15"><span class="section-number-2">5</span> Contributing</h2>
<div id="outline-container-sec-1-5" class="outline-3"> <div class="outline-text-2" id="text-5"></div>
<h3 id="sec-1-5"><span class="section-number-3">1.5</span> Contributing</h3> <div id="outline-container-orgheadline12" class="outline-3">
<div class="outline-text-3" id="text-1-5"> <h3 id="orgheadline12"><span class="section-number-3">5.1</span> Issues</h3>
</div><div id="outline-container-unnumbered-8" class="outline-4"> <div class="outline-text-3" id="text-5-1">
<h4 id="unnumbered-8">Issues</h4> <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 class="outline-text-4" id="text-unnumbered-8">
<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-orgheadline13" class="outline-3">
<div id="outline-container-unnumbered-9" class="outline-4"> <h3 id="orgheadline13"><span class="section-number-3">5.2</span> Patches</h3>
<h4 id="unnumbered-9">Patches</h4> <div class="outline-text-3" id="text-5-2">
<div class="outline-text-4" id="text-unnumbered-9"> <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-orgheadline14" class="outline-3">
<div id="outline-container-unnumbered-10" class="outline-4"> <h3 id="orgheadline14"><span class="section-number-3">5.3</span> Donations</h3>
<h4 id="unnumbered-10">Donations</h4> <div class="outline-text-3" id="text-5-3">
<div class="outline-text-4" id="text-unnumbered-10"> <p>If you like the org-html-themes project, you can show your appreciation and support future development by making 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, you can show your appreciation and
support future development by making 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-orgheadline16" class="outline-2">
<div id="outline-container-sec-1-6" class="outline-3"> <h2 id="orgheadline16"><span class="section-number-2">6</span> License</h2>
<h3 id="sec-1-6"><span class="section-number-3">1.6</span> License</h3> <div class="outline-text-2" id="text-6">
<div class="outline-text-3" id="text-1-6"> <p>Copyright (C) 2011-2015 Fabrice Niessen.</p>
<p> <p>Author: Fabrice Niessen<br />
Copyright (C) 2011-2014 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 />
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>
</div>
</div> </div>
</div> </div>
</div> </div>
<div id="postamble" class="status"> <div id="postamble" class="status">
<div id="footer"><div id="copyright"> <p class="author">Author: Fabrice Niessen</p>
Copyright &copy; Fabrice Niessen <p class="validation"><a href="http://validator.w3.org/check?uri=referer">Validate</a></p>
</div></div>
</div> </div>
</body> </body>
</html> </html>

37
README.org
View File

@ -1,3 +1,4 @@
#+TITLE: Awesome HTML themes for files exported from Org mode
#+AUTHOR: Fabrice Niessen #+AUTHOR: Fabrice Niessen
#+EMAIL: (concat "fniessen" at-sign "pirilampo.org") #+EMAIL: (concat "fniessen" at-sign "pirilampo.org")
#+DESCRIPTION: Org-HTML export made simple. #+DESCRIPTION: Org-HTML export made simple.
@ -10,11 +11,11 @@
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/rtd.css"/> #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/rtd.css"/>
#+HTML_HEAD: <script type="text/javascript" src="styles/rtd.js"></script> #+HTML_HEAD: <script type="text/javascript" src="styles/rtd.js"></script>
* Awesome HTML themes for files exported from Org mode [[http://opensource.org/licenses/GPL-3.0][http://img.shields.io/:license-gpl-blue.svg]] [[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][https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif]] [[http://opensource.org/licenses/GPL-3.0][http://img.shields.io/:license-gpl-blue.svg]] [[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][https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif]]
** Overview * Overview
*** Description ** Description
Org mode provides basic HTML support. Though, we can easily override CSS Org mode provides basic HTML support. Though, we can easily override CSS
stylesheets and add our own HTML themes. stylesheets and add our own HTML themes.
@ -24,18 +25,18 @@ stylesheets and add our own HTML themes.
<a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a> <a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a>
#+end_html #+end_html
*** Objective ** Objective
The goal of the *Org-HMTL themes* is to provide you with a list of very nice The goal of the *Org-HMTL themes* is to provide you with a list of very nice
(cross-browser) themes. (cross-browser) themes.
*** Requirements ** Requirements
Org mode version 8 (or later) is required. Org mode version 8 (or later) is required.
If such a version is not bundled with your Emacs, install one from ELPA. If such a version is not bundled with your Emacs, install one from ELPA.
** Quotations * Quotations
"Very very nice, I enjoy it a lot." \\ "Very very nice, I enjoy it a lot." \\
-- /Ista Zahn/ -- /Ista Zahn/
@ -57,7 +58,7 @@ share and maintain such spec. Now, I can create a much neater spec which is
available for the team's reference as a webpage." \\ available for the team's reference as a webpage." \\
-- /Shankar R./ -- /Shankar R./
** Gallery * Gallery
:PROPERTIES: :PROPERTIES:
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4 :ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
:END: :END:
@ -65,7 +66,7 @@ available for the team's reference as a webpage." \\
This is a list of available *HTML themes for Org mode*, which you can use right 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... now! Well, I hope to have more than one in a couple of weeks...
*** Bigblow ** Bigblow
Bigblow is perfect for your work: it is a clean design aimed at optimal *Org Bigblow is perfect for your work: it is a clean design aimed at optimal *Org
mode experience in your browser*. It looks just awesome! mode experience in your browser*. It looks just awesome!
@ -92,7 +93,7 @@ Keyboard shortcuts to save time and boost your productivity:
| =q= | Stop reviewing the list of tasks | | =q= | Stop reviewing the list of tasks |
| =g= | Reload the page | | =g= | Reload the page |
** Installing a theme * Installing a theme
Using a theme from the [[id:79e0ed21-c3b0-4f00-bdab-29fbff9dcad4][theme gallery]] for your own Org documents is very easy: Using a theme from the [[id:79e0ed21-c3b0-4f00-bdab-29fbff9dcad4][theme gallery]] for your own Org documents is very easy:
you just need to clone the Org-HTML themes project and add a =#+SETUPFILE:= you just need to clone the Org-HTML themes project and add a =#+SETUPFILE:=
@ -115,7 +116,7 @@ You can either:
,#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME.setup ,#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME.setup
#+end_src #+end_src
*** Bigblow ** Bigblow
In order to use this style, just copy the [[file:setup/theme-bigblow.setup][theme-bigblow.setup]] file to your In order to use this style, just copy the [[file:setup/theme-bigblow.setup][theme-bigblow.setup]] file to your
project and link to it this way: project and link to it this way:
@ -144,7 +145,7 @@ your Org file instead:
,#+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>
#+end_src #+end_src
**** Local version *** Local version
Here a local version (using relative paths): Here a local version (using relative paths):
@ -165,7 +166,7 @@ Here a local version (using relative paths):
,#+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>
#+end_src #+end_src
**** Development version *** Development version
Here is a remote version (with CSS/JS files served from GitHub webservers) to Here is a remote version (with CSS/JS files served from GitHub webservers) to
share *temporary* examples or demos with small numbers of people: share *temporary* examples or demos with small numbers of people:
@ -187,17 +188,17 @@ share *temporary* examples or demos with small numbers of people:
,#+HTML_HEAD: <script type="text/javascript" src="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/hideshow.js"></script> ,#+HTML_HEAD: <script type="text/javascript" src="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/hideshow.js"></script>
#+end_src #+end_src
** Contributing * Contributing
*** Issues ** Issues
Report issues and suggest features and improvements on the [[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]]. Report issues and suggest features and improvements on the [[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].
*** Patches ** Patches
I love contributions! Patches under any form are always welcome! I love contributions! Patches under any form are always welcome!
*** Donations ** Donations
If you like the org-html-themes project, you can show your appreciation and If you like the org-html-themes project, you can show your appreciation and
support future development by making a [[https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted][donation]] through PayPal. support future development by making a [[https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted][donation]] through PayPal.
@ -205,9 +206,9 @@ support future development by making a [[https://www.paypal.com/cgi-bin/webscr?c
Regardless of the donations, org-html-themes will always be free both as in Regardless of the donations, org-html-themes will always be free both as in
beer and as in speech. beer and as in speech.
** License * License
Copyright (C) 2011-2014 Fabrice Niessen. Copyright (C) 2011-2015 Fabrice Niessen.
Author: Fabrice Niessen \\ Author: Fabrice Niessen \\
Keywords: org-mode html themes Keywords: org-mode html themes