2016-01-15 23:33:29 +01:00
<?xml version="1.0" encoding="utf-8"?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" lang = "en" xml:lang = "en" >
< head >
< meta http-equiv = "Content-Type" content = "text/html;charset=utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< title > How you export Org mode files into awesome HTML in 2 minutes< / title >
< meta name = "generator" content = "Org-mode" / >
< meta name = "author" content = "Fabrice Niessen" / >
< meta name = "description" content = "Org-HTML export made simple."
/>
< meta name = "keywords" content = "org-mode, export, html, theme, style, css, js, bigblow" / >
< style type = "text/css" >
<!-- /* --> <![CDATA[/*> <!-- */
.title { text-align: center;
margin-bottom: .2em; }
.subtitle { text-align: center;
font-size: medium;
font-weight: bold;
margin-top:0; }
.todo { font-family: monospace; color: red; }
.done { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
.tag { background-color: #eee; font-family: monospace;
padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
pre {
border: 1px solid #ccc;
box-shadow: 3px 3px 3px #eee;
padding: 8pt;
font-family: monospace;
overflow: auto;
margin: 1.2em;
}
pre.src {
position: relative;
overflow: visible;
padding-top: 1.2em;
}
pre.src:before {
display: none;
position: absolute;
background-color: white;
top: -10px;
right: 10px;
padding: 3px;
border: 1px solid black;
}
pre.src:hover:before { display: inline;}
pre.src-sh:before { content: 'sh'; }
pre.src-bash:before { content: 'sh'; }
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
pre.src-R:before { content: 'R'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-java:before { content: 'Java'; }
pre.src-sql:before { content: 'SQL'; }
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top; }
th.org-right { text-align: center; }
th.org-left { text-align: center; }
th.org-center { text-align: center; }
td.org-right { text-align: right; }
td.org-left { text-align: left; }
td.org-center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footdef { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
.inlinetask {
padding: 10px;
border: 2px solid gray;
margin: 10px;
background: #ffffcc;
}
#org-div-home-and-up
{ text-align: right; font-size: 70%; white-space: nowrap; }
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.code-highlighted { background-color: #ffff00; }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-info-js_search-highlight
{ background-color: #ffff00; color: #000000; font-weight: bold; }
/*]]>*/-->
< / style >
< link rel = "stylesheet" type = "text/css" href = "http://www.pirilampo.org/styles/readtheorg/css/htmlize.css" / >
< link rel = "stylesheet" type = "text/css" href = "http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css" / >
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" > < / script >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" > < / script >
< script type = "text/javascript" src = "http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js" > < / script >
< script type = "text/javascript" src = "http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js" > < / script >
< / head >
< body >
< div id = "content" >
< h1 class = "title" > How you export Org mode files into awesome HTML in 2 minutes< / h1 >
< div id = "table-of-contents" >
< h2 > Table of Contents< / h2 >
< div id = "text-table-of-contents" >
< ul >
< li > < a href = "#orgheadline3" > 1. Overview< / a >
< ul >
< li > < a href = "#orgheadline1" > 1.1. Description< / a > < / li >
< li > < a href = "#orgheadline2" > 1.2. Requirements< / a > < / li >
< / ul >
< / li >
< li > < a href = "#orgheadline6" > 2. Quotations< / a >
< ul >
< li > < a href = "#orgheadline4" > 2.1. About Bigblow< / a > < / li >
< li > < a href = "#orgheadline5" > 2.2. About ReadTheOrg< / a > < / li >
< / ul >
< / li >
< li > < a href = "#orgheadline9" > 3. Gallery< / a >
< ul >
< li > < a href = "#orgheadline7" > 3.1. Bigblow< / a > < / li >
< li > < a href = "#orgheadline8" > 3.2. ReadTheOrg< / a > < / li >
< / ul >
< / li >
< li > < a href = "#orgheadline10" > 4. Demo< / a > < / li >
< li > < a href = "#orgheadline14" > 5. Installing a theme< / a >
< ul >
< li > < a href = "#orgheadline12" > 5.1. Bigblow< / a >
< ul >
< li > < a href = "#orgheadline11" > Local version< / a > < / li >
< / ul >
< / li >
< li > < a href = "#orgheadline13" > 5.2. ReadTheOrg< / a > < / li >
< / ul >
< / li >
< li > < a href = "#orgheadline19" > 6. Contributing< / a >
< ul >
< li > < a href = "#orgheadline15" > 6.1. Issues< / a > < / li >
< li > < a href = "#orgheadline16" > 6.2. Patches< / a > < / li >
< li > < a href = "#orgheadline17" > 6.3. Donations< / a > < / li >
< li > < a href = "#orgheadline18" > 6.4. Follow me< / a > < / li >
< / ul >
< / li >
< li > < a href = "#orgheadline20" > 7. License< / a > < / li >
< / ul >
< / div >
< / div >
< a href = "http://opensource.org/licenses/GPL-3.0" >
< img src = "http://img.shields.io/:license-gpl-blue.svg" alt = ":license-gpl-blue.svg" / >
< / a >
< a href = "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes¤cy_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted" >
< img src = "https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt = "btn_donate_LG.gif" / >
< / a >
< div id = "outline-container-orgheadline3" class = "outline-2" >
< h2 id = "orgheadline3" > < 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" >
< p >
Though you can easily override CSS stylesheets and add your own HTML themes, we
can say (or write) that Org mode provides a < i > basic< / i > HTML support.
< / p >
< p >
< b > Org-HMTL themes< / b > is an open source framework for providing you with a list of
very nice (cross-browser) themes for all your Org documents. Use them to < b > style
your docs< / b > , and your colleagues will come up to tell you that you are a genius!
< / p >
< p >
Share this content by tweeting this page:
< / p >
< script src = "http://platform.twitter.com/widgets.js" > < / script >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-via = "f_niessen" > Tweet< / a >
< p >
Follow < a href = "https://twitter.com/f_niessen" > f_niessen< / a > on Twitter for updates on Org-HTML themes!
< / p >
< / div >
< / div >
< div id = "outline-container-orgheadline2" class = "outline-3" >
< h3 id = "orgheadline2" > < span class = "section-number-3" > 1.2< / span > Requirements< / h3 >
< div class = "outline-text-3" id = "text-1-2" >
< p >
Org mode version 8 (or later) is required.
< / p >
< p >
If such a version is not bundled with your Emacs, install one from ELPA.
< / p >
< / div >
< / div >
< / div >
< div id = "outline-container-orgheadline6" class = "outline-2" >
< h2 id = "orgheadline6" > < span class = "section-number-2" > 2< / span > Quotations< / h2 >
< div class = "outline-text-2" id = "text-2" >
< / div > < div id = "outline-container-orgheadline4" class = "outline-3" >
< h3 id = "orgheadline4" > < span class = "section-number-3" > 2.1< / span > About Bigblow< / h3 >
< div class = "outline-text-3" id = "text-2-1" >
< p >
“ Very very nice, I enjoy it a lot.” < br / >
– < i > Ista Zahn< / i >
< / p >
< p >
“ This is awesome. I love it!” < br / >
– < i > Rainer M Krug< / i >
< / p >
< p >
“ This is awesome!!” < br / >
– < i > Mehul Sanghvi< / i >
< / p >
< p >
“ This very nice html theme. [… ] I cannot use another emacs-theme than your
< a href = "https://github.com/fniessen/emacs-leuven-theme" > emacs-leuven-theme< / a > , and it is going to be probably the same with your html
theme!” < br / >
– < i > Joseph Vidal-Rosset< / i >
< / p >
< p >
“ Thanks a lot for sharing [… ] the wonderful Bigblow theme. I create lot of
specification for other team members to use. It has always been a trouble to
share and maintain such spec. Now, I can create a much neater spec which is
available for the team’ s reference as a webpage.” < br / >
– < i > Shankar R.< / i >
< / p >
< p >
“ I like Bigblow the best. I’ ve exported most of my Org files using this theme
and published them within my company’ s intranet. Thanks for sharing this
wonderful package!” < br / >
– < i > Richard K.< / i >
< / p >
< / div >
< / div >
< div id = "outline-container-orgheadline5" class = "outline-3" >
< h3 id = "orgheadline5" > < span class = "section-number-3" > 2.2< / span > About ReadTheOrg< / h3 >
< div class = "outline-text-3" id = "text-2-2" >
< p >
“ OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
wateringly beautiful. Thank you!” < br / >
– < i > Rob Stewart< / i >
< / p >
< p >
“ It is fantastic, so beautiful. I will switch several of my pages over to
this theme.” < br / >
– < i > Carsten D.< / i >
< / p >
< p >
“ That is incredibly impressive. Thanks for this.” < br / >
– < i > Noah R.< / i >
< / p >
< p >
“ Thank you! I enjoy your themes. The best ones I’ ve ever found.” < br / >
– < i > Kang T.< / i >
< / p >
< p >
“ Awesome theme. Wonderful job. You’ re doing a wonderful thing — it will
enable people (at least those who use Emacs and Org mode) to put together
on-line reference works in a much-more usable fashion than is currently
available.” < br / >
– < i > D. C. Toedt< / i >
< / p >
< p >
“ Extremely useful.” < br / >
– < i > Thomas S. Dye< / i >
< / p >
< / div >
< / div >
< / div >
< div id = "outline-container-orgheadline9" class = "outline-2" >
< h2 id = "orgheadline9" > < a id = "ID-79e0ed21-c3b0-4f00-bdab-29fbff9dcad4" > < / a > < span class = "section-number-2" > 3< / span > Gallery< / h2 >
< div class = "outline-text-2" id = "text-3" >
< 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-orgheadline7" class = "outline-3" >
< h3 id = "orgheadline7" > < span class = "section-number-3" > 3.1< / span > Bigblow< / h3 >
< div class = "outline-text-3" id = "text-3-1" >
< p >
Bigblow is perfect for your work: it is a clean design aimed at optimal < b > Org
mode experience in your browser< / b > . It looks just awesome!
< / p >
< div class = "figure" >
< p > < a href = "https://www.youtube.com/watch?v=DnSGSiXYuOk" width = "640" > < img src = "bigblow.png" alt = "bigblow.png" width = "640" / > < / a >
< / p >
< / div >
< p >
Click on the image for a quick demo of Bigblow (2:49 min, no audio).
< / p >
< p >
Keyboard shortcuts to save time and boost your productivity:
< / p >
< table border = "2" cellspacing = "0" cellpadding = "6" rules = "groups" frame = "hsides" >
< colgroup >
< col class = "org-left" / >
< col class = "org-left" / >
< / colgroup >
< thead >
< tr >
< th scope = "col" class = "org-left" > Shortcut< / th >
< th scope = "col" class = "org-left" > What it does< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "org-left" > < code > ?< / code > or < code > h< / code > < / td >
< td class = "org-left" > Access the < b > dashboard< / b > < / td >
< / tr >
< tr >
< td class = "org-left" > < code > n< / code > < / td >
< td class = "org-left" > Move to the < b > next< / b > main heading< / td >
< / tr >
< tr >
< td class = "org-left" > < code > p< / code > < / td >
< td class = "org-left" > Move to the < b > previous< / b > main heading< / td >
< / tr >
< tr >
< td class = "org-left" > < code > b< / code > < / td >
< td class = "org-left" > Scroll up< / td >
< / tr >
< tr >
< td class = "org-left" > < code > < < / code > < / td >
< td class = "org-left" > Scroll to top< / td >
< / tr >
< tr >
< td class = "org-left" > < code > > < / code > < / td >
< td class = "org-left" > Scroll to bottom< / td >
< / tr >
< tr >
< td class = "org-left" > < code > -< / code > < / td >
< td class = "org-left" > Collapse all< / td >
< / tr >
< tr >
< td class = "org-left" > < code > +< / code > < / td >
< td class = "org-left" > Expand all< / td >
< / tr >
< tr >
< td class = "org-left" > < code > r< / code > < / td >
< td class = "org-left" > Go to next task in list< / td >
< / tr >
< tr >
< td class = "org-left" > < code > R< / code > < / td >
< td class = "org-left" > Go to previous task in list< / td >
< / tr >
< tr >
< td class = "org-left" > < code > q< / code > < / td >
< td class = "org-left" > Stop reviewing the list of tasks< / td >
< / tr >
< tr >
< td class = "org-left" > < code > g< / code > < / td >
< td class = "org-left" > Reload the page< / td >
< / tr >
< / tbody >
< / table >
< / div >
< / div >
< div id = "outline-container-orgheadline8" class = "outline-3" >
< h3 id = "orgheadline8" > < span class = "section-number-3" > 3.2< / span > ReadTheOrg< / h3 >
< div class = "outline-text-3" id = "text-3-2" >
< p >
ReadTheOrg is a clone of the official – and great! – theme (called < a href = "https://github.com/snide/sphinx_rtd_theme" > Sphinx< / a > )
used in the < a href = "http://docs.readthedocs.org/en/latest/" > Read The Docs< / a > site. It gives a beautiful and professional style to
all your Org docs.
< / p >
< p >
< b > Thanks to the creator(s) of Sphinx!< / b >
< / p >
< div class = "figure" >
< p > < img src = "readtheorg.png" alt = "readtheorg.png" width = "640" / >
< / p >
< / div >
< div class = "note" >
< p >
While the original theme shines on mobile devices as well, ReadTheOrg does not
stay completely functional.
< / p >
< p >
I don’ t have a lot of time to maintain this project due to other
responsibilities. Help is welcome to work on that (and eventually improve the
default structure of the HTML export)!
< / p >
< / div >
< / div >
< / div >
< / div >
< div id = "outline-container-orgheadline10" class = "outline-2" >
< h2 id = "orgheadline10" > < span class = "section-number-2" > 4< / span > Demo< / h2 >
< div class = "outline-text-2" id = "text-4" >
< p >
I’ ve written a demo page for the themes that provides a maximal working support
of Org mode syntax.
< / p >
< p >
Please see the < a href = "https://github.com/fniessen/refcard-org-mode" > Org mode refcard< / a > page for full examples of headings, code,
admonitions, footnotes, tables and other details.
< / p >
< / div >
< / div >
< div id = "outline-container-orgheadline14" class = "outline-2" >
< h2 id = "orgheadline14" > < span class = "section-number-2" > 5< / span > Installing a theme< / h2 >
< div class = "outline-text-2" id = "text-5" >
< p >
Using a theme from the < a href = "#orgheadline9" > theme gallery< / a > for your own Org documents is very easy:
you just need to clone the Org-HTML themes project, add a < code > #+SETUPFILE:< / code > directive
in the preamble to include the CSS and JavaScript files, then export your Org
mode file to HTML.
< / p >
< p >
You can either:
< / p >
< ul class = "org-ul" >
< 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 >
< p >
Then export your Org mode file to HTML with < code > org-html-export-to-html< / code > or with < code > C-c
C-e h h< / code > .
< / p >
< / div >
< div id = "outline-container-orgheadline12" class = "outline-3" >
< h3 id = "orgheadline12" > < span class = "section-number-3" > 5.1< / span > Bigblow< / h3 >
< div class = "outline-text-3" id = "text-5-1" >
< p >
In order to use the Bigblow style, just copy the < a href = "setup/theme-bigblow.setup" > theme-bigblow.setup< / a > file to
your project and link to it this way:
< / p >
< 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 >
< 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 >
< span class = "org-org-meta-line" > #+HTML_HEAD: < script type="text/javascript" src="< a href = "http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.min.js" > http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.min.js< / a > "> < /script> < / span >
< / pre >
< / div >
< / div >
< div id = "outline-container-orgheadline11" class = "outline-4" >
< h4 id = "orgheadline11" > Local version< / h4 >
< div class = "outline-text-4" id = "text-orgheadline11" >
< 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 >
< span class = "org-org-meta-line" > #+HTML_HEAD: < script type="text/javascript" src="styles/lib/js/jquery.stickytableheaders.min.js"> < /script> < / span >
< / pre >
< / div >
< / div >
< / div >
< / div >
< div id = "outline-container-orgheadline13" class = "outline-3" >
< h3 id = "orgheadline13" > < span class = "section-number-3" > 5.2< / span > ReadTheOrg< / h3 >
< div class = "outline-text-3" id = "text-5-2" >
< p >
In order to use the ReadTheOrg style, just copy the < a href = "setup/theme-readtheorg.setup" > theme-readtheorg.setup< / a > file
to your project and link to it this way:
< / p >
< div class = "org-src-container" >
< pre class = "src src-org" > < span class = "org-org-meta-line" > #+SETUPFILE: theme-readtheorg.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/readtheorg/css/htmlize.css"/" > http://www.pirilampo.org/styles/readtheorg/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/readtheorg/css/readtheorg.css"/" > http://www.pirilampo.org/styles/readtheorg/css/readtheorg.css"/< / a > > < / span >
< span class = "org-org-meta-line" > #+HTML_HEAD: < script src="< a href = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" > https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js< / a > "> < /script> < / span >
< span class = "org-org-meta-line" > #+HTML_HEAD: < script src="< a href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" > https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js< / a > "> < /script> < / span >
< span class = "org-org-meta-line" > #+HTML_HEAD: < script type="text/javascript" src="< a href = "http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js" > http://www.pirilampo.org/styles/lib/js/jquery.stickytableheaders.js< / a > "> < /script> < / span >
< span class = "org-org-meta-line" > #+HTML_HEAD: < script type="text/javascript" src="< a href = "http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js" > http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js< / a > "> < /script> < / span >
< / pre >
< / div >
< / div >
< / div >
< / div >
< div id = "outline-container-orgheadline19" class = "outline-2" >
< h2 id = "orgheadline19" > < span class = "section-number-2" > 6< / span > Contributing< / h2 >
< div class = "outline-text-2" id = "text-6" >
< / div > < div id = "outline-container-orgheadline15" class = "outline-3" >
< h3 id = "orgheadline15" > < span class = "section-number-3" > 6.1< / span > Issues< / h3 >
< div class = "outline-text-3" id = "text-6-1" >
< p >
Report issues and suggest features and improvements on the < a href = "https://github.com/fniessen/org-html-themes/issues/new" > GitHub issue tracker< / a > .
< / p >
< / div >
< / div >
< div id = "outline-container-orgheadline16" class = "outline-3" >
< h3 id = "orgheadline16" > < span class = "section-number-3" > 6.2< / span > Patches< / h3 >
< div class = "outline-text-3" id = "text-6-2" >
< p >
I love contributions! Patches under any form are always welcome!
< / p >
< / div >
< / div >
< div id = "outline-container-orgheadline17" class = "outline-3" >
< h3 id = "orgheadline17" > < span class = "section-number-3" > 6.3< / span > Donations< / h3 >
< div class = "outline-text-3" id = "text-6-3" >
< p >
If you like the org-html-themes project (or any of < a href = "https://github.com/fniessen/" > my other projects< / a > ), you can
show your appreciation and help support future development by making today
a < a href = "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&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 id = "outline-container-orgheadline18" class = "outline-3" >
< h3 id = "orgheadline18" > < span class = "section-number-3" > 6.4< / span > Follow me< / h3 >
< div class = "outline-text-3" id = "text-6-4" >
< p >
I have an < a href = "https://twitter.com/f_niessen" > f_niessen< / a > account on Twitter. You should follow it.
< / p >
< / div >
< / div >
< / div >
< div id = "outline-container-orgheadline20" class = "outline-2" >
< h2 id = "orgheadline20" > < span class = "section-number-2" > 7< / span > License< / h2 >
< div class = "outline-text-2" id = "text-7" >
< p >
Copyright (C) 2011-2016 Fabrice Niessen.
< / p >
< p >
Author: Fabrice Niessen < br / >
Keywords: org-mode html themes
< / p >
< p >
This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation, either version 3 of the License, or (at your option) any later
version.
< / p >
< p >
This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
< / p >
< p >
You should have received a copy of the GNU General Public License along with
this program. If not, see < a href = "http://www.gnu.org/licenses/" > http://www.gnu.org/licenses/< / a > .
< / p >
< a href = "http://opensource.org/licenses/GPL-3.0" >
< img src = "http://img.shields.io/:license-gpl-blue.svg" alt = ":license-gpl-blue.svg" / >
< / a >
< a href = "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=VCVAS6KPDQ4JC&lc=BE&item_number=org%2dhtml%2dthemes¤cy_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted" >
< img src = "https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt = "btn_donate_LG.gif" / >
< / a >
< / div >
< / div >
< / div >
< div id = "postamble" class = "status" >
< p class = "author" > Author: Fabrice Niessen< / p >
< p class = "validation" > < a href = "http://validator.w3.org/check?uri=referer" > Validate< / a > < / p >
< / div >
< / body >
< / html >