Add sections about Contributing and License
Fabrice Niessen
parent
78057c4cc6
commit
a34f361c71
|
|
@ -0,0 +1,451 @@
|
||||||
|
<!-- <xml version="1.0" encoding="utf-8"> -->
|
||||||
|
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||||
|
<head>
|
||||||
|
<meta name="generator" content=
|
||||||
|
"HTML Tidy for Cygwin (vers 1st September 2004), see www.w3.org" />
|
||||||
|
|
||||||
|
<title>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" />
|
||||||
|
<link rel="stylesheet" type="text/css" href=
|
||||||
|
"styles/bigblow/css/htmlize.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href=
|
||||||
|
"styles/bigblow/css/bigblow.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href=
|
||||||
|
"styles/bigblow/css/hideshow.css" />
|
||||||
|
<script type="text/javascript" src="styles/bigblow/js/jquery-1.11.0.min.js">
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="styles/bigblow/js/jquery-ui-1.10.2.min.js">
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src=
|
||||||
|
"styles/bigblow/js/jquery.localscroll-min.js">
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src=
|
||||||
|
"styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js">
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="styles/bigblow/js/jquery.zclip.min.js">
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="styles/bigblow/js/bigblow.js">
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="styles/bigblow/js/hideshow.js">
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="content">
|
||||||
|
<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. Overview</a>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="#sec-1-1">1.1. Description</a></li>
|
||||||
|
|
||||||
|
<li><a href="#sec-1-2">1.2. Objective</a></li>
|
||||||
|
|
||||||
|
<li><a href="#sec-1-3">1.3. Requirements</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li><a href="#sec-2">2. Quotations</a></li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="#sec-3">3. Gallery</a>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="#sec-3-1">3.1. BigBlow</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="#sec-4">4. Installing a theme</a>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="#sec-4-1">4.1. BigBlow</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li><a href="#sec-5">5. Contributing</a></li>
|
||||||
|
|
||||||
|
<li><a href="#sec-6">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> Overview</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>
|
||||||
|
Description</h3>
|
||||||
|
|
||||||
|
<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><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 id="outline-container-sec-1-2" class="outline-3">
|
||||||
|
<h3 id="sec-1-2"><span class="section-number-3">1.2</span>
|
||||||
|
Objective</h3>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outline-container-sec-1-3" class="outline-3">
|
||||||
|
<h3 id="sec-1-3"><span class="section-number-3">1.3</span>
|
||||||
|
Requirements</h3>
|
||||||
|
|
||||||
|
<div class="outline-text-3" id="text-1-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-2" class="outline-2">
|
||||||
|
<h2 id="sec-2"><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 />
|
||||||
|
– Ista Zahn</p>
|
||||||
|
|
||||||
|
<p>“This is awesome. I love it!”<br />
|
||||||
|
– Rainer M Krug</p>
|
||||||
|
|
||||||
|
<p>“This is awesome!!”<br />
|
||||||
|
– Mehul Sanghvi</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 />
|
||||||
|
– Joseph Vidal-Rosset</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outline-container-sec-3" class="outline-2">
|
||||||
|
<h2 id="sec-3"><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-sec-3-1" class="outline-3">
|
||||||
|
<h3 id="sec-3-1"><span class="section-number-3">3.1</span> BigBlow</h3>
|
||||||
|
|
||||||
|
<div class="outline-text-3" id="text-3-1">
|
||||||
|
<p>BigBlow is perfect for your work: it is a clean design aimed at
|
||||||
|
optimal <b>Org mode experience in your browser</b>. It looks just
|
||||||
|
awesome!</p>
|
||||||
|
|
||||||
|
<div class="figure">
|
||||||
|
<p><a href="https://www.youtube.com/watch?v=DnSGSiXYuOk" width=
|
||||||
|
"640"><img src="bigblow.png" alt="bigblow.png" width=
|
||||||
|
"640" /></a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>Click on the image for a quick demo of BigBlow (2:49 min, no
|
||||||
|
audio).</p>
|
||||||
|
|
||||||
|
<p>Keyboard shortcuts to save time and boost your productivity:</p>
|
||||||
|
|
||||||
|
<table border="2" cellspacing="0" cellpadding="6" rules="groups"
|
||||||
|
frame="hsides">
|
||||||
|
<colgroup>
|
||||||
|
<col class="left" />
|
||||||
|
<col class="left" />
|
||||||
|
</colgroup>
|
||||||
|
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col" class="left">Shortcut</th>
|
||||||
|
|
||||||
|
<th scope="col" class="left">What it does</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outline-container-sec-4" class="outline-2">
|
||||||
|
<h2 id="sec-4"><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="#sec-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">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outline-container-sec-4-1" class="outline-3">
|
||||||
|
<h3 id="sec-4-1"><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/bigblow-pirilampo.setup">bigblow-pirilampo.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: bigblow-pirilampo.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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="<a href="http://www.pirilampo.org/styles/bigblow/css/hideshow.css"/">http://www.pirilampo.org/styles/bigblow/css/hideshow.css"/</a>></span>
|
||||||
|
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="<a href="http://www.pirilampo.org/styles/bigblow/js/jquery-1.11.0.min.js">http://www.pirilampo.org/styles/bigblow/js/jquery-1.11.0.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/jquery-ui-1.10.2.min.js">http://www.pirilampo.org/styles/bigblow/js/jquery-ui-1.10.2.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/jquery.localscroll-min.js">http://www.pirilampo.org/styles/bigblow/js/jquery.localscroll-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/jquery.scrollTo-1.4.3.1-min.js">http://www.pirilampo.org/styles/bigblow/js/jquery.scrollTo-1.4.3.1-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/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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/hideshow.css"/></span>
|
||||||
|
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery-1.11.0.min.js"></script></span>
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery-ui-1.10.2.min.js"></script></span>
|
||||||
|
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.localscroll-min.js"></script></span>
|
||||||
|
<span class=
|
||||||
|
"org-org-meta-line">#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js"></script></span>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<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/hideshow.css"/">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/css/hideshow.css"/</a>></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/jquery-1.11.0.min.js">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/jquery-1.11.0.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/jquery-ui-1.10.2.min.js">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/jquery-ui-1.10.2.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/jquery.localscroll-min.js">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/jquery.localscroll-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/jquery.scrollTo-1.4.3.1-min.js">https://rawgit.com/fniessen/org-html-themes/master/styles/bigblow/js/jquery.scrollTo-1.4.3.1-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/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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outline-container-sec-5" class="outline-2">
|
||||||
|
<h2 id="sec-5"><span class="section-number-2">5</span> Contributing</h2>
|
||||||
|
|
||||||
|
<div class="outline-text-2" id="text-5">
|
||||||
|
<p>I love contributions! If you’d like to contribute, please send a
|
||||||
|
patch file or submit a pull request via GitHub.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outline-container-sec-6" class="outline-2">
|
||||||
|
<h2 id="sec-6"><span class="section-number-2">6</span> License</h2>
|
||||||
|
|
||||||
|
<div class="outline-text-2" id="text-6">
|
||||||
|
<p>Copyright (C) 2011-2014 Fabrice Niessen.</p>
|
||||||
|
|
||||||
|
<p>These Org-HTML Themes are open source and free to use under GPL.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="postamble" class="status">
|
||||||
|
<div id="footer">
|
||||||
|
<div id="copyright">
|
||||||
|
Copyright © Fabrice Niessen
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
65
README.org
65
README.org
|
|
@ -1,4 +1,3 @@
|
||||||
#+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.
|
||||||
|
|
@ -9,9 +8,11 @@
|
||||||
#+PROPERTY: padline no
|
#+PROPERTY: padline no
|
||||||
#+SETUPFILE: setup/bigblow-local.setup
|
#+SETUPFILE: setup/bigblow-local.setup
|
||||||
|
|
||||||
* Overview
|
* 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]]
|
||||||
|
|
||||||
** Description
|
** Overview
|
||||||
|
|
||||||
|
*** 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.
|
||||||
|
|
@ -21,34 +22,34 @@ 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/
|
||||||
|
|
||||||
"This is awesome. I love it!" \\
|
"This is awesome. I love it!" \\
|
||||||
-- Rainer M Krug
|
-- /Rainer M Krug/
|
||||||
|
|
||||||
"This is awesome!!" \\
|
"This is awesome!!" \\
|
||||||
-- Mehul Sanghvi
|
-- /Mehul Sanghvi/
|
||||||
|
|
||||||
"This very nice html theme. [...] I cannot use another emacs-theme than your
|
"This very nice html theme. [...] I cannot use another emacs-theme than your
|
||||||
[[https://github.com/fniessen/emacs-leuven-theme][emacs-leuven-theme]], and it is going to be probably the same with your html
|
[[https://github.com/fniessen/emacs-leuven-theme][emacs-leuven-theme]], and it is going to be probably the same with your html
|
||||||
theme!" \\
|
theme!" \\
|
||||||
-- Joseph Vidal-Rosset
|
-- /Joseph Vidal-Rosset/
|
||||||
|
|
||||||
* Gallery
|
** Gallery
|
||||||
:PROPERTIES:
|
:PROPERTIES:
|
||||||
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
|
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
|
||||||
:END:
|
:END:
|
||||||
|
|
@ -56,7 +57,7 @@ theme!" \\
|
||||||
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!
|
||||||
|
|
@ -83,7 +84,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:=
|
||||||
|
|
@ -106,7 +107,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/bigblow-pirilampo.setup][bigblow-pirilampo.setup]] file to your
|
In order to use this style, just copy the [[file:setup/bigblow-pirilampo.setup][bigblow-pirilampo.setup]] file to your
|
||||||
project and link to it this way:
|
project and link to it this way:
|
||||||
|
|
@ -174,13 +175,39 @@ 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
|
||||||
|
|
||||||
I love contributions! If you'd like to contribute, please send a patch file or
|
*** Issues
|
||||||
submit a pull request via GitHub.
|
|
||||||
|
|
||||||
* License
|
Report issues and suggest features and improvements on the [[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].
|
||||||
|
|
||||||
|
*** Patches
|
||||||
|
|
||||||
|
I love contributions! Patches under any form are always welcome!
|
||||||
|
|
||||||
|
*** Donations
|
||||||
|
|
||||||
|
If you like the emacs-leuven-theme 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.
|
||||||
|
|
||||||
|
Regardless of the donations, emacs-leuven-theme will always be free both as in
|
||||||
|
beer and as in speech.
|
||||||
|
|
||||||
|
** License
|
||||||
|
|
||||||
Copyright (C) 2011-2014 Fabrice Niessen.
|
Copyright (C) 2011-2014 Fabrice Niessen.
|
||||||
|
|
||||||
These Org-HTML Themes are open source and free to use under GPL.
|
Author: Fabrice Niessen \\
|
||||||
|
Keywords: org-mode html themes
|
||||||
|
|
||||||
|
This program is free software; you can redistribute it and/or modify it under
|
||||||
|
the terms of the GNU General Public License as published by the Free Software
|
||||||
|
Foundation, either version 3 of the License, or (at your option) any later
|
||||||
|
version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful, but WITHOUT ANY
|
||||||
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
||||||
|
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License along with
|
||||||
|
this program. If not, see http://www.gnu.org/licenses/.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue