Promote all headlines
This commit is contained in:
parent
3c502c91f0
commit
5acccd37b8
444
README.html
444
README.html
|
@ -1,182 +1,117 @@
|
|||
<?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>
|
||||
<title></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="description" content="Org-HTML export made simple."
|
||||
/>
|
||||
<meta name="keywords" content="org-mode, export, html, theme, style, css, js, bigblow" />
|
||||
<link rel="stylesheet" type="text/css" href="styles/rtd.css"/>
|
||||
<script type="text/javascript" src="styles/rtd.js"></script>
|
||||
<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>
|
||||
<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="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" />
|
||||
<link rel="stylesheet" type="text/css" href="styles/rtd.css" />
|
||||
<script type="text/javascript" src="styles/rtd.js">
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<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">
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<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>
|
||||
<li><a href="#sec-1-1">1.1. Overview</a>
|
||||
<ul>
|
||||
<li><a href="#unnumbered-1">Description</a></li>
|
||||
<li><a href="#unnumbered-2">Objective</a></li>
|
||||
<li><a href="#unnumbered-3">Requirements</a></li>
|
||||
<li><a href="#orgheadline1">1.1. Description</a></li>
|
||||
<li><a href="#orgheadline2">1.2. Objective</a></li>
|
||||
<li><a href="#orgheadline3">1.3. Requirements</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#sec-1-2">1.2. Quotations</a></li>
|
||||
<li><a href="#sec-1-3">1.3. Gallery</a>
|
||||
<li><a href="#orgheadline5">2. Quotations</a></li>
|
||||
<li><a href="#orgheadline7">3. Gallery</a>
|
||||
<ul>
|
||||
<li><a href="#unnumbered-4">Bigblow</a></li>
|
||||
<li><a href="#orgheadline6">3.1. Bigblow</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#sec-1-4">1.4. Installing a theme</a>
|
||||
<li><a href="#orgheadline11">4. Installing a theme</a>
|
||||
<ul>
|
||||
<li><a href="#unnumbered-5">Bigblow</a>
|
||||
<li><a href="#orgheadline10">4.1. Bigblow</a>
|
||||
<ul>
|
||||
<li><a href="#unnumbered-6">Local version</a></li>
|
||||
<li><a href="#unnumbered-7">Development version</a></li>
|
||||
<li><a href="#orgheadline8">Local version</a></li>
|
||||
<li><a href="#orgheadline9">Development version</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#sec-1-5">1.5. Contributing</a>
|
||||
<li><a href="#orgheadline15">5. Contributing</a>
|
||||
<ul>
|
||||
<li><a href="#unnumbered-8">Issues</a></li>
|
||||
<li><a href="#unnumbered-9">Patches</a></li>
|
||||
<li><a href="#unnumbered-10">Donations</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#sec-1-6">1.6. License</a></li>
|
||||
<li><a href="#orgheadline12">5.1. Issues</a></li>
|
||||
<li><a href="#orgheadline13">5.2. Patches</a></li>
|
||||
<li><a href="#orgheadline14">5.3. Donations</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#orgheadline16">6. License</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-sec-1" 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" >
|
||||
Sorry, your browser does not support SVG.</object></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"><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 id="outline-container-sec-1-1" class="outline-3">
|
||||
<h3 id="sec-1-1"><span class="section-number-3">1.1</span> Overview</h3>
|
||||
<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&business=VCVAS6KPDQ4JC&lc=BE&item_number=org-html-themes&currency_code=EUR&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-orgheadline4" class="outline-2">
|
||||
<h2 id="orgheadline4"><span class="section-number-2">1</span> Overview</h2>
|
||||
<div class="outline-text-2" id="text-1"></div>
|
||||
<div id="outline-container-orgheadline1" class="outline-3">
|
||||
<h3 id="orgheadline1"><span class="section-number-3">1.1</span> Description</h3>
|
||||
<div class="outline-text-3" id="text-1-1">
|
||||
</div><div id="outline-container-unnumbered-1" class="outline-4">
|
||||
<h4 id="unnumbered-1">Description</h4>
|
||||
<div class="outline-text-4" id="text-unnumbered-1">
|
||||
<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>
|
||||
<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" type="text/javascript">
|
||||
</script> <a href="https://twitter.com/share" class="twitter-share-button" data-via="f_niessen">Tweet</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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 id="outline-container-orgheadline2" class="outline-3">
|
||||
<h3 id="orgheadline2"><span class="section-number-3">1.2</span> Objective</h3>
|
||||
<div class="outline-text-3" id="text-1-2">
|
||||
<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>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-sec-1-3" class="outline-3">
|
||||
<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 id="outline-container-orgheadline3" class="outline-3">
|
||||
<h3 id="orgheadline3"><span class="section-number-3">1.3</span> Requirements</h3>
|
||||
<div class="outline-text-3" id="text-1-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>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 id="outline-container-unnumbered-4" class="outline-4">
|
||||
<h4 id="unnumbered-4">Bigblow</h4>
|
||||
<div class="outline-text-4" id="text-unnumbered-4">
|
||||
<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>
|
||||
</div>
|
||||
<div id="outline-container-orgheadline5" class="outline-2">
|
||||
<h2 id="orgheadline5"><span class="section-number-2">2</span> Quotations</h2>
|
||||
<div class="outline-text-2" id="text-2">
|
||||
<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>
|
||||
</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">
|
||||
<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>
|
||||
|
||||
<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">
|
||||
|
||||
|
||||
<colgroup>
|
||||
<col class="left" />
|
||||
|
||||
<col class="left" />
|
||||
</colgroup>
|
||||
<col class="left" />
|
||||
<col class="left" /></colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<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">Access the <b>dashboard</b></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>n</code></td>
|
||||
<td class="left">Move to the <b>next</b> main heading</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>p</code></td>
|
||||
<td class="left">Move to the <b>previous</b> main heading</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>b</code></td>
|
||||
<td class="left">Scroll up</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code><</code></td>
|
||||
<td class="left">Scroll to top</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>></code></td>
|
||||
<td class="left">Scroll to bottom</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>-</code></td>
|
||||
<td class="left">Collapse all</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>+</code></td>
|
||||
<td class="left">Expand all</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>r</code></td>
|
||||
<td class="left">Go to next task in list</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>R</code></td>
|
||||
<td class="left">Go to previous task in list</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>q</code></td>
|
||||
<td class="left">Stop reviewing the list of tasks</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="left"><code>g</code></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 id="outline-container-sec-1-4" class="outline-3">
|
||||
<h3 id="sec-1-4"><span class="section-number-3">1.4</span> Installing a theme</h3>
|
||||
<div class="outline-text-3" id="text-1-4">
|
||||
<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>
|
||||
|
||||
<div id="outline-container-orgheadline11" class="outline-2">
|
||||
<h2 id="orgheadline11"><span class="section-number-2">4</span> Installing a theme</h2>
|
||||
<div class="outline-text-2" id="text-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>You can either:</p>
|
||||
<ul class="org-ul">
|
||||
<li><p>
|
||||
copy the “setup file” of the chosen theme to the directory of your Org files,
|
||||
</p>
|
||||
|
||||
<li>
|
||||
<p>copy the "setup file" of the chosen theme to the directory of your Org files,</p>
|
||||
<div class="org-src-container">
|
||||
|
||||
<pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: THEME-NAME.setup</span>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
or
|
||||
</p></li>
|
||||
|
||||
<li><p>
|
||||
use the (relative or absolute) path to the “setup file” (in your Git local
|
||||
repository)
|
||||
</p>
|
||||
|
||||
<pre class="src src-org">
|
||||
<span class="org-org-meta-line">#+SETUPFILE: THEME-NAME.setup</span>
|
||||
</pre></div>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-unnumbered-5" class="outline-4">
|
||||
<h4 id="unnumbered-5">Bigblow</h4>
|
||||
<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>
|
||||
|
||||
<div id="outline-container-orgheadline10" class="outline-3">
|
||||
<h3 id="orgheadline10"><span class="section-number-3">4.1</span> Bigblow</h3>
|
||||
<div class="outline-text-3" id="text-4-1">
|
||||
<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">
|
||||
|
||||
<pre class="src src-org"><span class="org-org-meta-line">#+SETUPFILE: theme-bigblow.setup</span>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
If you prefer, you can add the content of the setup file at the beginning of
|
||||
your Org file instead:
|
||||
</p>
|
||||
|
||||
<pre class="src src-org">
|
||||
<span class="org-org-meta-line">#+SETUPFILE: theme-bigblow.setup</span>
|
||||
</pre></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">
|
||||
|
||||
<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: <link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/htmlize.css"/">http://www.pirilampo.org/styles/bigblow/css/htmlize.css"/</a>></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/bigblow.css"/">http://www.pirilampo.org/styles/bigblow/css/bigblow.css"/</a>></span>
|
||||
|
@ -325,20 +220,15 @@ your Org file instead:
|
|||
<span class="org-org-meta-line">#+HTML_HEAD: <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>"></script></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <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>"></script></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <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>"></script></span>
|
||||
</pre>
|
||||
</pre></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-unnumbered-6" class="outline-5">
|
||||
<h5 id="unnumbered-6">Local version</h5>
|
||||
<div class="outline-text-5" id="text-unnumbered-6">
|
||||
<p>
|
||||
Here a local version (using relative paths):
|
||||
</p>
|
||||
|
||||
<div id="outline-container-orgheadline8" class="outline-4">
|
||||
<h4 id="orgheadline8">Local version</h4>
|
||||
<div class="outline-text-4" id="text-orgheadline8">
|
||||
<p>Here a local version (using relative paths):</p>
|
||||
<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: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/htmlize.css"/></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/bigblow.css"/></span>
|
||||
|
@ -352,22 +242,16 @@ Here a local version (using relative paths):
|
|||
<span class="org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.zclip.min.js"></script></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/bigblow.js"></script></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/hideshow.js"></script></span>
|
||||
</pre>
|
||||
</pre></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-unnumbered-7" class="outline-5">
|
||||
<h5 id="unnumbered-7">Development version</h5>
|
||||
<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 id="outline-container-orgheadline9" class="outline-4">
|
||||
<h4 id="orgheadline9">Development version</h4>
|
||||
<div class="outline-text-4" id="text-orgheadline9">
|
||||
<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">
|
||||
|
||||
<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: <link rel="stylesheet" type="text/css" href="<a href="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/htmlize.css"/">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/htmlize.css"/</a>></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="<a href="https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/bigblow.css"/">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/bigblow.css"/</a>></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: <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>"></script></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <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>"></script></span>
|
||||
<span class="org-org-meta-line">#+HTML_HEAD: <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>"></script></span>
|
||||
</pre>
|
||||
</pre></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-sec-1-5" class="outline-3">
|
||||
<h3 id="sec-1-5"><span class="section-number-3">1.5</span> Contributing</h3>
|
||||
<div class="outline-text-3" id="text-1-5">
|
||||
</div><div id="outline-container-unnumbered-8" class="outline-4">
|
||||
<h4 id="unnumbered-8">Issues</h4>
|
||||
<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 id="outline-container-orgheadline15" class="outline-2">
|
||||
<h2 id="orgheadline15"><span class="section-number-2">5</span> Contributing</h2>
|
||||
<div class="outline-text-2" id="text-5"></div>
|
||||
<div id="outline-container-orgheadline12" class="outline-3">
|
||||
<h3 id="orgheadline12"><span class="section-number-3">5.1</span> Issues</h3>
|
||||
<div class="outline-text-3" id="text-5-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-unnumbered-9" class="outline-4">
|
||||
<h4 id="unnumbered-9">Patches</h4>
|
||||
<div class="outline-text-4" id="text-unnumbered-9">
|
||||
<p>
|
||||
I love contributions! Patches under any form are always welcome!
|
||||
</p>
|
||||
<div id="outline-container-orgheadline13" class="outline-3">
|
||||
<h3 id="orgheadline13"><span class="section-number-3">5.2</span> Patches</h3>
|
||||
<div class="outline-text-3" id="text-5-2">
|
||||
<p>I love contributions! Patches under any form are always welcome!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-unnumbered-10" class="outline-4">
|
||||
<h4 id="unnumbered-10">Donations</h4>
|
||||
<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&business=VCVAS6KPDQ4JC&lc=BE&item_number=org-html-themes&currency_code=EUR&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 id="outline-container-orgheadline14" class="outline-3">
|
||||
<h3 id="orgheadline14"><span class="section-number-3">5.3</span> Donations</h3>
|
||||
<div class="outline-text-3" id="text-5-3">
|
||||
<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&business=VCVAS6KPDQ4JC&lc=BE&item_number=org-html-themes&currency_code=EUR&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 id="outline-container-sec-1-6" class="outline-3">
|
||||
<h3 id="sec-1-6"><span class="section-number-3">1.6</span> License</h3>
|
||||
<div class="outline-text-3" id="text-1-6">
|
||||
<p>
|
||||
Copyright (C) 2011-2014 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>
|
||||
</div>
|
||||
<div id="outline-container-orgheadline16" class="outline-2">
|
||||
<h2 id="orgheadline16"><span class="section-number-2">6</span> License</h2>
|
||||
<div class="outline-text-2" id="text-6">
|
||||
<p>Copyright (C) 2011-2015 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="postamble" class="status">
|
||||
<div id="footer"><div id="copyright">
|
||||
Copyright © Fabrice Niessen
|
||||
</div></div>
|
||||
<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>
|
||||
|
|
37
README.org
37
README.org
|
@ -1,3 +1,4 @@
|
|||
#+TITLE: Awesome HTML themes for files exported from Org mode
|
||||
#+AUTHOR: Fabrice Niessen
|
||||
#+EMAIL: (concat "fniessen" at-sign "pirilampo.org")
|
||||
#+DESCRIPTION: Org-HTML export made simple.
|
||||
|
@ -10,11 +11,11 @@
|
|||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/rtd.css"/>
|
||||
#+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¤cy_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¤cy_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
|
||||
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>
|
||||
#+end_html
|
||||
|
||||
*** Objective
|
||||
** Objective
|
||||
|
||||
The goal of the *Org-HMTL themes* is to provide you with a list of very nice
|
||||
(cross-browser) themes.
|
||||
|
||||
*** Requirements
|
||||
** Requirements
|
||||
|
||||
Org mode version 8 (or later) is required.
|
||||
|
||||
If such a version is not bundled with your Emacs, install one from ELPA.
|
||||
|
||||
** Quotations
|
||||
* Quotations
|
||||
|
||||
"Very very nice, I enjoy it a lot." \\
|
||||
-- /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." \\
|
||||
-- /Shankar R./
|
||||
|
||||
** Gallery
|
||||
* Gallery
|
||||
:PROPERTIES:
|
||||
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
|
||||
: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
|
||||
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
|
||||
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 |
|
||||
| =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:
|
||||
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
|
||||
#+end_src
|
||||
|
||||
*** Bigblow
|
||||
** Bigblow
|
||||
|
||||
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:
|
||||
|
@ -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>
|
||||
#+end_src
|
||||
|
||||
**** Local version
|
||||
*** Local version
|
||||
|
||||
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>
|
||||
#+end_src
|
||||
|
||||
**** Development version
|
||||
*** Development version
|
||||
|
||||
Here is a remote version (with CSS/JS files served from GitHub webservers) to
|
||||
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>
|
||||
#+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]].
|
||||
|
||||
*** Patches
|
||||
** Patches
|
||||
|
||||
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
|
||||
support future development by making 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.
|
||||
|
@ -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
|
||||
beer and as in speech.
|
||||
|
||||
** License
|
||||
* License
|
||||
|
||||
Copyright (C) 2011-2014 Fabrice Niessen.
|
||||
Copyright (C) 2011-2015 Fabrice Niessen.
|
||||
|
||||
Author: Fabrice Niessen \\
|
||||
Keywords: org-mode html themes
|
||||
|
|
Loading…
Reference in New Issue