Compare commits
111 Commits
Author | SHA1 | Date |
---|---|---|
Oleksii Koval | 420daecbd8 | |
Fabrice Niessen | c22e142c25 | |
Fabrice Niessen | 0ee32f56f8 | |
Fabrice Niessen | ed0137d873 | |
Fabrice Niessen | 024d51e564 | |
Fabrice Niessen | dccd1b7c66 | |
Fabrice Niessen | 98865b4509 | |
Fabrice Niessen | 4aedbe2242 | |
habibmy | adf720df1d | |
Δ̷̨̧̡̭̺̙̞͖̖͕̰̥̙̯͙̞̯̗̔͌͐̿͊̌́̄̑̿̓̉̈̀͘͠λ̶͔͓̘̘̳͇̻̍̏͌̅̓̓͂̍̾̔͜λ̶̛̯̖̯̲̱͎̙͎̎̐͆͂̽̓̇́͌́̀̏̎̅͋̏̊͘λ̶̨̨̰̟̯̫̲̲̫̯̭̤̳̼̫͉̹̞́̐̒Δ̷̡̛̥̖͇͚͍͍̄̏̂͛̅̌͗̂̽̅̀͆̿̔̚͜ | baa88830d6 | |
H. Dieter Wilhelm | 37c298fb64 | |
christian.koestlin | df3176e9ff | |
Olivier Berger | 8bf16833c4 | |
Olivier Berger | b04414a421 | |
Olivier Berger | 0c3d9286c3 | |
Yaman Qalieh | d8cf56bb1f | |
Rahul M. Juliato | d7ecf839ad | |
Thomas Freeman | ceeb696451 | |
NethumL | b1f262c53a | |
NethumL | 8f265f1f8d | |
Yaman Qalieh | 5f74b7668f | |
Yaman Qalieh | 09fa87b05e | |
Fabrice Niessen | fdfa9f22b2 | |
Fabrice Niessen | 10ecfa4ce2 | |
Alejandro Gallo | 116d473b25 | |
Fabrice Niessen | cf8beb2288 | |
Fabrice Niessen | 20f8418223 | |
Fabrice Niessen | c7f9fc2d5b | |
Fabrice Niessen | 439fe6ce1e | |
Fabrice Niessen | 72dc667711 | |
Fabrice Niessen | 89e561d810 | |
Fabrice Niessen | cab4c24f46 | |
Hosein Naghdbishi | 3a9f4cddaa | |
Hosein Naghdbishi | ace21daad0 | |
Fabrice Niessen | e45dede29b | |
Fabrice Niessen | aaa180ada2 | |
Fabrice Niessen | 9642843f39 | |
Fabrice Niessen | ab5a8294d8 | |
Fabrice Niessen | a579183ceb | |
Fabrice Niessen | efafab7114 | |
Fabrice Niessen | 5da3f5709e | |
seahawk1986 | b16831e07e | |
Fabrice Niessen | c9373a9a3d | |
Fabrice Niessen | 410db5c286 | |
Fabrice Niessen | d51bfa9676 | |
Fabrice Niessen | fd4177f44a | |
Fabrice Niessen | 28fa5439a1 | |
Fabrice Niessen | cc35961953 | |
Fabrice Niessen | badaaf9dde | |
Fabrice Niessen | 4a88301cc2 | |
Fabrice Niessen | 4d6d98f763 | |
Fabrice Niessen | 80a3e202b5 | |
Fabrice Niessen | e3c36ab8ed | |
Fabrice Niessen | b13c054ad3 | |
Fabrice Niessen | bc5e2528bd | |
Fabrice Niessen | 061fa4d74f | |
Fabrice Niessen | c2c5814b17 | |
Fabrice Niessen | b9017497a3 | |
Fabrice Niessen | a6bdf7b7bb | |
Fabrice Niessen | 2d0a83a2b2 | |
Fabrice Niessen | 77b8a5f488 | |
आयुष झा | 1017294e34 | |
आयुष झा | ffe39aa04f | |
आयुष झा | b92c35236d | |
आयुष झा | 1d08553ca3 | |
Fabrice Niessen | 82b0f164ef | |
Fabrice Niessen | 7ca895a7d7 | |
Fabrice Niessen | 7a827c44be | |
Fabrice Niessen | f54e162af9 | |
Hosein Naghdbishi | a87840dcbd | |
Hosein Naghdbishi | 1f87ed4bbe | |
Fabrice Niessen | c68375892c | |
Fabrice Niessen | b072a6603e | |
Fabrice Niessen | 39a8ce24ba | |
Fabrice Niessen | 3a67fc4ef1 | |
Fabrice Niessen | 713600b3aa | |
Fabrice Niessen | 890653c144 | |
Fabrice Niessen | 885ddd8451 | |
seahawk1986 | fbad4f0fbb | |
Fabrice Niessen | f7224a4894 | |
Fabrice Niessen | 8d14135942 | |
Fabrice Niessen | 1a25629b9c | |
Fabrice Niessen | bbe96d460e | |
Fabrice Niessen | 69d51ca156 | |
Fabrice Niessen | d9e3f36a49 | |
Fabrice Niessen | 96754cf0a4 | |
Fabrice Niessen | 05aaf2c62a | |
Fabrice Niessen | 385e8a473e | |
Fabrice Niessen | ffc3c1d98d | |
Fabrice Niessen | 0591ccdf30 | |
Fabrice Niessen | 26faada6f1 | |
Fabrice Niessen | 7840f4db40 | |
Fabrice Niessen | 06ee89d09e | |
Fabrice Niessen | 86f6db32fe | |
Fabrice Niessen | 24f1e449ae | |
Fabrice Niessen | 2096851d8f | |
Fabrice Niessen | 8b377759ee | |
Fabrice Niessen | 7e4e2ec560 | |
आयुष झा | ecb38170be | |
आयुष झा | 855820a924 | |
आयुष झा | 4e370f3b38 | |
आयुष झा | a207fdbb5e | |
आयुष झा | 456da52c52 | |
Fabrice Niessen | 3a1995b800 | |
Fabrice Niessen | 8618e33846 | |
Fabrice Niessen | f5348eaf56 | |
Chuan Ma | da598b9156 | |
Fabrice Niessen | a34481949f | |
Muad Abd El Hay | 11c560fae5 | |
Garrett Rolfs | a70478e4c7 | |
Fabrice Niessen | 62ff53336a |
|
@ -1,5 +1,5 @@
|
||||||
setup/theme-bigblow-local-abs.setup
|
org/theme-bigblow-local-abs.setup
|
||||||
setup/theme-readtheorg-local-abs.setup
|
org/theme-readtheorg-local-abs.setup
|
||||||
demo/mbacou.org
|
demo/mbacou.org
|
||||||
demo/cdominik-muziek2.org
|
demo/cdominik-muziek2.org
|
||||||
demo/dev.org
|
demo/dev.org
|
||||||
|
|
|
@ -631,8 +631,8 @@ to attach them to the start of each source file to most effectively
|
||||||
state the exclusion of warranty; and each file should have at least
|
state the exclusion of warranty; and each file should have at least
|
||||||
the "copyright" line and a pointer to where the full notice is found.
|
the "copyright" line and a pointer to where the full notice is found.
|
||||||
|
|
||||||
<one line to give the program's name and a brief idea of what it does.>
|
Org-HTML-Themes
|
||||||
Copyright (C) <year> <name of author>
|
Copyright (C) 2014-2020 Fabrice Niessen
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
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
|
it under the terms of the GNU General Public License as published by
|
||||||
|
@ -652,7 +652,7 @@ Also add information on how to contact you by electronic and paper mail.
|
||||||
If the program does terminal interaction, make it output a short
|
If the program does terminal interaction, make it output a short
|
||||||
notice like this when it starts in an interactive mode:
|
notice like this when it starts in an interactive mode:
|
||||||
|
|
||||||
<program> Copyright (C) <year> <name of author>
|
Org-HTML-Themes Copyright (C) 2014-2020 Fabrice Niessen
|
||||||
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||||
This is free software, and you are welcome to redistribute it
|
This is free software, and you are welcome to redistribute it
|
||||||
under certain conditions; type `show c' for details.
|
under certain conditions; type `show c' for details.
|
||||||
|
|
734
README.html
|
@ -1,734 +0,0 @@
|
||||||
<?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 to 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;}
|
|
||||||
/* Languages per Org manual */
|
|
||||||
pre.src-asymptote:before { content: 'Asymptote'; }
|
|
||||||
pre.src-awk:before { content: 'Awk'; }
|
|
||||||
pre.src-C:before { content: 'C'; }
|
|
||||||
/* pre.src-C++ doesn't work in CSS */
|
|
||||||
pre.src-clojure:before { content: 'Clojure'; }
|
|
||||||
pre.src-css:before { content: 'CSS'; }
|
|
||||||
pre.src-D:before { content: 'D'; }
|
|
||||||
pre.src-ditaa:before { content: 'ditaa'; }
|
|
||||||
pre.src-dot:before { content: 'Graphviz'; }
|
|
||||||
pre.src-calc:before { content: 'Emacs Calc'; }
|
|
||||||
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
|
|
||||||
pre.src-fortran:before { content: 'Fortran'; }
|
|
||||||
pre.src-gnuplot:before { content: 'gnuplot'; }
|
|
||||||
pre.src-haskell:before { content: 'Haskell'; }
|
|
||||||
pre.src-hledger:before { content: 'hledger'; }
|
|
||||||
pre.src-java:before { content: 'Java'; }
|
|
||||||
pre.src-js:before { content: 'Javascript'; }
|
|
||||||
pre.src-latex:before { content: 'LaTeX'; }
|
|
||||||
pre.src-ledger:before { content: 'Ledger'; }
|
|
||||||
pre.src-lisp:before { content: 'Lisp'; }
|
|
||||||
pre.src-lilypond:before { content: 'Lilypond'; }
|
|
||||||
pre.src-lua:before { content: 'Lua'; }
|
|
||||||
pre.src-matlab:before { content: 'MATLAB'; }
|
|
||||||
pre.src-mscgen:before { content: 'Mscgen'; }
|
|
||||||
pre.src-ocaml:before { content: 'Objective Caml'; }
|
|
||||||
pre.src-octave:before { content: 'Octave'; }
|
|
||||||
pre.src-org:before { content: 'Org mode'; }
|
|
||||||
pre.src-oz:before { content: 'OZ'; }
|
|
||||||
pre.src-plantuml:before { content: 'Plantuml'; }
|
|
||||||
pre.src-processing:before { content: 'Processing.js'; }
|
|
||||||
pre.src-python:before { content: 'Python'; }
|
|
||||||
pre.src-R:before { content: 'R'; }
|
|
||||||
pre.src-ruby:before { content: 'Ruby'; }
|
|
||||||
pre.src-sass:before { content: 'Sass'; }
|
|
||||||
pre.src-scheme:before { content: 'Scheme'; }
|
|
||||||
pre.src-screen:before { content: 'Gnu Screen'; }
|
|
||||||
pre.src-sed:before { content: 'Sed'; }
|
|
||||||
pre.src-sh:before { content: 'shell'; }
|
|
||||||
pre.src-sql:before { content: 'SQL'; }
|
|
||||||
pre.src-sqlite:before { content: 'SQLite'; }
|
|
||||||
/* additional languages in org.el's org-babel-load-languages alist */
|
|
||||||
pre.src-forth:before { content: 'Forth'; }
|
|
||||||
pre.src-io:before { content: 'IO'; }
|
|
||||||
pre.src-J:before { content: 'J'; }
|
|
||||||
pre.src-makefile:before { content: 'Makefile'; }
|
|
||||||
pre.src-maxima:before { content: 'Maxima'; }
|
|
||||||
pre.src-perl:before { content: 'Perl'; }
|
|
||||||
pre.src-picolisp:before { content: 'Pico Lisp'; }
|
|
||||||
pre.src-scala:before { content: 'Scala'; }
|
|
||||||
pre.src-shell:before { content: 'Shell Script'; }
|
|
||||||
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
|
|
||||||
/* additional language identifiers per "defun org-babel-execute"
|
|
||||||
in ob-*.el */
|
|
||||||
pre.src-cpp:before { content: 'C++'; }
|
|
||||||
pre.src-abc:before { content: 'ABC'; }
|
|
||||||
pre.src-coq:before { content: 'Coq'; }
|
|
||||||
pre.src-groovy:before { content: 'Groovy'; }
|
|
||||||
/* additional language identifiers from org-babel-shell-names in
|
|
||||||
ob-shell.el: ob-shell is the only babel language using a lambda to put
|
|
||||||
the execution function name together. */
|
|
||||||
pre.src-bash:before { content: 'bash'; }
|
|
||||||
pre.src-csh:before { content: 'csh'; }
|
|
||||||
pre.src-ash:before { content: 'ash'; }
|
|
||||||
pre.src-dash:before { content: 'dash'; }
|
|
||||||
pre.src-ksh:before { content: 'ksh'; }
|
|
||||||
pre.src-mksh:before { content: 'mksh'; }
|
|
||||||
pre.src-posh:before { content: 'posh'; }
|
|
||||||
/* Additional Emacs modes also supported by the LaTeX listings package */
|
|
||||||
pre.src-ada:before { content: 'Ada'; }
|
|
||||||
pre.src-asm:before { content: 'Assembler'; }
|
|
||||||
pre.src-caml:before { content: 'Caml'; }
|
|
||||||
pre.src-delphi:before { content: 'Delphi'; }
|
|
||||||
pre.src-html:before { content: 'HTML'; }
|
|
||||||
pre.src-idl:before { content: 'IDL'; }
|
|
||||||
pre.src-mercury:before { content: 'Mercury'; }
|
|
||||||
pre.src-metapost:before { content: 'MetaPost'; }
|
|
||||||
pre.src-modula-2:before { content: 'Modula-2'; }
|
|
||||||
pre.src-pascal:before { content: 'Pascal'; }
|
|
||||||
pre.src-ps:before { content: 'PostScript'; }
|
|
||||||
pre.src-prolog:before { content: 'Prolog'; }
|
|
||||||
pre.src-simula:before { content: 'Simula'; }
|
|
||||||
pre.src-tcl:before { content: 'tcl'; }
|
|
||||||
pre.src-tex:before { content: 'TeX'; }
|
|
||||||
pre.src-plain-tex:before { content: 'Plain TeX'; }
|
|
||||||
pre.src-verilog:before { content: 'Verilog'; }
|
|
||||||
pre.src-vhdl:before { content: 'VHDL'; }
|
|
||||||
pre.src-xml:before { content: 'XML'; }
|
|
||||||
pre.src-nxml:before { content: 'XML'; }
|
|
||||||
/* add a generic configuration mode; LaTeX export needs an additional
|
|
||||||
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
|
|
||||||
pre.src-conf:before { content: 'Configuration File'; }
|
|
||||||
|
|
||||||
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; }
|
|
||||||
.equation-container {
|
|
||||||
display: table;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.equation {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.equation-label {
|
|
||||||
display: table-cell;
|
|
||||||
text-align: right;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.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; }
|
|
||||||
.org-svg { width: 90%; }
|
|
||||||
/*]]>*/-->
|
|
||||||
</style>
|
|
||||||
<link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/htmlize.css"/>
|
|
||||||
<link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/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="https://fniessen.github.io/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js"></script>
|
|
||||||
<script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/readtheorg/js/readtheorg.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="content">
|
|
||||||
<h1 class="title">How to 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="#orge790dc4">1. Overview</a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#orgfbe16d1">1.1. Description</a></li>
|
|
||||||
<li><a href="#org24d1dd3">1.2. Requirements</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#org04dc7f4">2. Quotations</a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#orga9b80e6">2.1. About Bigblow</a></li>
|
|
||||||
<li><a href="#orgc462bc4">2.2. About ReadTheOrg</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#orgae167c9">3. Gallery</a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#org1ee104c">3.1. Bigblow</a></li>
|
|
||||||
<li><a href="#org84d2209">3.2. ReadTheOrg</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#orga3913d2">4. Demo</a></li>
|
|
||||||
<li><a href="#orgd61d09f">5. Using a theme</a></li>
|
|
||||||
<li><a href="#orgb192d6e">6. Customizing a theme</a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#org35d80ae">6.1. Change the background code blocks</a></li>
|
|
||||||
<li><a href="#org0bd0ac5">6.2. Unset body width limit of ReadTheOrg</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#orgacc9d25">7. Contributing</a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#orgb490ff4">7.1. Issues</a></li>
|
|
||||||
<li><a href="#org17bc328">7.2. Patches</a></li>
|
|
||||||
<li><a href="#orgf878e25">7.3. Donations</a></li>
|
|
||||||
<li><a href="#orge6f7572">7.4. Follow me</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#orgbf93457">8. 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-orge790dc4" class="outline-2">
|
|
||||||
<h2 id="orge790dc4"><span class="section-number-2">1</span> Overview</h2>
|
|
||||||
<div class="outline-text-2" id="text-1">
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgfbe16d1" class="outline-3">
|
|
||||||
<h3 id="orgfbe16d1"><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-org24d1dd3" class="outline-3">
|
|
||||||
<h3 id="org24d1dd3"><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-org04dc7f4" class="outline-2">
|
|
||||||
<h2 id="org04dc7f4"><span class="section-number-2">2</span> Quotations</h2>
|
|
||||||
<div class="outline-text-2" id="text-2">
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orga9b80e6" class="outline-3">
|
|
||||||
<h3 id="orga9b80e6"><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-orgc462bc4" class="outline-3">
|
|
||||||
<h3 id="orgc462bc4"><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-orgae167c9" class="outline-2">
|
|
||||||
<h2 id="orgae167c9"><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-org1ee104c" class="outline-3">
|
|
||||||
<h3 id="org1ee104c"><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-org84d2209" class="outline-3">
|
|
||||||
<h3 id="org84d2209"><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! – <a href="https://github.com/snide/sphinx_rtd_theme">theme</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 its creator(s)!</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-orga3913d2" class="outline-2">
|
|
||||||
<h2 id="orga3913d2"><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-orgd61d09f" class="outline-2">
|
|
||||||
<h2 id="orgd61d09f"><span class="section-number-2">5</span> Using a theme</h2>
|
|
||||||
<div class="outline-text-2" id="text-5">
|
|
||||||
<p>
|
|
||||||
Using a theme from the <a href="#orgae167c9">theme gallery</a> for your own Org documents is very easy:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ol class="org-ol">
|
|
||||||
<li><p>
|
|
||||||
You <b>add a</b> <code>#+SETUPFILE:</code> <b>directive</b> in the preamble of your document (to include
|
|
||||||
the necessary CSS and JavaScript files).
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
You can either use an URL of the following type for the “setup file” of your
|
|
||||||
chosen theme:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="org-src-container">
|
|
||||||
<pre class="src src-org"><span class="org-org-meta-line"> #+SETUPFILE: <a href="https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup">https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup</a></span>
|
|
||||||
</pre>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
(where <code>THEME-NAME</code> is <code>theme-bigblow</code> or <code>theme-readtheorg</code>)
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
or, if you <b>cloned or downloaded</b> the Org-HTML themes project – to get no
|
|
||||||
dependency on an Internet connection –, use a (relative or absolute) path to
|
|
||||||
the local “setup file”:
|
|
||||||
</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-local.setup</span>
|
|
||||||
</pre>
|
|
||||||
</div></li>
|
|
||||||
|
|
||||||
<li>Then, you <b>export</b> your Org mode file <b>to HTML</b> with <code>org-html-export-to-html</code> or
|
|
||||||
with <code>C-c C-e h h</code>.</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="outline-container-orgb192d6e" class="outline-2">
|
|
||||||
<h2 id="orgb192d6e"><span class="section-number-2">6</span> Customizing a theme</h2>
|
|
||||||
<div class="outline-text-2" id="text-6">
|
|
||||||
<p>
|
|
||||||
You love those themes, but you still would like to override particular HTML
|
|
||||||
tags? Some examples do follow…
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Before doing that, though, if you think it really is an improvement that could
|
|
||||||
server other persons as well, including me, you’re invited to submit your
|
|
||||||
change…
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="outline-container-org35d80ae" class="outline-3">
|
|
||||||
<h3 id="org35d80ae"><span class="section-number-3">6.1</span> Change the background code blocks</h3>
|
|
||||||
<div class="outline-text-3" id="text-6-1">
|
|
||||||
<p>
|
|
||||||
Here’s an example to insert into your Org documents:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="org-src-container">
|
|
||||||
<pre class="src src-org"><span class="org-comment"># Change the background of source block.</span>
|
|
||||||
<span class="org-org-meta-line">#+HTML_HEAD: <style>pre.src{background:#343131;color:white;} </style></span>
|
|
||||||
</pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="outline-container-org0bd0ac5" class="outline-3">
|
|
||||||
<h3 id="org0bd0ac5"><span class="section-number-3">6.2</span> Unset body width limit of ReadTheOrg</h3>
|
|
||||||
<div class="outline-text-3" id="text-6-2">
|
|
||||||
<p>
|
|
||||||
Solution provided by Malcolm Cook:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="org-src-container">
|
|
||||||
<pre class="src src-org"><span class="org-org-meta-line">#+HTML_HEAD: <style> #content{max-width:1800px;}</style></span>
|
|
||||||
<span class="org-org-meta-line">#+HTML_HEAD: <style> p{max-width:800px;}</style></span>
|
|
||||||
<span class="org-org-meta-line">#+HTML_HEAD: <style> li{max-width:800px;}</style</span>
|
|
||||||
</pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="outline-container-orgacc9d25" class="outline-2">
|
|
||||||
<h2 id="orgacc9d25"><span class="section-number-2">7</span> Contributing</h2>
|
|
||||||
<div class="outline-text-2" id="text-7">
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgb490ff4" class="outline-3">
|
|
||||||
<h3 id="orgb490ff4"><span class="section-number-3">7.1</span> Issues</h3>
|
|
||||||
<div class="outline-text-3" id="text-7-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-org17bc328" class="outline-3">
|
|
||||||
<h3 id="org17bc328"><span class="section-number-3">7.2</span> Patches</h3>
|
|
||||||
<div class="outline-text-3" id="text-7-2">
|
|
||||||
<p>
|
|
||||||
I love contributions! Patches under any form are always welcome!
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="outline-container-orgf878e25" class="outline-3">
|
|
||||||
<h3 id="orgf878e25"><span class="section-number-3">7.3</span> Donations</h3>
|
|
||||||
<div class="outline-text-3" id="text-7-3">
|
|
||||||
<p>
|
|
||||||
If you use the org-html-themes project (or any of <a href="https://github.com/fniessen/">my other projects</a>) and feel it
|
|
||||||
is making your life better and easier, 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. Thank
|
|
||||||
you!
|
|
||||||
</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-orge6f7572" class="outline-3">
|
|
||||||
<h3 id="orge6f7572"><span class="section-number-3">7.4</span> Follow me</h3>
|
|
||||||
<div class="outline-text-3" id="text-7-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-orgbf93457" class="outline-2">
|
|
||||||
<h2 id="orgbf93457"><span class="section-number-2">8</span> License</h2>
|
|
||||||
<div class="outline-text-2" id="text-8">
|
|
||||||
<p>
|
|
||||||
Copyright (C) 2011-2018 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>
|
|
204
README.org
|
@ -1,4 +1,4 @@
|
||||||
#+TITLE: How to export Org mode files into awesome HTML in 2 minutes
|
#+TITLE: How to effortlessly transform your Org mode files into stunning HTML in just 2 minutes
|
||||||
#+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.
|
||||||
|
@ -7,7 +7,7 @@
|
||||||
#+OPTIONS: H:4 toc:t num:2
|
#+OPTIONS: H:4 toc:t num:2
|
||||||
|
|
||||||
#+PROPERTY: header-args :padline no
|
#+PROPERTY: header-args :padline no
|
||||||
#+SETUPFILE: setup/theme-readtheorg.setup
|
#+SETUPFILE: ~/org/theme-readtheorg.setup
|
||||||
|
|
||||||
#+html: <a href="http://opensource.org/licenses/GPL-3.0">
|
#+html: <a href="http://opensource.org/licenses/GPL-3.0">
|
||||||
#+html: <img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
|
#+html: <img src="http://img.shields.io/:license-gpl-blue.svg" alt=":license-gpl-blue.svg" />
|
||||||
|
@ -16,6 +16,43 @@
|
||||||
#+html: <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
|
#+html: <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="btn_donate_LG.gif" />
|
||||||
#+html: </a>
|
#+html: </a>
|
||||||
|
|
||||||
|
* ADVERT: Elevate your Emacs skills in Paris, Rotterdam, Leuven or Valencia!
|
||||||
|
|
||||||
|
*Unlock the power of Emacs in Valencia! Join my next exclusive "Emacs Boost"
|
||||||
|
course on April 11th to 12th, 2024!*
|
||||||
|
|
||||||
|
#+attr_html: :style height: 90px !important;
|
||||||
|
[[file:images/Logo-HD-transparent-25pc.png]]
|
||||||
|
|
||||||
|
Ready to /supercharge your productivity/ and become an Emacs ninja? Look no
|
||||||
|
further!
|
||||||
|
|
||||||
|
*What you'll learn:*
|
||||||
|
- Master Emacs from the basics to advanced tricks.
|
||||||
|
- /Boost your editing efficiency/ and streamline your workflow.
|
||||||
|
- Customize Emacs to fit your unique needs.
|
||||||
|
- And much more!
|
||||||
|
|
||||||
|
*Upcoming course details:*
|
||||||
|
- *Date:* April 11th to 12th (Thu + Fri)
|
||||||
|
- *Location:* Valencia, Spain
|
||||||
|
- *Audience:* Open to anyone interested in Emacs, from beginners to advanced
|
||||||
|
users.
|
||||||
|
|
||||||
|
*Why choose my course?*
|
||||||
|
- Expert instructor with 24 years of Emacs experience.
|
||||||
|
- /Hands-on exercises/ to reinforce your learning.
|
||||||
|
- /Networking opportunities/ with like-minded Emacs enthusiasts.
|
||||||
|
- Personalized attention.
|
||||||
|
|
||||||
|
Don't miss this opportunity to take your Emacs skills to the next level! \\
|
||||||
|
Seats are limited, so /reserve yours today/.
|
||||||
|
|
||||||
|
Visit https://emacsboost.com/en/ for more information, other dates and other
|
||||||
|
locations, and to /reserve your seat/.
|
||||||
|
|
||||||
|
/See you in Valencia!/ [[https://emacsboost.com/en/][#EmacsBoostValencia]]
|
||||||
|
|
||||||
* Overview
|
* Overview
|
||||||
|
|
||||||
** Description
|
** Description
|
||||||
|
@ -23,7 +60,7 @@
|
||||||
Though you can easily override CSS stylesheets and add your own HTML themes, we
|
Though you can easily override CSS stylesheets and add your own HTML themes, we
|
||||||
can say (or write) that Org mode provides a /basic/ HTML support.
|
can say (or write) that Org mode provides a /basic/ HTML support.
|
||||||
|
|
||||||
*Org-HMTL themes* is an open source framework for providing you with a list of
|
*Org-HTML themes* 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 *style
|
very nice (cross-browser) themes for all your Org documents. Use them to *style
|
||||||
your docs*, and your colleagues will come up to tell you that you are a genius!
|
your docs*, and your colleagues will come up to tell you that you are a genius!
|
||||||
|
|
||||||
|
@ -40,9 +77,42 @@ 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
|
* Gallery
|
||||||
|
:PROPERTIES:
|
||||||
|
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
|
||||||
|
:END:
|
||||||
|
|
||||||
** About Bigblow
|
This is a list of available *HTML themes for Org mode*, which you can use right
|
||||||
|
now!
|
||||||
|
|
||||||
|
** 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!
|
||||||
|
|
||||||
|
#+ATTR_HTML: :width 640
|
||||||
|
[[https://www.youtube.com/watch?v=DnSGSiXYuOk][file:docs/bigblow.png]]
|
||||||
|
|
||||||
|
Click on the image for a quick [[https://www.youtube.com/watch?v=DnSGSiXYuOk][demo of Bigblow]] (2:49 min, no audio).
|
||||||
|
|
||||||
|
Keyboard shortcuts to save time and boost your productivity:
|
||||||
|
|
||||||
|
| Shortcut | What it does |
|
||||||
|
|----------+-----------------------------------|
|
||||||
|
| =?= or =h= | Access the *dashboard* |
|
||||||
|
| =n= | Move to the *next* main heading |
|
||||||
|
| =p= | Move to the *previous* main heading |
|
||||||
|
| =b= | Scroll up |
|
||||||
|
| =<= | Scroll to top |
|
||||||
|
| =>= | Scroll to bottom |
|
||||||
|
| =-= | Collapse all |
|
||||||
|
| =+= | Expand all |
|
||||||
|
| =r= | Go to next task in list |
|
||||||
|
| =R= | Go to previous task in list |
|
||||||
|
| =q= | Stop reviewing the list of tasks |
|
||||||
|
| =g= | Reload the page |
|
||||||
|
|
||||||
|
*** Quotations about Bigblow
|
||||||
|
|
||||||
"Very very nice, I enjoy it a lot." \\
|
"Very very nice, I enjoy it a lot." \\
|
||||||
-- /Ista Zahn/
|
-- /Ista Zahn/
|
||||||
|
@ -69,7 +139,27 @@ and published them within my company's intranet. Thanks for sharing this
|
||||||
wonderful package!" \\
|
wonderful package!" \\
|
||||||
-- /Richard K./
|
-- /Richard K./
|
||||||
|
|
||||||
** About ReadTheOrg
|
** ReadTheOrg
|
||||||
|
|
||||||
|
ReadTheOrg is a clone of the official -- and great! -- [[https://github.com/snide/sphinx_rtd_theme][Sphinx theme]] used in the
|
||||||
|
[[http://docs.readthedocs.org/en/latest/][Read The Docs]] site. It gives a beautiful and professional style to all your Org
|
||||||
|
docs.
|
||||||
|
|
||||||
|
*Thanks to its creator(s)!*
|
||||||
|
|
||||||
|
#+ATTR_HTML: :width 640
|
||||||
|
[[file:docs/readtheorg.png]]
|
||||||
|
|
||||||
|
#+begin_note
|
||||||
|
While the original theme shines on mobile devices as well, ReadTheOrg does not
|
||||||
|
stay completely functional.
|
||||||
|
|
||||||
|
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)!
|
||||||
|
#+end_note
|
||||||
|
|
||||||
|
*** Quotations about ReadTheOrg
|
||||||
|
|
||||||
"OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
|
"OMG. The ReadTheOrg theme for exported HTML from org mode files is eye
|
||||||
wateringly beautiful. Thank you!" \\
|
wateringly beautiful. Thank you!" \\
|
||||||
|
@ -94,64 +184,13 @@ available." \\
|
||||||
"Extremely useful." \\
|
"Extremely useful." \\
|
||||||
-- /Thomas S. Dye/
|
-- /Thomas S. Dye/
|
||||||
|
|
||||||
* Gallery
|
"This is amazing, I've been looking for something like this for a LONG time!
|
||||||
:PROPERTIES:
|
I will share." \\
|
||||||
:ID: 79e0ed21-c3b0-4f00-bdab-29fbff9dcad4
|
-- /Edward H./
|
||||||
:END:
|
|
||||||
|
|
||||||
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 is perfect for your work: it is a clean design aimed at optimal *Org
|
|
||||||
mode experience in your browser*. It looks just awesome!
|
|
||||||
|
|
||||||
#+ATTR_HTML: :width 640
|
|
||||||
[[https://www.youtube.com/watch?v=DnSGSiXYuOk][file:bigblow.png]]
|
|
||||||
|
|
||||||
Click on the image for a quick demo of Bigblow (2:49 min, no audio).
|
|
||||||
|
|
||||||
Keyboard shortcuts to save time and boost your productivity:
|
|
||||||
|
|
||||||
| Shortcut | What it does |
|
|
||||||
|----------+-----------------------------------|
|
|
||||||
| =?= or =h= | Access the *dashboard* |
|
|
||||||
| =n= | Move to the *next* main heading |
|
|
||||||
| =p= | Move to the *previous* main heading |
|
|
||||||
| =b= | Scroll up |
|
|
||||||
| =<= | Scroll to top |
|
|
||||||
| =>= | Scroll to bottom |
|
|
||||||
| =-= | Collapse all |
|
|
||||||
| =+= | Expand all |
|
|
||||||
| =r= | Go to next task in list |
|
|
||||||
| =R= | Go to previous task in list |
|
|
||||||
| =q= | Stop reviewing the list of tasks |
|
|
||||||
| =g= | Reload the page |
|
|
||||||
|
|
||||||
** ReadTheOrg
|
|
||||||
|
|
||||||
ReadTheOrg is a clone of the official -- and great! -- [[https://github.com/snide/sphinx_rtd_theme][theme]]
|
|
||||||
used in the [[http://docs.readthedocs.org/en/latest/][Read The Docs]] site. It gives a beautiful and professional style to
|
|
||||||
all your Org docs.
|
|
||||||
|
|
||||||
*Thanks to its creator(s)!*
|
|
||||||
|
|
||||||
#+ATTR_HTML: :width 640
|
|
||||||
[[file:readtheorg.png]]
|
|
||||||
|
|
||||||
#+begin_note
|
|
||||||
While the original theme shines on mobile devices as well, ReadTheOrg does not
|
|
||||||
stay completely functional.
|
|
||||||
|
|
||||||
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)!
|
|
||||||
#+end_note
|
|
||||||
|
|
||||||
* Demo
|
* Demo
|
||||||
|
|
||||||
I've written a demo page for the themes that provides a maximal working support
|
I've written a [[file:tests/org-mode-syntax-example.org][demo page]] for the themes that provides a maximal working support
|
||||||
of Org mode syntax.
|
of Org mode syntax.
|
||||||
|
|
||||||
Please see the [[https://github.com/fniessen/refcard-org-mode][Org mode refcard]] page for full examples of headings, code,
|
Please see the [[https://github.com/fniessen/refcard-org-mode][Org mode refcard]] page for full examples of headings, code,
|
||||||
|
@ -168,17 +207,18 @@ Using a theme from the [[id:79e0ed21-c3b0-4f00-bdab-29fbff9dcad4][theme gallery]
|
||||||
chosen theme:
|
chosen theme:
|
||||||
|
|
||||||
#+begin_src org :exports code
|
#+begin_src org :exports code
|
||||||
,#+SETUPFILE: https://fniessen.github.io/org-html-themes/setup/THEME-NAME.setup
|
,#+SETUPFILE: https://fniessen.github.io/org-html-themes/org/theme-NAME.setup
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
(where ~THEME-NAME~ is ~theme-bigblow~ or ~theme-readtheorg~)
|
(where ~NAME~ is either ~bigblow~ or ~readtheorg~)
|
||||||
|
|
||||||
or, if you *cloned or downloaded* the Org-HTML themes project -- to get no
|
or, if you *cloned or downloaded* the Org-HTML themes project -- to get no
|
||||||
dependency on an Internet connection --, use a (relative or absolute) path to
|
dependency on an Internet connection --, use a (relative or absolute) path to
|
||||||
the local "setup file":
|
the /local/ "setup file" and copy the =src= folder from the cloned folder
|
||||||
|
into the same folder as the file you want to export:
|
||||||
|
|
||||||
#+begin_src org :exports code
|
#+begin_src org :exports code
|
||||||
,#+SETUPFILE: path/to/Git/repo/setup/THEME-NAME-local.setup
|
,#+SETUPFILE: PATH/TO/GIT/REPO/org/theme-NAME-local.setup
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
2. Then, you *export* your Org mode file *to HTML* with =org-html-export-to-html= or
|
2. Then, you *export* your Org mode file *to HTML* with =org-html-export-to-html= or
|
||||||
|
@ -190,7 +230,7 @@ You love those themes, but you still would like to override particular HTML
|
||||||
tags? Some examples do follow...
|
tags? Some examples do follow...
|
||||||
|
|
||||||
Before doing that, though, if you think it really is an improvement that could
|
Before doing that, though, if you think it really is an improvement that could
|
||||||
server other persons as well, including me, you're invited to submit your
|
serve other persons as well, including me, you're invited to submit your
|
||||||
change...
|
change...
|
||||||
|
|
||||||
** Change the background code blocks
|
** Change the background code blocks
|
||||||
|
@ -212,33 +252,31 @@ Solution provided by Malcolm Cook:
|
||||||
,#+HTML_HEAD: <style> li{max-width:800px;}</style
|
,#+HTML_HEAD: <style> li{max-width:800px;}</style
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
* Contributing
|
* Contribute to the project!
|
||||||
|
|
||||||
** Issues
|
** Report issues and enhancements
|
||||||
|
|
||||||
Report issues and suggest features and improvements on the [[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].
|
Found a bug or have an idea for a new feature? Share your thoughts on the
|
||||||
|
[[https://github.com/fniessen/org-html-themes/issues/new][GitHub issue tracker]].
|
||||||
|
|
||||||
** Patches
|
** Submit patches
|
||||||
|
|
||||||
I love contributions! Patches under any form are always welcome!
|
I welcome contributions in any form! Feel free to submit patches to enhance the
|
||||||
|
project.
|
||||||
|
|
||||||
** Donations
|
** Support development with a donation!
|
||||||
|
|
||||||
If you use the org-html-themes project (or any of [[https://github.com/fniessen/][my other projects]]) and feel it
|
If you find the "org-html-themes" project (or any of [[https://github.com/fniessen/][my other projects]])
|
||||||
is making your life better and easier, you can show your appreciation and help
|
enhancing your Emacs experience and simplifying your workflow, seize the
|
||||||
support future development by making today 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. Thank
|
opportunity to express your appreciation! Help fuel future development by
|
||||||
you!
|
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. Your support is invaluable -- thank you!
|
||||||
|
|
||||||
Regardless of the donations, org-html-themes will always be free both as in
|
Remember, regardless of donations, "org-html-themes" will always remain freely
|
||||||
beer and as in speech.
|
accessible, both as in Belgian beer and as in speech.
|
||||||
|
|
||||||
** Follow me
|
|
||||||
|
|
||||||
I have an [[https://twitter.com/f_niessen][f_niessen]] account on Twitter. You should follow it.
|
|
||||||
|
|
||||||
* License
|
* License
|
||||||
|
|
||||||
Copyright (C) 2011-2018 Fabrice Niessen.
|
Copyright (C) 2011-2024 Fabrice Niessen
|
||||||
|
|
||||||
Author: Fabrice Niessen \\
|
Author: Fabrice Niessen \\
|
||||||
Keywords: org-mode html themes
|
Keywords: org-mode html themes
|
||||||
|
|
|
@ -0,0 +1 @@
|
||||||
|
theme: jekyll-theme-minimal
|
BIN
bigblow.png
Before Width: | Height: | Size: 118 KiB |
|
@ -1,235 +0,0 @@
|
||||||
<?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 name="generator" content="HTML Tidy for Cygwin (vers 1st September 2004), see www.w3.org" />
|
|
||||||
<title>Example of Tasks</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="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<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" type="text/javascript">
|
|
||||||
</script>
|
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript">
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript" src="http://www.pirilampo.org/styles/readtheorg/js/readtheorg.js">
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="content">
|
|
||||||
<h1 class="title">Example of Tasks</h1>
|
|
||||||
<div id="table-of-contents">
|
|
||||||
<h2>Table of Contents</h2>
|
|
||||||
<div id="text-table-of-contents">
|
|
||||||
<ul>
|
|
||||||
<li><a href="#orgheadline1">Work <span class="tag"><span class="work">work</span></span></a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#orgheadline2">Marketing</a></li>
|
|
||||||
<li><a href="#orgheadline18">Operations</a></li>
|
|
||||||
<li><a href="#orgheadline24">Travel</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#orgheadline25">Personal <span class="tag"><span class="home">home</span></span></a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#orgheadline27">Reading</a></li>
|
|
||||||
<li><a href="#orgheadline31">Health</a></li>
|
|
||||||
<li><a href="#orgheadline35">Finance</a></li>
|
|
||||||
<li><a href="#orgheadline45">Chores</a></li>
|
|
||||||
<li><a href="#orgheadline47">Recreation</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="right"><a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github">Edit on GitHub</a></div>
|
|
||||||
<hr />
|
|
||||||
<div id="outline-container-orgheadline1" class="outline-2">
|
|
||||||
<h2 id="orgheadline1">Work <span class="tag"><span class="work">work</span></span></h2>
|
|
||||||
<div class="outline-text-2" id="text-orgheadline1">
|
|
||||||
<p>Only work tasks in this list.</p>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline2" class="outline-3">
|
|
||||||
<h3 id="orgheadline2">Marketing</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline2">
|
|
||||||
<p>Project "Corporate Marketing".</p>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline7" class="outline-4">
|
|
||||||
<h4 id="orgheadline7">Background and research</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline7"></div>
|
|
||||||
<div id="outline-container-orgheadline3" class="outline-5">
|
|
||||||
<h5 id="orgheadline3"><span class="todo TODO">TODO</span> Who are the competitors?</h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline4" class="outline-5">
|
|
||||||
<h5 id="orgheadline4"><span class="todo TODO">TODO</span> What are our product's advantages?</h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline5" class="outline-5">
|
|
||||||
<h5 id="orgheadline5"><span class="todo TODO">TODO</span> Target market</h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline6" class="outline-5">
|
|
||||||
<h5 id="orgheadline6"><span class="todo TODO">TODO</span> Elevator pitch</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline10" class="outline-4">
|
|
||||||
<h4 id="orgheadline10">PR firm</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline10"></div>
|
|
||||||
<div id="outline-container-orgheadline8" class="outline-5">
|
|
||||||
<h5 id="orgheadline8"><span class="todo TODO">TODO</span> Call Laura about PR firm <span class="tag"><span class="phone">phone</span></span></h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline9" class="outline-5">
|
|
||||||
<h5 id="orgheadline9"><span class="todo TODO">TODO</span> Interview PR firm candidates</h5>
|
|
||||||
<div class="outline-text-5" id="text-orgheadline9"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline12" class="outline-4">
|
|
||||||
<h4 id="orgheadline12">Advertising campaign</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline12"></div>
|
|
||||||
<div id="outline-container-orgheadline11" class="outline-5">
|
|
||||||
<h5 id="orgheadline11"><span class="todo TODO">TODO</span> Call Joe</h5>
|
|
||||||
<div class="outline-text-5" id="text-orgheadline11"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline13" class="outline-4">
|
|
||||||
<h4 id="orgheadline13">Plan conference</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline13">
|
|
||||||
<p>Calendar events/invitations.</p>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline14" class="outline-5">
|
|
||||||
<h5 id="orgheadline14"><span class="todo TODO">TODO</span> Recruit volunteers</h5>
|
|
||||||
<div class="outline-text-5" id="text-orgheadline14"></div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline15" class="outline-5">
|
|
||||||
<h5 id="orgheadline15"><span class="todo TODO">TODO</span> Make sure responses are coming back</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline18" class="outline-3">
|
|
||||||
<h3 id="orgheadline18">Operations</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline18"></div>
|
|
||||||
<div id="outline-container-orgheadline16" class="outline-4">
|
|
||||||
<h4 id="orgheadline16"><span class="todo TODO">TODO</span> Update database to latest version</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline16"></div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline17" class="outline-4">
|
|
||||||
<h4 id="orgheadline17"><span class="todo TODO">TODO</span> Update Website</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline17">
|
|
||||||
<p>Update blog.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline24" class="outline-3">
|
|
||||||
<h3 id="orgheadline24">Travel</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline24"></div>
|
|
||||||
<div id="outline-container-orgheadline23" class="outline-4">
|
|
||||||
<h4 id="orgheadline23">Boston</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline23"></div>
|
|
||||||
<div id="outline-container-orgheadline19" class="outline-5">
|
|
||||||
<h5 id="orgheadline19"><span class="todo TODO">TODO</span> Find a flight</h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline20" class="outline-5">
|
|
||||||
<h5 id="orgheadline20"><span class="todo TODO">TODO</span> Book hotel room</h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline21" class="outline-5">
|
|
||||||
<h5 id="orgheadline21"><span class="todo TODO">TODO</span> Schedule meetings</h5>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline22" class="outline-5">
|
|
||||||
<h5 id="orgheadline22"><span class="todo TODO">TODO</span> Submit expense report</h5>
|
|
||||||
<div class="outline-text-5" id="text-orgheadline22">
|
|
||||||
<hr /></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline25" class="outline-2">
|
|
||||||
<h2 id="orgheadline25">Personal <span class="tag"><span class="home">home</span></span></h2>
|
|
||||||
<div class="outline-text-2" id="text-orgheadline25"></div>
|
|
||||||
<div id="outline-container-orgheadline27" class="outline-3">
|
|
||||||
<h3 id="orgheadline27">Reading</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline27"></div>
|
|
||||||
<div id="outline-container-orgheadline26" class="outline-4">
|
|
||||||
<h4 id="orgheadline26"><span class="done DONE">DONE</span> Read "Getting Things Done"</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline26"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline31" class="outline-3">
|
|
||||||
<h3 id="orgheadline31">Health</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline31"></div>
|
|
||||||
<div id="outline-container-orgheadline28" class="outline-4">
|
|
||||||
<h4 id="orgheadline28"><span class="todo TODO">TODO</span> Make dentist appointment</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline28"></div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline29" class="outline-4">
|
|
||||||
<h4 id="orgheadline29"><span class="todo TODO">TODO</span> Go to the gym</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline29">
|
|
||||||
<p>It should be as natural to some as showering or eating.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline30" class="outline-4">
|
|
||||||
<h4 id="orgheadline30"><span class="todo TODO">TODO</span> Do jogging</h4>
|
|
||||||
<div class="outline-text-4" id="text-orgheadline30">
|
|
||||||
<p>Marathon = 42.195 kilometres.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline35" class="outline-3">
|
|
||||||
<h3 id="orgheadline35">Finance</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline35"></div>
|
|
||||||
<div id="outline-container-orgheadline32" class="outline-4">
|
|
||||||
<h4 id="orgheadline32"><span class="todo TODO">TODO</span> Pay electricity bill <span class="tag"><span class="FLAGGED">FLAGGED</span></span></h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline33" class="outline-4">
|
|
||||||
<h4 id="orgheadline33"><span class="todo TODO">TODO</span> Renew newspaper subscription</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline34" class="outline-4">
|
|
||||||
<h4 id="orgheadline34"><span class="todo TODO">TODO</span> Cancel insurance</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline45" class="outline-3">
|
|
||||||
<h3 id="orgheadline45">Chores</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline45"></div>
|
|
||||||
<div id="outline-container-orgheadline36" class="outline-4">
|
|
||||||
<h4 id="orgheadline36"><span class="todo TODO">TODO</span> Buy milk</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline37" class="outline-4">
|
|
||||||
<h4 id="orgheadline37"><span class="todo TODO">TODO</span> Buy dog food</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline38" class="outline-4">
|
|
||||||
<h4 id="orgheadline38"><span class="todo WAIT">WAIT</span> Mail package to Susan</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline39" class="outline-4">
|
|
||||||
<h4 id="orgheadline39"><span class="todo TODO">TODO</span> Buy groceries</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline40" class="outline-4">
|
|
||||||
<h4 id="orgheadline40"><span class="todo TODO">TODO</span> Mow the lawn</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline41" class="outline-4">
|
|
||||||
<h4 id="orgheadline41"><span class="todo TODO">TODO</span> Get a haircut</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline42" class="outline-4">
|
|
||||||
<h4 id="orgheadline42"><span class="todo TODO">TODO</span> Buy anniversary present</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline43" class="outline-4">
|
|
||||||
<h4 id="orgheadline43"><span class="todo TODO">TODO</span> Take out trash</h4>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline44" class="outline-4">
|
|
||||||
<h4 id="orgheadline44"><span class="todo TODO">TODO</span> Get the car fixed</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="outline-container-orgheadline47" class="outline-3">
|
|
||||||
<h3 id="orgheadline47">Recreation</h3>
|
|
||||||
<div class="outline-text-3" id="text-orgheadline47"></div>
|
|
||||||
<div id="outline-container-orgheadline46" class="outline-4">
|
|
||||||
<h4 id="orgheadline46"><span class="todo TODO">TODO</span> Go to concert</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="postamble" class="status">
|
|
||||||
<p class="date">Date: 2015-04-28</p>
|
|
||||||
<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>
|
|
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 257 KiB |
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
|
@ -0,0 +1,15 @@
|
||||||
|
# -*- mode: org; -*-
|
||||||
|
|
||||||
|
#+OPTIONS: html-style:nil
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/bigblow_theme/css/htmlize.css"/>
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/bigblow_theme/css/bigblow.css"/>
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/bigblow_theme/css/hideshow.css"/>
|
||||||
|
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery-1.11.0.min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery-ui-1.10.2.min.js"></script>
|
||||||
|
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery.localscroll-min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/jquery.scrollTo-1.4.3.1-min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/bigblow.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/bigblow_theme/js/hideshow.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/jquery.stickytableheaders.min.js"></script>
|
|
@ -0,0 +1,16 @@
|
||||||
|
# -*- mode: org; -*-
|
||||||
|
|
||||||
|
#+OPTIONS: html-style:nil
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/bigblow_theme/css/htmlize.css"/>
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/bigblow_theme/css/bigblow.css"/>
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/bigblow_theme/css/hideshow.css"/>
|
||||||
|
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery-1.11.0.min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery-ui-1.10.2.min.js"></script>
|
||||||
|
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery.localscroll-min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery.scrollTo-1.4.3.1-min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/jquery.zclip.min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/bigblow.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/bigblow_theme/js/hideshow.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/lib/js/jquery.stickytableheaders.min.js"></script>
|
|
@ -0,0 +1,10 @@
|
||||||
|
# -*- mode: org; -*-
|
||||||
|
|
||||||
|
#+OPTIONS: html-style:nil
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/readtheorg_theme/css/htmlize.css"/>
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/readtheorg_theme/css/readtheorg.css"/>
|
||||||
|
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/jquery.min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/bootstrap.min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/lib/js/jquery.stickytableheaders.min.js"></script>
|
||||||
|
#+HTML_HEAD: <script type="text/javascript" src="src/readtheorg_theme/js/readtheorg.js"></script>
|
|
@ -1,9 +1,10 @@
|
||||||
# -*- mode: org; -*-
|
# -*- mode: org; -*-
|
||||||
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/htmlize.css"/>
|
#+OPTIONS: html-style:nil
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/readtheorg/css/readtheorg.css"/>
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/css/htmlize.css"/>
|
||||||
|
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/css/readtheorg.css"/>
|
||||||
|
|
||||||
#+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
#+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
||||||
#+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
|
#+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js"></script>
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/lib/js/jquery.stickytableheaders.min.js"></script>
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/readtheorg/js/readtheorg.js"></script>
|
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/js/readtheorg.js"></script>
|
|
@ -1,15 +0,0 @@
|
||||||
# -*- mode: org; -*-
|
|
||||||
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/htmlize.css"/>
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/bigblow.css"/>
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/bigblow/css/hideshow.css"/>
|
|
||||||
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery-1.11.0.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery-ui-1.10.2.min.js"></script>
|
|
||||||
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.localscroll-min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/jquery.zclip.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/bigblow.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/bigblow/js/hideshow.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/lib/js/jquery.stickytableheaders.min.js"></script>
|
|
|
@ -1,15 +0,0 @@
|
||||||
# -*- mode: org; -*-
|
|
||||||
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/bigblow/css/htmlize.css"/>
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/bigblow/css/bigblow.css"/>
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/styles/bigblow/css/hideshow.css"/>
|
|
||||||
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery-1.11.0.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery-ui-1.10.2.min.js"></script>
|
|
||||||
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery.localscroll-min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/jquery.zclip.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/bigblow.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/bigblow/js/hideshow.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="https://fniessen.github.io/org-html-themes/styles/lib/js/jquery.stickytableheaders.min.js"></script>
|
|
|
@ -1,9 +0,0 @@
|
||||||
# -*- mode: org; -*-
|
|
||||||
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/readtheorg/css/htmlize.css"/>
|
|
||||||
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="styles/readtheorg/css/readtheorg.css"/>
|
|
||||||
|
|
||||||
#+HTML_HEAD: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/lib/js/jquery.stickytableheaders.min.js"></script>
|
|
||||||
#+HTML_HEAD: <script type="text/javascript" src="styles/readtheorg/js/readtheorg.js"></script>
|
|
|
@ -620,6 +620,7 @@ span.todo .selected {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
white-space: pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
#minitoc a {
|
#minitoc a {
|
||||||
|
@ -750,6 +751,10 @@ p.verse {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.underline {
|
||||||
|
text-decoration:underline
|
||||||
|
}
|
||||||
|
|
||||||
/* This is for the sake of Emacs. */
|
/* This is for the sake of Emacs. */
|
||||||
/* Local Variables: */
|
/* Local Variables: */
|
||||||
/* eval: (when (locate-library "rainbow-mode") (require 'rainbow-mode) (rainbow-mode)) */
|
/* eval: (when (locate-library "rainbow-mode") (require 'rainbow-mode) (rainbow-mode)) */
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 625 B After Width: | Height: | Size: 625 B |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
@ -45,12 +45,26 @@ $(function() {
|
||||||
|
|
||||||
// generate contents of minitoc
|
// generate contents of minitoc
|
||||||
function generateMiniToc(divId) {
|
function generateMiniToc(divId) {
|
||||||
|
let headers = null;
|
||||||
|
if(divId) {
|
||||||
$('#minitoc').empty().append('<h2>In this section</h2>');
|
$('#minitoc').empty().append('<h2>In this section</h2>');
|
||||||
$('#' + divId).find('h3').each(function(i) {
|
headers = $('#' + divId).find('h3');
|
||||||
let pos = $(this).text().search(" ");
|
}
|
||||||
let text = $(this).text().substring(0, pos);
|
else {
|
||||||
|
$('#minitoc').empty().append('<h2>In this document</h2>');
|
||||||
|
headers = $('div#content').find(':header');
|
||||||
|
}
|
||||||
|
headers.each(function(i) {
|
||||||
|
let text = $(this)
|
||||||
|
.clone() //clone the element
|
||||||
|
.children() //select all the children
|
||||||
|
.remove() //remove all the children
|
||||||
|
.end() //again go back to selected element
|
||||||
|
.text().trim();
|
||||||
|
var level = parseInt(this.nodeName.substring(1), 10);
|
||||||
|
let prefix = "".padStart(level-1, " ");
|
||||||
$("#minitoc").append("<a href='#" + $(this).attr("id") + "'>"
|
$("#minitoc").append("<a href='#" + $(this).attr("id") + "'>"
|
||||||
+ text + "</a>");
|
+ prefix + text + "</a>");
|
||||||
});
|
});
|
||||||
// Ensure that the target is expanded (hideShow)
|
// Ensure that the target is expanded (hideShow)
|
||||||
$('#minitoc a[href^="#"]').click(function() {
|
$('#minitoc a[href^="#"]').click(function() {
|
||||||
|
@ -189,55 +203,35 @@ $(document).ready(function() {
|
||||||
$('table').stickyTableHeaders();
|
$('table').stickyTableHeaders();
|
||||||
});
|
});
|
||||||
|
|
||||||
function copyToClipboard(text)
|
|
||||||
{
|
|
||||||
if (window.clipboardData && window.clipboardData.setData) { // Internet Explorer
|
|
||||||
window.clipboardData.setData("Text", text);
|
|
||||||
}
|
|
||||||
else { // Fallback solution
|
|
||||||
window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
// Assuming that the ZeroClipboard swf file is in the same folder than bigblow,
|
|
||||||
// get the path to it (it will be relative to the current page location).
|
|
||||||
var bbScriptPath = $('script[src$="bigblow.js"]').attr('src'); // the js file path
|
|
||||||
var bbPathToZeroClipboardSwf = bbScriptPath.replace('bigblow.js', 'ZeroClipboard.swf');
|
|
||||||
|
|
||||||
// Add copy to clipboard snippets
|
// Add copy to clipboard snippets
|
||||||
$('.org-src-container').prepend('<div class="snippet-copy-to-clipboard"><span class="copy-to-clipboard-button">[copy]</span></div>');
|
$('.org-src-container').prepend('<div class="snippet-copy-to-clipboard"><span class="copy-to-clipboard-button">[copy]</span></div>');
|
||||||
|
|
||||||
// Display/hide snippets on source block mouseenter/mouseleave
|
// Display/hide snippets on source block mouseenter/mouseleave
|
||||||
$(document).on('mouseenter', '.org-src-container', function () {
|
$(document).on('mouseenter', '.org-src-container', function () {
|
||||||
$(this).find('.snippet-copy-to-clipboard').show();
|
$(this).find('.snippet-copy-to-clipboard').show();
|
||||||
|
|
||||||
// Need to call zclip here, once the button is visible.
|
|
||||||
// Beacause when the button is not visible, zclip does nothing.
|
|
||||||
if ((window.location.protocol != 'file:') && ($(this).find('.zclip').length == 0)) {
|
|
||||||
$(this).find('.copy-to-clipboard-button').zclip({
|
|
||||||
//path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
|
|
||||||
//path: 'styles/bigblow/js/ZeroClipboard.swf',
|
|
||||||
path: bbPathToZeroClipboardSwf,
|
|
||||||
copy: function() {
|
|
||||||
return $(this).parent().parent().find('.src').text();
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
}
|
$(document).on('mouseleave', '.org-src-container', function () {
|
||||||
}).on('mouseleave', '.org-src-container', function () {
|
|
||||||
$(this).find('.snippet-copy-to-clipboard').hide();
|
$(this).find('.snippet-copy-to-clipboard').hide();
|
||||||
});
|
});
|
||||||
|
|
||||||
// Handle copy to clipboard (here, for a local file only 'file://...'
|
|
||||||
if (window.location.protocol == 'file:') { // if local file use browser-specific code
|
|
||||||
$('.copy-to-clipboard-button').click( function() {
|
$('.copy-to-clipboard-button').click( function() {
|
||||||
// Get the text to be copied
|
var element = $(this).parent().parent().find('.src');
|
||||||
var text = $(this).parent().parent().find('.src').text();
|
var val = element.text();
|
||||||
text = text.replace(/\n/g, "\r\n");
|
val = val.replace(/\n/g, "\r\n");
|
||||||
// alert(text);
|
|
||||||
copyToClipboard(text);
|
var $copyElement = $("<textarea>");
|
||||||
|
$("body").append($copyElement);
|
||||||
|
|
||||||
|
$copyElement.val(val);
|
||||||
|
|
||||||
|
$copyElement.trigger('select');
|
||||||
|
document.execCommand('copy');
|
||||||
|
|
||||||
|
$copyElement.remove();
|
||||||
|
|
||||||
|
$(this).parent().parent().find('.snippet-copy-to-clipboard').hide();
|
||||||
});
|
});
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
|
@ -1,6 +1,6 @@
|
||||||
// hideshow.js --- HideShow JS file
|
// hideshow.js --- HideShow JS file
|
||||||
//
|
//
|
||||||
// Copyright (C) 2014 All Right Reserved, Fabrice Niessen
|
// Copyright (C) 2014-2020 All Right Reserved, Fabrice Niessen
|
||||||
//
|
//
|
||||||
// This file is free software: you can redistribute it and/or
|
// This file is free software: you can redistribute it and/or
|
||||||
// modify it under the terms of the GNU General Public License as
|
// modify it under the terms of the GNU General Public License as
|
||||||
|
@ -310,7 +310,8 @@ function hsAddReviewingPanels() {
|
||||||
+ '(out of ' + nbReviewTotalTasks + ' tasks)<br>'
|
+ '(out of ' + nbReviewTotalTasks + ' tasks)<br>'
|
||||||
+ 'Shortcuts: '
|
+ 'Shortcuts: '
|
||||||
+ '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
|
+ '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
|
||||||
+ '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span>'
|
+ '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span><br>'
|
||||||
|
+ '<span class="hsReviewButton" onclick="hsReviewTaskQuit()">q (quit)</span>'
|
||||||
+ '</div>');
|
+ '</div>');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
@ -318,7 +319,8 @@ function hsAddReviewingPanels() {
|
||||||
+ '(out of ' + nbReviewTotalTasks + ' tasks)<br>'
|
+ '(out of ' + nbReviewTotalTasks + ' tasks)<br>'
|
||||||
+ 'Shortcuts: '
|
+ 'Shortcuts: '
|
||||||
+ '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
|
+ '<span class="hsReviewButton" onclick="hsReviewTaskNext()">r (next)</span> - '
|
||||||
+ '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span>'
|
+ '<span class="hsReviewButton" onclick="hsReviewTaskPrev()">R (previous)</span><br>'
|
||||||
|
+ '<span class="hsReviewButton" onclick="hsReviewTaskQuit()">q (quit)</span>'
|
||||||
+ '</div>');
|
+ '</div>');
|
||||||
}
|
}
|
||||||
});
|
});
|
|
@ -0,0 +1,21 @@
|
||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2011-2015 Twitter, Inc
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in
|
||||||
|
all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
THE SOFTWARE.
|
|
@ -0,0 +1,21 @@
|
||||||
|
Copyright 2014 jQuery Foundation and other contributors
|
||||||
|
http://jquery.com/
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of this software and associated documentation files (the
|
||||||
|
"Software"), to deal in the Software without restriction, including
|
||||||
|
without limitation the rights to use, copy, modify, merge, publish,
|
||||||
|
distribute, sublicense, and/or sell copies of the Software, and to
|
||||||
|
permit persons to whom the Software is furnished to do so, subject to
|
||||||
|
the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be
|
||||||
|
included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||||
|
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||||
|
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||||
|
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
@ -1,5 +1,5 @@
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700");
|
||||||
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
|
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6,legend{
|
h1,h2,h3,h4,h5,h6,legend{
|
||||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
|
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
|
||||||
|
@ -9,6 +9,8 @@ h1,h2,h3,h4,h5,h6,legend{
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
font-size:175%;
|
font-size:175%;
|
||||||
|
text-align: left !important;
|
||||||
|
margin-bottom: 0.83em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle{
|
.subtitle{
|
||||||
|
@ -45,7 +47,6 @@ html{
|
||||||
-webkit-text-size-adjust:100%;
|
-webkit-text-size-adjust:100%;
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
height:100%;
|
height:100%;
|
||||||
overflow-x:hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
|
@ -55,12 +56,10 @@ body{
|
||||||
font-weight:normal;
|
font-weight:normal;
|
||||||
margin:0;
|
margin:0;
|
||||||
min-height:100%;
|
min-height:100%;
|
||||||
overflow-x:hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content{
|
#content{
|
||||||
background:#fcfcfc;
|
background:#fcfcfc;
|
||||||
height:100%;
|
|
||||||
margin-left:300px;
|
margin-left:300px;
|
||||||
/* margin:auto; */
|
/* margin:auto; */
|
||||||
max-width:800px;
|
max-width:800px;
|
||||||
|
@ -340,6 +339,7 @@ pre.src{
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin-bottom:24px;
|
margin-bottom:24px;
|
||||||
padding:12px;
|
padding:12px;
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
table{
|
table{
|
||||||
|
@ -428,7 +428,6 @@ table tr:nth-child(2n) td{
|
||||||
}
|
}
|
||||||
|
|
||||||
#toggle-sidebar {
|
#toggle-sidebar {
|
||||||
background-color: #2980B9;
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 1.6em;
|
margin-bottom: 1.6em;
|
||||||
padding: 0.6em;
|
padding: 0.6em;
|
||||||
|
@ -577,13 +576,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
|
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
|
||||||
display:inline}
|
display:inline}
|
||||||
|
|
||||||
.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo{
|
|
||||||
padding:12px;
|
|
||||||
line-height:24px;
|
|
||||||
margin-bottom:24px;
|
|
||||||
/* background:#e7f2fa; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.wy-alert-title,#content .admonition-title{
|
.wy-alert-title,#content .admonition-title{
|
||||||
color:#fff;
|
color:#fff;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
|
@ -594,10 +586,19 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
padding:6px 12px;
|
padding:6px 12px;
|
||||||
margin-bottom:0px}
|
margin-bottom:0px}
|
||||||
|
|
||||||
#content .danger,#content .error{
|
.admonition-title + div{
|
||||||
|
padding: 12px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition-title + div > p{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger + div, .error + div, #content .danger,#content .error{
|
||||||
background:#fdf3f2}
|
background:#fdf3f2}
|
||||||
|
|
||||||
.wy-alert.wy-alert-warning,#content .wy-alert-warning.note,#content .attention,#content .caution,#content .wy-alert-warning.danger,#content .wy-alert-warning.error,#content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .warning,#content .wy-alert-warning.seealso,#content .admonitiontodo{
|
.wy-alert.wy-alert-warning,#content .wy-alert-warning.note, #content .attention,#content .caution, #content .warning, #content .admonitiontodo, .attention + div, .caution + div, .warning + div, #content .wy-alert-warning.danger,#content .wy-alert-warning.error, #content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .wy-alert-warning.seealso{
|
||||||
background:#ffedcc}
|
background:#ffedcc}
|
||||||
|
|
||||||
#content .admonition-title.note:before, #content .admonition-title.seealso:before,
|
#content .admonition-title.note:before, #content .admonition-title.seealso:before,
|
||||||
|
@ -609,17 +610,15 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
font-family:FontAwesome;
|
font-family:FontAwesome;
|
||||||
content: "";}
|
content: "";}
|
||||||
|
|
||||||
#content .note,#content .seealso{
|
.seealso + div, .note + div, #content .note,#content .seealso{
|
||||||
background:#e7f2fa}
|
background:#e7f2fa;
|
||||||
|
}
|
||||||
.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
|
|
||||||
margin-bottom:0}
|
|
||||||
|
|
||||||
#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
|
#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background:#1abc9c}
|
background:#1abc9c}
|
||||||
|
|
||||||
#content .important,#content .tip,#content .hint{
|
.important + div, .tip + div, .hint + div, #content .important, #content .tip, #content .hint{
|
||||||
background:#dbfaf4}
|
background:#dbfaf4}
|
||||||
|
|
||||||
#content .admonition-title.note,#content .admonition-title.seealso{
|
#content .admonition-title.note,#content .admonition-title.seealso{
|
||||||
|
@ -767,6 +766,7 @@ hr{
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents a:hover{
|
#table-of-contents a:hover{
|
||||||
|
color: #ffffff !important;
|
||||||
background-color:#4e4a4a;
|
background-color:#4e4a4a;
|
||||||
cursor:pointer}
|
cursor:pointer}
|
||||||
|
|
||||||
|
@ -800,75 +800,114 @@ hr{
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
margin-bottom:0.809em}
|
margin-bottom:0.809em}
|
||||||
|
|
||||||
ul.nav li ul li {
|
ul.nav > li ul {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li ul li ul li {
|
li.active {
|
||||||
display: none;
|
background-color: #e3e3e3;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li {
|
li.active>a {
|
||||||
display: inline;
|
color: black !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li ul li {
|
ul.nav>li.active a {
|
||||||
display: inline;
|
color: #404040 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li a {
|
ul.nav>li.active li.active {
|
||||||
background-color: #E3E3E3;
|
background-color: #c9c9c9;
|
||||||
color: #8099B0;
|
}
|
||||||
|
|
||||||
|
ul.nav>li.active li.active>a {
|
||||||
|
color: black !important;
|
||||||
border-right:solid 1px #c9c9c9 !important;
|
border-right:solid 1px #c9c9c9 !important;
|
||||||
}
|
|
||||||
|
|
||||||
ul.nav li.active ul li.active a {
|
|
||||||
background-color: #C9C9C9;
|
|
||||||
color: black !important;
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.nav li.active ul li.active ul li.active a {
|
|
||||||
color: black !important;
|
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li.active ul li a {
|
ul.nav>li.active>a {
|
||||||
color: #808080 !important;
|
background-color: #fcfcfc;
|
||||||
font-weight: normal !important;
|
color: black !important;
|
||||||
|
border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
|
||||||
|
border-right:solid 1px #c9c9c9 !important;
|
||||||
|
font-weight: bold !important;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li ul li a {
|
li.active>ul {
|
||||||
display: none !important;
|
display: inline !important;
|
||||||
}
|
}
|
||||||
|
/* ul.nav li ul li { */
|
||||||
|
/* display: none; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li ul li ul li { */
|
||||||
|
/* display: none; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li { */
|
||||||
|
/* display: inline; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li ul li { */
|
||||||
|
/* display: inline; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li a { */
|
||||||
|
/* background-color: #E3E3E3; */
|
||||||
|
/* color: #8099B0; */
|
||||||
|
/* border-right:solid 1px #c9c9c9 !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li.active a { */
|
||||||
|
/* background-color: #C9C9C9; */
|
||||||
|
/* color: black !important; */
|
||||||
|
/* font-weight: bold !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li.active ul li.active a { */
|
||||||
|
/* color: black !important; */
|
||||||
|
/* font-weight: bold !important; */
|
||||||
|
/* display: block !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li.active ul li a { */
|
||||||
|
/* color: #808080 !important; */
|
||||||
|
/* font-weight: normal !important; */
|
||||||
|
/* display: block !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li ul li a { */
|
||||||
|
/* display: none !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
/* ul.nav li ul li ul li { */
|
/* ul.nav li ul li ul li { */
|
||||||
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
|
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
|
||||||
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
|
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
|
||||||
/* } */
|
/* } */
|
||||||
|
|
||||||
ul.nav li ul li ul li ul li {
|
/* ul.nav li ul li ul li ul li { */
|
||||||
display: none !important; /* as long as nav is on multiple levels of ul */
|
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
|
||||||
/* display: none; /* as long as nav is on multiple levels of ul *\/ */
|
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
ul.nav li.active > a {
|
/* ul.nav li.active > a { */
|
||||||
border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
|
/* border-bottom:solid 1px #c9c9c9 !important; /\* XXX Restrict it to 2nd level *\/ */
|
||||||
border-right:solid 1px #c9c9c9 !important;
|
/* border-right:solid 1px #c9c9c9 !important; */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
ul.nav li.active a {
|
/* ul.nav li.active a { */
|
||||||
color: gray !important;
|
/* color: gray !important; */
|
||||||
font-weight:bold;
|
/* font-weight:bold; */
|
||||||
background-color: white;
|
/* background-color: white; */
|
||||||
border-right:solid 0px white !important;
|
/* border-right:solid 0px white !important; */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
ul.nav > li.active > a {
|
/* ul.nav > li.active > a { */
|
||||||
color: black !important;
|
/* color: black !important; */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
footer{
|
footer{
|
||||||
color:#999}
|
color:#999}
|
||||||
|
@ -1014,7 +1053,7 @@ h2.footnotes{
|
||||||
|
|
||||||
.footnum, .footref{
|
.footnum, .footref{
|
||||||
color: #2980b9;
|
color: #2980b9;
|
||||||
font-size: 170%;
|
font-size: 90%;
|
||||||
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
|
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1094,3 +1133,12 @@ h2.footnotes{
|
||||||
padding: 9px 12px;
|
padding: 9px 12px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
|
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
|
||||||
|
|
||||||
|
#org-div-home-and-up {
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.underline {
|
||||||
|
text-decoration:underline
|
||||||
|
}
|
|
@ -0,0 +1,145 @@
|
||||||
|
function collapse_toc_elements_on_click (nav_li_a){
|
||||||
|
/*
|
||||||
|
When an `a' element in the TOC is clicked, its parent
|
||||||
|
`li' element's active attribute is toggled. This causes
|
||||||
|
the element to toggle between minimized and maximized
|
||||||
|
states. The active attribute is documented in bootstrap.
|
||||||
|
https://getbootstrap.com/docs/4.0/components/navbar/#nav
|
||||||
|
*/
|
||||||
|
$(nav_li_a).parent().toggleClass("active");
|
||||||
|
}
|
||||||
|
|
||||||
|
$( document ).ready(function() {
|
||||||
|
// When the document is loaded and ready, bind the
|
||||||
|
// function `collapse_toc_elements_on_click' to the
|
||||||
|
// `a' elements in the table of contents.
|
||||||
|
$("#text-table-of-contents a").click(function() {
|
||||||
|
collapse_toc_elements_on_click(this);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
function replace_admonition (tag, map, language) {
|
||||||
|
var language = document.documentElement.lang;
|
||||||
|
var translations = map.get(tag);
|
||||||
|
var readable = translations.get(language) || translations.get("en"); // fallback to english
|
||||||
|
$(`span.${tag}:not(#table-of-contents *)`) .parent().parent()
|
||||||
|
.replaceWith(`<p id='${this.id}' class='admonition-title ${tag}'>${readable}</p>`);
|
||||||
|
$(`div.${tag}`).before(`<p class='admonition-title ${tag}'>${readable}</p>`)
|
||||||
|
}
|
||||||
|
const map = new Map()
|
||||||
|
.set("note", new Map()
|
||||||
|
.set("en", "Note")
|
||||||
|
.set("de", "Hinweis"))
|
||||||
|
.set("seealso", new Map()
|
||||||
|
.set("en", "See also")
|
||||||
|
.set("de", "Siehe auch"))
|
||||||
|
.set("warning", new Map()
|
||||||
|
.set("en", "Warning")
|
||||||
|
.set("de", "Warnung"))
|
||||||
|
.set("caution", new Map()
|
||||||
|
.set("en", "Caution")
|
||||||
|
.set("de", "Vorsicht"))
|
||||||
|
.set("attention", new Map()
|
||||||
|
.set("en", "Attention")
|
||||||
|
.set("de", "Obacht"))
|
||||||
|
.set("tip", new Map()
|
||||||
|
.set("en", "Tip")
|
||||||
|
.set("de", "Tipp"))
|
||||||
|
.set("important", new Map()
|
||||||
|
.set("en", "Important")
|
||||||
|
.set("de", "Wichtig"))
|
||||||
|
.set("hint", new Map()
|
||||||
|
.set("en", "Hint")
|
||||||
|
.set("de", "Hinweis"))
|
||||||
|
.set("error", new Map()
|
||||||
|
.set("en", "Error")
|
||||||
|
.set("de", "Fehler"))
|
||||||
|
.set("danger", new Map()
|
||||||
|
.set("en", "Danger")
|
||||||
|
.set("de", "Gefahr"))
|
||||||
|
;
|
||||||
|
replace_admonition('note', map);
|
||||||
|
replace_admonition('seealso', map);
|
||||||
|
replace_admonition('warning', map);
|
||||||
|
replace_admonition('caution', map);
|
||||||
|
replace_admonition('attention', map);
|
||||||
|
replace_admonition('tip', map);
|
||||||
|
replace_admonition('important', map);
|
||||||
|
replace_admonition('hint', map);
|
||||||
|
replace_admonition('error', map);
|
||||||
|
replace_admonition('danger', map);
|
||||||
|
});
|
||||||
|
|
||||||
|
$( document ).ready(function() {
|
||||||
|
|
||||||
|
// Shift nav in mobile when clicking the menu.
|
||||||
|
$(document).on('click', "[data-toggle='wy-nav-top']", function() {
|
||||||
|
$("[data-toggle='wy-nav-shift']").toggleClass("shift");
|
||||||
|
$("[data-toggle='rst-versions']").toggleClass("shift");
|
||||||
|
});
|
||||||
|
// Close menu when you click a link.
|
||||||
|
$(document).on('click', ".wy-menu-vertical .current ul li a", function() {
|
||||||
|
$("[data-toggle='wy-nav-shift']").removeClass("shift");
|
||||||
|
$("[data-toggle='rst-versions']").toggleClass("shift");
|
||||||
|
});
|
||||||
|
$(document).on('click', "[data-toggle='rst-current-version']", function() {
|
||||||
|
$("[data-toggle='rst-versions']").toggleClass("shift-up");
|
||||||
|
});
|
||||||
|
// Make tables responsive
|
||||||
|
$("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
|
||||||
|
});
|
||||||
|
|
||||||
|
$( document ).ready(function() {
|
||||||
|
$('#text-table-of-contents ul').first().addClass('nav');
|
||||||
|
// ScrollSpy also requires that we use
|
||||||
|
// a Bootstrap nav component.
|
||||||
|
$('body').scrollspy({target: '#text-table-of-contents'});
|
||||||
|
|
||||||
|
// DON'T add sticky table headers (Fix issue #69?)
|
||||||
|
// $('table').stickyTableHeaders();
|
||||||
|
|
||||||
|
// set the height of tableOfContents
|
||||||
|
var $postamble = $('#postamble');
|
||||||
|
var $tableOfContents = $('#table-of-contents');
|
||||||
|
$tableOfContents.css({paddingBottom: $postamble.outerHeight()});
|
||||||
|
|
||||||
|
// add TOC button
|
||||||
|
var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>');
|
||||||
|
$('#content').prepend(toggleSidebar);
|
||||||
|
|
||||||
|
// add close button when sidebar showed in mobile screen
|
||||||
|
var closeBtn = $('<a class="close-sidebar" href="#">Close</a>');
|
||||||
|
var tocTitle = $('#table-of-contents').find('h2');
|
||||||
|
tocTitle.append(closeBtn);
|
||||||
|
});
|
||||||
|
|
||||||
|
window.SphinxRtdTheme = (function (jquery) {
|
||||||
|
var stickyNav = (function () {
|
||||||
|
var navBar,
|
||||||
|
win,
|
||||||
|
stickyNavCssClass = 'stickynav',
|
||||||
|
applyStickNav = function () {
|
||||||
|
if (navBar.height() <= win.height()) {
|
||||||
|
navBar.addClass(stickyNavCssClass);
|
||||||
|
} else {
|
||||||
|
navBar.removeClass(stickyNavCssClass);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
enable = function () {
|
||||||
|
applyStickNav();
|
||||||
|
win.on('resize', applyStickNav);
|
||||||
|
},
|
||||||
|
init = function () {
|
||||||
|
navBar = jquery('nav.wy-nav-side:first');
|
||||||
|
win = jquery(window);
|
||||||
|
};
|
||||||
|
jquery(init);
|
||||||
|
return {
|
||||||
|
enable : enable
|
||||||
|
};
|
||||||
|
}());
|
||||||
|
return {
|
||||||
|
StickyNav : stickyNav
|
||||||
|
};
|
||||||
|
}($));
|
|
@ -6,7 +6,7 @@
|
||||||
#+LANGUAGE: en
|
#+LANGUAGE: en
|
||||||
#+OPTIONS: H:4 num:t toc:2
|
#+OPTIONS: H:4 num:t toc:2
|
||||||
|
|
||||||
#+SETUPFILE: ~/.dotfiles/org/theme-readtheorg-local-abs.setup
|
#+SETUPFILE: ~/org/theme-readtheorg.setup
|
||||||
|
|
||||||
# See http://pandoc.org/README.html for another organization of the sections
|
# See http://pandoc.org/README.html for another organization of the sections
|
||||||
|
|
||||||
|
@ -21,8 +21,8 @@ approach to better HTML export.
|
||||||
:END:
|
:END:
|
||||||
|
|
||||||
#+begin_src css
|
#+begin_src css
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700");
|
||||||
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
|
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
** Headings
|
** Headings
|
||||||
|
@ -36,6 +36,8 @@ h1,h2,h3,h4,h5,h6,legend{
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
font-size:175%;
|
font-size:175%;
|
||||||
|
text-align: left !important;
|
||||||
|
margin-bottom: 0.83em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle{
|
.subtitle{
|
||||||
|
@ -76,7 +78,6 @@ html{
|
||||||
-webkit-text-size-adjust:100%;
|
-webkit-text-size-adjust:100%;
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
height:100%;
|
height:100%;
|
||||||
overflow-x:hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
|
@ -86,12 +87,10 @@ body{
|
||||||
font-weight:normal;
|
font-weight:normal;
|
||||||
margin:0;
|
margin:0;
|
||||||
min-height:100%;
|
min-height:100%;
|
||||||
overflow-x:hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content{
|
#content{
|
||||||
background:#fcfcfc;
|
background:#fcfcfc;
|
||||||
height:100%;
|
|
||||||
margin-left:300px;
|
margin-left:300px;
|
||||||
/* margin:auto; */
|
/* margin:auto; */
|
||||||
max-width:800px;
|
max-width:800px;
|
||||||
|
@ -195,12 +194,8 @@ dd{
|
||||||
|
|
||||||
*** Unordered
|
*** Unordered
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
*** Ordered
|
*** Ordered
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
*** Description
|
*** Description
|
||||||
|
|
||||||
#+begin_src css
|
#+begin_src css
|
||||||
|
@ -565,7 +560,6 @@ Responsive for sidebar:
|
||||||
}
|
}
|
||||||
|
|
||||||
#toggle-sidebar {
|
#toggle-sidebar {
|
||||||
background-color: #2980B9;
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 1.6em;
|
margin-bottom: 1.6em;
|
||||||
padding: 0.6em;
|
padding: 0.6em;
|
||||||
|
@ -729,13 +723,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
|
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
|
||||||
display:inline}
|
display:inline}
|
||||||
|
|
||||||
.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo{
|
|
||||||
padding:12px;
|
|
||||||
line-height:24px;
|
|
||||||
margin-bottom:24px;
|
|
||||||
/* background:#e7f2fa; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.wy-alert-title,#content .admonition-title{
|
.wy-alert-title,#content .admonition-title{
|
||||||
color:#fff;
|
color:#fff;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
|
@ -746,10 +733,19 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
padding:6px 12px;
|
padding:6px 12px;
|
||||||
margin-bottom:0px}
|
margin-bottom:0px}
|
||||||
|
|
||||||
#content .danger,#content .error{
|
.admonition-title + div{
|
||||||
|
padding: 12px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition-title + div > p{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger + div, .error + div, #content .danger,#content .error{
|
||||||
background:#fdf3f2}
|
background:#fdf3f2}
|
||||||
|
|
||||||
.wy-alert.wy-alert-warning,#content .wy-alert-warning.note,#content .attention,#content .caution,#content .wy-alert-warning.danger,#content .wy-alert-warning.error,#content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .warning,#content .wy-alert-warning.seealso,#content .admonitiontodo{
|
.wy-alert.wy-alert-warning,#content .wy-alert-warning.note, #content .attention,#content .caution, #content .warning, #content .admonitiontodo, .attention + div, .caution + div, .warning + div, #content .wy-alert-warning.danger,#content .wy-alert-warning.error, #content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .wy-alert-warning.seealso{
|
||||||
background:#ffedcc}
|
background:#ffedcc}
|
||||||
|
|
||||||
#content .admonition-title.note:before, #content .admonition-title.seealso:before,
|
#content .admonition-title.note:before, #content .admonition-title.seealso:before,
|
||||||
|
@ -761,17 +757,15 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
font-family:FontAwesome;
|
font-family:FontAwesome;
|
||||||
content: "";}
|
content: "";}
|
||||||
|
|
||||||
#content .note,#content .seealso{
|
.seealso + div, .note + div, #content .note,#content .seealso{
|
||||||
background:#e7f2fa}
|
background:#e7f2fa;
|
||||||
|
}
|
||||||
.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
|
|
||||||
margin-bottom:0}
|
|
||||||
|
|
||||||
#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
|
#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background:#1abc9c}
|
background:#1abc9c}
|
||||||
|
|
||||||
#content .important,#content .tip,#content .hint{
|
.important + div, .tip + div, .hint + div, #content .important, #content .tip, #content .hint{
|
||||||
background:#dbfaf4}
|
background:#dbfaf4}
|
||||||
|
|
||||||
#content .admonition-title.note,#content .admonition-title.seealso{
|
#content .admonition-title.note,#content .admonition-title.seealso{
|
||||||
|
@ -929,6 +923,7 @@ hr{
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents a:hover{
|
#table-of-contents a:hover{
|
||||||
|
color: #ffffff !important;
|
||||||
background-color:#4e4a4a;
|
background-color:#4e4a4a;
|
||||||
cursor:pointer}
|
cursor:pointer}
|
||||||
|
|
||||||
|
@ -964,75 +959,114 @@ hr{
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
#+begin_src css
|
#+begin_src css
|
||||||
ul.nav li ul li {
|
ul.nav > li ul {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li ul li ul li {
|
li.active {
|
||||||
display: none;
|
background-color: #e3e3e3;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li {
|
li.active>a {
|
||||||
display: inline;
|
color: black !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li ul li {
|
ul.nav>li.active a {
|
||||||
display: inline;
|
color: #404040 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li a {
|
ul.nav>li.active li.active {
|
||||||
background-color: #E3E3E3;
|
background-color: #c9c9c9;
|
||||||
color: #8099B0;
|
}
|
||||||
|
|
||||||
|
ul.nav>li.active li.active>a {
|
||||||
|
color: black !important;
|
||||||
border-right:solid 1px #c9c9c9 !important;
|
border-right:solid 1px #c9c9c9 !important;
|
||||||
}
|
|
||||||
|
|
||||||
ul.nav li.active ul li.active a {
|
|
||||||
background-color: #C9C9C9;
|
|
||||||
color: black !important;
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.nav li.active ul li.active ul li.active a {
|
|
||||||
color: black !important;
|
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li.active ul li a {
|
ul.nav>li.active>a {
|
||||||
color: #808080 !important;
|
background-color: #fcfcfc;
|
||||||
font-weight: normal !important;
|
color: black !important;
|
||||||
|
border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
|
||||||
|
border-right:solid 1px #c9c9c9 !important;
|
||||||
|
font-weight: bold !important;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.nav li.active ul li ul li a {
|
li.active>ul {
|
||||||
display: none !important;
|
display: inline !important;
|
||||||
}
|
}
|
||||||
|
/* ul.nav li ul li { */
|
||||||
|
/* display: none; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li ul li ul li { */
|
||||||
|
/* display: none; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li { */
|
||||||
|
/* display: inline; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li ul li { */
|
||||||
|
/* display: inline; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li a { */
|
||||||
|
/* background-color: #E3E3E3; */
|
||||||
|
/* color: #8099B0; */
|
||||||
|
/* border-right:solid 1px #c9c9c9 !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li.active a { */
|
||||||
|
/* background-color: #C9C9C9; */
|
||||||
|
/* color: black !important; */
|
||||||
|
/* font-weight: bold !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li.active ul li.active a { */
|
||||||
|
/* color: black !important; */
|
||||||
|
/* font-weight: bold !important; */
|
||||||
|
/* display: block !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li.active ul li a { */
|
||||||
|
/* color: #808080 !important; */
|
||||||
|
/* font-weight: normal !important; */
|
||||||
|
/* display: block !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
/* ul.nav li.active ul li ul li a { */
|
||||||
|
/* display: none !important; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
/* ul.nav li ul li ul li { */
|
/* ul.nav li ul li ul li { */
|
||||||
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
|
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
|
||||||
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
|
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
|
||||||
/* } */
|
/* } */
|
||||||
|
|
||||||
ul.nav li ul li ul li ul li {
|
/* ul.nav li ul li ul li ul li { */
|
||||||
display: none !important; /* as long as nav is on multiple levels of ul */
|
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
|
||||||
/* display: none; /* as long as nav is on multiple levels of ul *\/ */
|
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
ul.nav li.active > a {
|
/* ul.nav li.active > a { */
|
||||||
border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
|
/* border-bottom:solid 1px #c9c9c9 !important; /\* XXX Restrict it to 2nd level *\/ */
|
||||||
border-right:solid 1px #c9c9c9 !important;
|
/* border-right:solid 1px #c9c9c9 !important; */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
ul.nav li.active a {
|
/* ul.nav li.active a { */
|
||||||
color: gray !important;
|
/* color: gray !important; */
|
||||||
font-weight:bold;
|
/* font-weight:bold; */
|
||||||
background-color: white;
|
/* background-color: white; */
|
||||||
border-right:solid 0px white !important;
|
/* border-right:solid 0px white !important; */
|
||||||
}
|
/* } */
|
||||||
|
|
||||||
ul.nav > li.active > a {
|
/* ul.nav > li.active > a { */
|
||||||
color: black !important;
|
/* color: black !important; */
|
||||||
}
|
/* } */
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
#+begin_src css
|
#+begin_src css
|
||||||
|
@ -1186,7 +1220,7 @@ h2.footnotes{
|
||||||
|
|
||||||
.footnum, .footref{
|
.footnum, .footref{
|
||||||
color: #2980b9;
|
color: #2980b9;
|
||||||
font-size: 170%;
|
font-size: 90%;
|
||||||
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
|
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1435,17 +1469,42 @@ for nice yellow or orange boxes.
|
||||||
:END:
|
:END:
|
||||||
|
|
||||||
#+begin_src js
|
#+begin_src js
|
||||||
|
function collapse_toc_elements_on_click (nav_li_a){
|
||||||
|
/*
|
||||||
|
When an `a' element in the TOC is clicked, its parent
|
||||||
|
`li' element's active attribute is toggled. This causes
|
||||||
|
the element to toggle between minimized and maximized
|
||||||
|
states. The active attribute is documented in bootstrap.
|
||||||
|
https://getbootstrap.com/docs/4.0/components/navbar/#nav
|
||||||
|
*/
|
||||||
|
$(nav_li_a).parent().toggleClass("active");
|
||||||
|
}
|
||||||
|
|
||||||
|
$( document ).ready(function() {
|
||||||
|
// When the document is loaded and ready, bind the
|
||||||
|
// function `collapse_toc_elements_on_click' to the
|
||||||
|
// `a' elements in the table of contents.
|
||||||
|
$("#text-table-of-contents a").click(function() {
|
||||||
|
collapse_toc_elements_on_click(this);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
$('.note').before("<p class='admonition-title note'>Note</p>");
|
function replace_admonition (tag, readable) {
|
||||||
$('.seealso').before("<p class='admonition-title seealso'>See also</p>");
|
$(`span.${tag}:not(#table-of-contents *)`) .parent().parent()
|
||||||
$('.warning').before("<p class='admonition-title warning'>Warning</p>");
|
.replaceWith(`<p id='${this.id}' class='admonition-title ${tag}'>${readable}</p>`);
|
||||||
$('.caution').before("<p class='admonition-title caution'>Caution</p>");
|
$(`div.${tag}`).before(`<p class='admonition-title ${tag}'>${readable}</p>`)
|
||||||
$('.attention').before("<p class='admonition-title attention'>Attention</p>");
|
}
|
||||||
$('.tip').before("<p class='admonition-title tip'>Tip</p>");
|
replace_admonition('note', 'Note');
|
||||||
$('.important').before("<p class='admonition-title important'>Important</p>");
|
replace_admonition('seealso', 'See also');
|
||||||
$('.hint').before("<p class='admonition-title hint'>Hint</p>");
|
replace_admonition('warning', 'Warning');
|
||||||
$('.error').before("<p class='admonition-title error'>Error</p>");
|
replace_admonition('caution', 'Caution');
|
||||||
$('.danger').before("<p class='admonition-title danger'>Danger</p>");
|
replace_admonition('attention', 'Attention');
|
||||||
|
replace_admonition('tip', 'Tip');
|
||||||
|
replace_admonition('important', 'Important');
|
||||||
|
replace_admonition('hint', 'Hint');
|
||||||
|
replace_admonition('error', 'Error');
|
||||||
|
replace_admonition('danger', 'Danger');
|
||||||
});
|
});
|
||||||
|
|
||||||
$( document ).ready(function() {
|
$( document ).ready(function() {
|
|
@ -1,85 +0,0 @@
|
||||||
$(function() {
|
|
||||||
$('.note').before("<p class='admonition-title note'>Note</p>");
|
|
||||||
$('.seealso').before("<p class='admonition-title seealso'>See also</p>");
|
|
||||||
$('.warning').before("<p class='admonition-title warning'>Warning</p>");
|
|
||||||
$('.caution').before("<p class='admonition-title caution'>Caution</p>");
|
|
||||||
$('.attention').before("<p class='admonition-title attention'>Attention</p>");
|
|
||||||
$('.tip').before("<p class='admonition-title tip'>Tip</p>");
|
|
||||||
$('.important').before("<p class='admonition-title important'>Important</p>");
|
|
||||||
$('.hint').before("<p class='admonition-title hint'>Hint</p>");
|
|
||||||
$('.error').before("<p class='admonition-title error'>Error</p>");
|
|
||||||
$('.danger').before("<p class='admonition-title danger'>Danger</p>");
|
|
||||||
});
|
|
||||||
|
|
||||||
$( document ).ready(function() {
|
|
||||||
|
|
||||||
// Shift nav in mobile when clicking the menu.
|
|
||||||
$(document).on('click', "[data-toggle='wy-nav-top']", function() {
|
|
||||||
$("[data-toggle='wy-nav-shift']").toggleClass("shift");
|
|
||||||
$("[data-toggle='rst-versions']").toggleClass("shift");
|
|
||||||
});
|
|
||||||
// Close menu when you click a link.
|
|
||||||
$(document).on('click', ".wy-menu-vertical .current ul li a", function() {
|
|
||||||
$("[data-toggle='wy-nav-shift']").removeClass("shift");
|
|
||||||
$("[data-toggle='rst-versions']").toggleClass("shift");
|
|
||||||
});
|
|
||||||
$(document).on('click', "[data-toggle='rst-current-version']", function() {
|
|
||||||
$("[data-toggle='rst-versions']").toggleClass("shift-up");
|
|
||||||
});
|
|
||||||
// Make tables responsive
|
|
||||||
$("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
|
|
||||||
});
|
|
||||||
|
|
||||||
$( document ).ready(function() {
|
|
||||||
$('#text-table-of-contents ul').first().addClass('nav');
|
|
||||||
// ScrollSpy also requires that we use
|
|
||||||
// a Bootstrap nav component.
|
|
||||||
$('body').scrollspy({target: '#text-table-of-contents'});
|
|
||||||
|
|
||||||
// DON'T add sticky table headers (Fix issue #69?)
|
|
||||||
// $('table').stickyTableHeaders();
|
|
||||||
|
|
||||||
// set the height of tableOfContents
|
|
||||||
var $postamble = $('#postamble');
|
|
||||||
var $tableOfContents = $('#table-of-contents');
|
|
||||||
$tableOfContents.css({paddingBottom: $postamble.outerHeight()});
|
|
||||||
|
|
||||||
// add TOC button
|
|
||||||
var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>');
|
|
||||||
$('#content').prepend(toggleSidebar);
|
|
||||||
|
|
||||||
// add close button when sidebar showed in mobile screen
|
|
||||||
var closeBtn = $('<a class="close-sidebar" href="#">Close</a>');
|
|
||||||
var tocTitle = $('#table-of-contents').find('h2');
|
|
||||||
tocTitle.append(closeBtn);
|
|
||||||
});
|
|
||||||
|
|
||||||
window.SphinxRtdTheme = (function (jquery) {
|
|
||||||
var stickyNav = (function () {
|
|
||||||
var navBar,
|
|
||||||
win,
|
|
||||||
stickyNavCssClass = 'stickynav',
|
|
||||||
applyStickNav = function () {
|
|
||||||
if (navBar.height() <= win.height()) {
|
|
||||||
navBar.addClass(stickyNavCssClass);
|
|
||||||
} else {
|
|
||||||
navBar.removeClass(stickyNavCssClass);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
enable = function () {
|
|
||||||
applyStickNav();
|
|
||||||
win.on('resize', applyStickNav);
|
|
||||||
},
|
|
||||||
init = function () {
|
|
||||||
navBar = jquery('nav.wy-nav-side:first');
|
|
||||||
win = jquery(window);
|
|
||||||
};
|
|
||||||
jquery(init);
|
|
||||||
return {
|
|
||||||
enable : enable
|
|
||||||
};
|
|
||||||
}());
|
|
||||||
return {
|
|
||||||
StickyNav : stickyNav
|
|
||||||
};
|
|
||||||
}($));
|
|
|
@ -1,17 +1,17 @@
|
||||||
|
# Hey Emacs, this is a -*- org -*- file ...
|
||||||
#+TITLE: Example of Tasks
|
#+TITLE: Example of Tasks
|
||||||
#+AUTHOR: Fabrice Niessen
|
#+AUTHOR: Fabrice Niessen
|
||||||
#+EMAIL: (concat "fniessen" at-sign "pirilampo.org")
|
#+EMAIL: booster.emacs@gmail.com
|
||||||
#+DATE: 2015-04-28
|
|
||||||
#+LANGUAGE: en
|
#+LANGUAGE: en
|
||||||
#+OPTIONS: H:4 num:nil toc:2
|
#+OPTIONS: H:4 num:2 toc:4
|
||||||
|
|
||||||
#+SETUPFILE: ~/src/org-html-themes/setup/theme-readtheorg.setup
|
#+SETUPFILE: ~/org/theme-readtheorg.setup
|
||||||
|
|
||||||
#+begin_html
|
#+begin_export html
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github"> Edit on GitHub</a>
|
<a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github"> Edit on GitHub</a>
|
||||||
</div>
|
</div>
|
||||||
#+end_html
|
#+end_export
|
||||||
|
|
||||||
-----
|
-----
|
||||||
|
|
||||||
|
@ -31,11 +31,11 @@ Project "Corporate Marketing".
|
||||||
|
|
||||||
*** Background and research
|
*** Background and research
|
||||||
|
|
||||||
**** TODO Who are the competitors?
|
**** TODO Who are the competitors? :FLAGGED:
|
||||||
|
|
||||||
**** TODO What are our product's advantages?
|
***** TODO What are our product's advantages?
|
||||||
|
|
||||||
**** TODO Target market
|
***** TODO Target market
|
||||||
|
|
||||||
**** TODO Elevator pitch
|
**** TODO Elevator pitch
|
||||||
|
|
||||||
|
@ -46,12 +46,11 @@ Project "Corporate Marketing".
|
||||||
# *************** TODO Test with an inline task
|
# *************** TODO Test with an inline task
|
||||||
# *************** END
|
# *************** END
|
||||||
|
|
||||||
**** TODO Interview PR firm candidates
|
**** STRT Interview PR firm candidates
|
||||||
DEADLINE: <2014-03-12 Wed>
|
DEADLINE: <2021-05-08 Sat>
|
||||||
:LOGBOOK:
|
:LOGBOOK:
|
||||||
CLOCK: [2013-02-05 Tue 09:00]--[2013-02-05 Tue 10:11] => 1:11
|
CLOCK: [2013-02-05 Tue 09:00]--[2013-02-05 Tue 10:11] => 1:11
|
||||||
- State "TODO" -> "STRT" [2013-02-05 Tue 17:48]
|
- State "TODO" -> "STRT" [2013-02-05 Tue 09:00]
|
||||||
- State "TODO" -> "STRT" [2013-08-19 Mon 15:16]
|
|
||||||
:END:
|
:END:
|
||||||
|
|
||||||
# *************** TODO Another test with an inline task
|
# *************** TODO Another test with an inline task
|
||||||
|
@ -59,7 +58,7 @@ Project "Corporate Marketing".
|
||||||
*** Advertising campaign
|
*** Advertising campaign
|
||||||
|
|
||||||
**** TODO Call Joe
|
**** TODO Call Joe
|
||||||
DEADLINE: <2014-03-06 Thu>
|
DEADLINE: <2021-05-06 Thu>
|
||||||
:PROPERTIES:
|
:PROPERTIES:
|
||||||
:Effort: 0:10
|
:Effort: 0:10
|
||||||
:END:
|
:END:
|
||||||
|
@ -69,14 +68,14 @@ Project "Corporate Marketing".
|
||||||
Calendar events/invitations.
|
Calendar events/invitations.
|
||||||
|
|
||||||
**** TODO Recruit volunteers
|
**** TODO Recruit volunteers
|
||||||
DEADLINE: <2014-03-13 Thu>
|
DEADLINE: <2021-05-13 Thu>
|
||||||
|
|
||||||
**** TODO Make sure responses are coming back
|
**** TODO Make sure responses are coming back
|
||||||
|
|
||||||
** Operations
|
** Operations
|
||||||
|
|
||||||
*** TODO Update database to latest version
|
*** TODO Update database to latest version
|
||||||
SCHEDULED: <2014-03-13 Thu>
|
SCHEDULED: <2021-04-13 Thu>
|
||||||
|
|
||||||
*** TODO Update Website
|
*** TODO Update Website
|
||||||
|
|
||||||
|
@ -96,7 +95,7 @@ Update blog.
|
||||||
|
|
||||||
-----
|
-----
|
||||||
|
|
||||||
* Personal :home:
|
* Personal :personal:
|
||||||
:PROPERTIES:
|
:PROPERTIES:
|
||||||
:CATEGORY: Personal
|
:CATEGORY: Personal
|
||||||
:END:
|
:END:
|
||||||
|
@ -105,16 +104,16 @@ Update blog.
|
||||||
|
|
||||||
*** DONE Read "Getting Things Done"
|
*** DONE Read "Getting Things Done"
|
||||||
:LOGBOOK:
|
:LOGBOOK:
|
||||||
- State "TODO" -> "DONE" [2014-01-06 Mon 15:10]
|
- State "TODO" -> "DONE" [2021-02-06 Sat 15:10]
|
||||||
:END:
|
:END:
|
||||||
|
|
||||||
** Health
|
** Health
|
||||||
|
|
||||||
*** TODO Make dentist appointment
|
*** TODO Make dentist appointment :phone:
|
||||||
SCHEDULED: <2014-03-12 Wed>
|
SCHEDULED: <2021-04-12 Wed>
|
||||||
|
|
||||||
*** TODO Go to the gym
|
*** TODO Go to the gym
|
||||||
SCHEDULED: <2014-03-11 Tue>
|
SCHEDULED: <2021-04-11 Tue>
|
||||||
:PROPERTIES:
|
:PROPERTIES:
|
||||||
:Effort: 0:10
|
:Effort: 0:10
|
||||||
:END:
|
:END:
|
||||||
|
@ -123,7 +122,7 @@ It should be as natural to some as showering or eating.
|
||||||
|
|
||||||
*** TODO Do jogging
|
*** TODO Do jogging
|
||||||
|
|
||||||
Marathon = 42.195 kilometres.
|
Marathon = 42,195 km.
|
||||||
|
|
||||||
** Finance
|
** Finance
|
||||||
|
|
||||||
|
@ -131,7 +130,7 @@ Marathon = 42.195 kilometres.
|
||||||
|
|
||||||
*** TODO Renew newspaper subscription
|
*** TODO Renew newspaper subscription
|
||||||
|
|
||||||
*** TODO Cancel insurance
|
*** TODO Cancel insurance :mail:
|
||||||
|
|
||||||
** Chores
|
** Chores
|
||||||
|
|
|
@ -0,0 +1,853 @@
|
||||||
|
# Hey Emacs, this is a -*- org -*- file ...
|
||||||
|
#+TITLE: Org mode syntax example
|
||||||
|
#+AUTHOR: Fabrice Niessen
|
||||||
|
#+EMAIL: fniessen@pirilampo.org
|
||||||
|
#+DESCRIPTION: Org mode syntax example
|
||||||
|
#+KEYWORDS: syntax, org, document
|
||||||
|
#+LANGUAGE: en
|
||||||
|
#+OPTIONS: H:5 num:nil toc:2 p:t
|
||||||
|
|
||||||
|
#+SETUPFILE: ~/org/theme-readtheorg.setup
|
||||||
|
|
||||||
|
#+PROPERTY: header-args :eval never-export
|
||||||
|
|
||||||
|
This is an Org mode document.
|
||||||
|
|
||||||
|
*Org mode* is a easy-to-write /plain text/ formatting syntax for authoring LaTeX
|
||||||
|
documents, creating Web pages and much more!
|
||||||
|
|
||||||
|
#+begin_html
|
||||||
|
<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>
|
||||||
|
#+end_html
|
||||||
|
|
||||||
|
* Basics
|
||||||
|
|
||||||
|
** Biggest heading
|
||||||
|
|
||||||
|
New chapter.
|
||||||
|
|
||||||
|
*** Bigger heading
|
||||||
|
|
||||||
|
New section.
|
||||||
|
|
||||||
|
**** Big heading
|
||||||
|
|
||||||
|
New sub-section.
|
||||||
|
|
||||||
|
**** Text breaks
|
||||||
|
|
||||||
|
A single newline has no effect.
|
||||||
|
This line is part of the same paragraph.
|
||||||
|
|
||||||
|
But an empty line
|
||||||
|
|
||||||
|
demarcates paragraphs.
|
||||||
|
|
||||||
|
By entering two consecutive backslashes,
|
||||||
|
you can force to break lines \\
|
||||||
|
without starting a new paragraph.
|
||||||
|
|
||||||
|
For an horizontal line, insert at least 5 dashes: this is some text above an
|
||||||
|
horizontal rule
|
||||||
|
-----
|
||||||
|
and some text below it.
|
||||||
|
|
||||||
|
**** Numbered headings
|
||||||
|
|
||||||
|
You can create numbered headings up to a certain level by setting an option:
|
||||||
|
|
||||||
|
#+begin_src org
|
||||||
|
,#+OPTIONS: H:4
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
*** Text width
|
||||||
|
|
||||||
|
# Premiere Elements, page 111
|
||||||
|
#
|
||||||
|
# Vous pouvez créer ces objets en cliquant sur le bouton Nouvel| élément de le
|
||||||
|
# fenêtre Média. (Le Chapitre 14 explique comment créer| des titres ; le
|
||||||
|
# Chapitre 15 montre l'utilisation des barres et ton, de la| vidéo noir et de
|
||||||
|
# l'amorce SMPTE.)
|
||||||
|
#
|
||||||
|
# The principles of beautiful Web design, page 6
|
||||||
|
#
|
||||||
|
# In a figurative sense, the concept of visual balance is similar to that of
|
||||||
|
# physical balance| illustrated by a seesaw. Just as physical objects have
|
||||||
|
# weight, so do the elements of a layout.| If the elements on either side of a
|
||||||
|
# layout are of equal weight, they balance one another.| There are two main forms
|
||||||
|
# of visual balance: symmetrical and asymmetrical.
|
||||||
|
|
||||||
|
One morning, when Gregor Samsa woke from troubled dreams, he found himself
|
||||||
|
transformed in his bed into a horrible vermin. He lay on his armour-like back,
|
||||||
|
and if he lifted his head a little he could see his brown belly, slightly domed
|
||||||
|
and divided by arches into stiff sections. The bedding was hardly able to cover
|
||||||
|
it and seemed ready to slide off any moment. His many legs, pitifully thin
|
||||||
|
compared with the size of the rest of him, waved about helplessly as he looked.
|
||||||
|
|
||||||
|
** Lists
|
||||||
|
|
||||||
|
Org markup allows you to create bulleted or numbered lists. It allows any
|
||||||
|
combination of the two list types.
|
||||||
|
|
||||||
|
*** Unordered lists
|
||||||
|
|
||||||
|
Itemized lists are marked with bullets. They are convenient to:
|
||||||
|
|
||||||
|
- organize data, and
|
||||||
|
- make the document
|
||||||
|
+ prettier, and
|
||||||
|
+ easier to read.
|
||||||
|
|
||||||
|
Create them with a minus or a plus sign.
|
||||||
|
|
||||||
|
*** Ordered lists
|
||||||
|
|
||||||
|
Enumerated lists are marked with numbers or letters:
|
||||||
|
|
||||||
|
1. First element
|
||||||
|
1) First sub-item
|
||||||
|
2) Last sub-item
|
||||||
|
2. Second element
|
||||||
|
|
||||||
|
You can have ordered lists with jumping numbers:
|
||||||
|
|
||||||
|
1. [@1] First
|
||||||
|
2. [@2] Second
|
||||||
|
5. [@5] Jump to 5th
|
||||||
|
|
||||||
|
*** Definition lists
|
||||||
|
|
||||||
|
- Definition list ::
|
||||||
|
List containing definitions.
|
||||||
|
|
||||||
|
- Term to define ::
|
||||||
|
Explication of the term.
|
||||||
|
|
||||||
|
*** Checkboxes
|
||||||
|
- [ ] First item not checked
|
||||||
|
- [-] Second item half done
|
||||||
|
- [ ] Another first
|
||||||
|
- [ ] Another second
|
||||||
|
- [X] Third item checked
|
||||||
|
|
||||||
|
** Miscellaneous effects
|
||||||
|
|
||||||
|
*** Include Org files
|
||||||
|
|
||||||
|
You can include another Org file and skip its title by using the ~:lines~ argument
|
||||||
|
to ~#+INCLUDE~:
|
||||||
|
|
||||||
|
#+begin_src org
|
||||||
|
,#+INCLUDE: chapter1.org :lines "2-"
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_note
|
||||||
|
File inclusion, through INCLUDE keywords, is an *export-only feature*.
|
||||||
|
#+end_note
|
||||||
|
|
||||||
|
*** Inline HTML
|
||||||
|
|
||||||
|
You can include raw HTML in your Org documents and it will get kept as HTML
|
||||||
|
when it's exported. XXX
|
||||||
|
|
||||||
|
#+HTML_BEGIN: <pre style="color:red">
|
||||||
|
Text can be preformatted (in a fixed-width font).
|
||||||
|
#+HTML_END: </pre>
|
||||||
|
|
||||||
|
It is especially useful for more advanced stuff like images or tables where you
|
||||||
|
need more control of the HTML options than Org mode actually gives you.
|
||||||
|
|
||||||
|
Similarly, you can incorporate JS or do anything else you can do in a Web page
|
||||||
|
(such as importing a CSS file).
|
||||||
|
|
||||||
|
You can create named classes (to get style control from your CSS) with:
|
||||||
|
|
||||||
|
#+begin_example
|
||||||
|
,#+begin_info
|
||||||
|
,*Info example* \\
|
||||||
|
Did you know...
|
||||||
|
,#+end_info
|
||||||
|
#+end_example
|
||||||
|
|
||||||
|
You can also add interactive elements to the HTML such as interactive R plots.
|
||||||
|
|
||||||
|
Finally, you can include an HTML file verbatim (during export) with:
|
||||||
|
|
||||||
|
#+begin_src org
|
||||||
|
,#+INCLUDE: file.html html
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
Don't edit the exported HTML file!
|
||||||
|
|
||||||
|
*** Inline LaTeX
|
||||||
|
|
||||||
|
You can also use raw LaTeX. XXX
|
||||||
|
|
||||||
|
#+LaTeX_BEGIN: \begin{verbatim}
|
||||||
|
Text can be preformatted (in a fixed-width font).
|
||||||
|
#+LaTeX_END: \end{verbatim}
|
||||||
|
|
||||||
|
*** Centered text
|
||||||
|
|
||||||
|
#+begin_center
|
||||||
|
This text is centered!
|
||||||
|
#+end_center
|
||||||
|
|
||||||
|
** Code blocks
|
||||||
|
|
||||||
|
*** COMMENT Syntax highlighting
|
||||||
|
|
||||||
|
The source code blocks support syntax highlighting:
|
||||||
|
|
||||||
|
#+begin_src cpp :eval no
|
||||||
|
/*
|
||||||
|
* Application that displays a "Hello" message to the standard output.
|
||||||
|
*/
|
||||||
|
int main(int arc, char **argv)
|
||||||
|
{
|
||||||
|
printf("Hello, %s!\n", (argc>1) ? argv[1] : "World");
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
The following language strings are currently recognized:
|
||||||
|
|
||||||
|
#+begin_src emacs-lisp :results drawer :exports results
|
||||||
|
(concat (mapconcat (lambda (widget)
|
||||||
|
(widget-get widget :tag))
|
||||||
|
(cl-remove-if-not (lambda (it)
|
||||||
|
(and (consp it)
|
||||||
|
(eq (car it) 'const)))
|
||||||
|
(cdr
|
||||||
|
(widget-get
|
||||||
|
(get
|
||||||
|
'org-babel-load-languages 'custom-type)
|
||||||
|
:key-type)))
|
||||||
|
", ")
|
||||||
|
".")
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+results:
|
||||||
|
:RESULTS:
|
||||||
|
Awk, C, R, Asymptote, Calc, Clojure, CSS, Ditaa, Dot, Emacs Lisp, Fortran, Gnuplot, Haskell, IO, J, Java, Javascript, LaTeX, Ledger, Lilypond, Lisp, Makefile, Maxima, Matlab, Mscgen, Ocaml, Octave, Org, Perl, Pico Lisp, PlantUML, Python, Ruby, Sass, Scala, Scheme, Screen, Shell Script, Shen, Sql, Sqlite, ebnf2ps.
|
||||||
|
:END:
|
||||||
|
|
||||||
|
Code block with long lines:
|
||||||
|
|
||||||
|
#+begin_src emacs-lisp :eval no
|
||||||
|
testing testing testing testing testing testing testing testing testing testing
|
||||||
|
0 1 2 3 4 5 6 7 8 9
|
||||||
|
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
For PDF (LaTeX), one solution is to surround the code block such as:
|
||||||
|
|
||||||
|
#+latex: \scriptsize
|
||||||
|
#+begin_src R
|
||||||
|
print("This block is in scriptsize")
|
||||||
|
#+end_src
|
||||||
|
#+latex: \normalize
|
||||||
|
|
||||||
|
*** Line numbers
|
||||||
|
|
||||||
|
Both in ~example~ and in ~src~ snippets, you can add a ~-n~ switch to the end of the
|
||||||
|
~begin~ line, to get the lines of the example numbered.
|
||||||
|
|
||||||
|
#+header: :eval no
|
||||||
|
#+begin_src emacs-lisp -n
|
||||||
|
(defun org-xor (a b)
|
||||||
|
"Exclusive or."
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
If you use a ~+n~ switch, the numbering from the previous numbered snippet will
|
||||||
|
be continued in the current one:
|
||||||
|
|
||||||
|
#+header: :eval no
|
||||||
|
#+begin_src emacs-lisp +n
|
||||||
|
(if a (not b) b))
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
In literal examples, Org will interpret strings like ~(ref:name)~ as labels, and
|
||||||
|
use them as targets for special hyperlinks like ~[[(name)]]~ (i.e., the reference
|
||||||
|
name enclosed in single parenthesis). In HTML, hovering the mouse over such
|
||||||
|
a link will remote-highlight the corresponding code line, which is kind of
|
||||||
|
cool.
|
||||||
|
|
||||||
|
You can also add a ~-r~ switch which removes the labels from the source code.
|
||||||
|
With the ~-n~ switch, links to these references will be labeled by the line
|
||||||
|
numbers from the code listing, otherwise links will use the labels with no
|
||||||
|
parentheses. Here is an example:
|
||||||
|
|
||||||
|
#+header: :eval no
|
||||||
|
#+begin_src emacs-lisp -n -r
|
||||||
|
(save-excursion ; (ref:sc)
|
||||||
|
(goto-char (point-min))) ; (ref:jump)
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
In line [[(sc)]], we remember the current position. [[(jump)][Line (jump)]] jumps to
|
||||||
|
~point-min~.
|
||||||
|
|
||||||
|
*** Output
|
||||||
|
|
||||||
|
The output from the *execution* of programs, scripts or commands can be inserted
|
||||||
|
in the document itself, allowing you to work in the /reproducible research/
|
||||||
|
mindset.
|
||||||
|
|
||||||
|
**** Text
|
||||||
|
|
||||||
|
A one-liner result:
|
||||||
|
|
||||||
|
#+begin_src sh :exports both :results verbatim
|
||||||
|
date +"%Y-%m-%d"
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+results:
|
||||||
|
: 2014-03-15
|
||||||
|
|
||||||
|
# A multiple-line result:
|
||||||
|
#
|
||||||
|
# #+name: list-of-styles
|
||||||
|
# #+begin_src sh :exports both :results verbatim
|
||||||
|
# # output all styles, but the default one (if any)
|
||||||
|
# ls styles | grep -v "default"
|
||||||
|
# #+end_src
|
||||||
|
#
|
||||||
|
# #+results: list-of-styles
|
||||||
|
# #+begin_example
|
||||||
|
# bigblow
|
||||||
|
# leuven
|
||||||
|
# maunakea
|
||||||
|
# #+end_example
|
||||||
|
|
||||||
|
**** Graphics
|
||||||
|
|
||||||
|
Data to be charted:
|
||||||
|
|
||||||
|
#+name: data
|
||||||
|
| Month | Degrees |
|
||||||
|
|-------+---------|
|
||||||
|
| 1 | 3.8 |
|
||||||
|
| 2 | 4.1 |
|
||||||
|
| 3 | 6.3 |
|
||||||
|
| 4 | 9.0 |
|
||||||
|
| 5 | 11.9 |
|
||||||
|
| 6 | 15.1 |
|
||||||
|
| 7 | 17.1 |
|
||||||
|
| 8 | 17.4 |
|
||||||
|
| 9 | 15.7 |
|
||||||
|
| 10 | 11.8 |
|
||||||
|
| 11 | 7.7 |
|
||||||
|
| 12 | 4.8 |
|
||||||
|
|
||||||
|
Code:
|
||||||
|
|
||||||
|
#+name: R-plot
|
||||||
|
#+begin_src R :var data=data :results graphics :file ../../images/Rplot.png :exports both
|
||||||
|
plot(data, type="b", bty="l", col=c("#ABD249"), las=1, lwd=4)
|
||||||
|
grid(nx=NULL, ny=NULL, col=c("#E8E8E8"), lwd=1)
|
||||||
|
legend("bottom", legend=c("Degrees"), col=c("#ABD249"), pch=c(19))
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
The resulting chart:
|
||||||
|
|
||||||
|
#+results: R-plot
|
||||||
|
[[file:../../images/Rplot.png]]
|
||||||
|
|
||||||
|
**** R code block
|
||||||
|
|
||||||
|
#+begin_src R
|
||||||
|
library(ggplot2)
|
||||||
|
summary(cars)
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
Plot:
|
||||||
|
|
||||||
|
#+begin_src R
|
||||||
|
library(ggplot2)
|
||||||
|
qplot(speed, dist, data = cars) + geom_smooth()
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
** Inline code
|
||||||
|
|
||||||
|
You can also evaluate code inline as follows: 1 + 1 is src_R{1 + 1}.
|
||||||
|
|
||||||
|
** Notes at the footer
|
||||||
|
|
||||||
|
It is possible to define named footnotes[fn:myfootnote], or ones with
|
||||||
|
automatic anchors[fn:2].
|
||||||
|
|
||||||
|
** Formatting text
|
||||||
|
|
||||||
|
*** Text effects
|
||||||
|
|
||||||
|
/Emphasize/ (italics), *strongly* (bold), and */very strongly/* (bold italics).
|
||||||
|
|
||||||
|
Markup elements could be nested: this is /italic text which contains
|
||||||
|
_underlined text_ within it/, whereas _this is normal underlined text_.
|
||||||
|
|
||||||
|
Markup can span across multiple lines, by default *no more than 2*:
|
||||||
|
|
||||||
|
*This
|
||||||
|
is not
|
||||||
|
bold*
|
||||||
|
|
||||||
|
Other elements to use sparingly are:
|
||||||
|
- monospaced typewriter font for ~inline code~
|
||||||
|
- monospaced typewriter font for =verbatim text=
|
||||||
|
- +deleted+ text (vs. _inserted_ text)
|
||||||
|
- text with^{superscript} (for example: ~m/s^{2}~ gives m/s^{2})
|
||||||
|
- text with_{subscript} (for example: ~H_{2}O~ gives H_{2}O)
|
||||||
|
|
||||||
|
*** Quotations
|
||||||
|
|
||||||
|
Use the ~quote~ block to typeset quoted text.
|
||||||
|
|
||||||
|
#+begin_quote
|
||||||
|
Let us change our traditional attitude to the construction of programs:
|
||||||
|
Instead of imagining that our main task is to instruct a computer what to do,
|
||||||
|
let us concentrate rather on explaining to human beings what we want a
|
||||||
|
computer to do.
|
||||||
|
|
||||||
|
The practitioner of literate programming can be regarded as an essayist, whose
|
||||||
|
main concern is with exposition and excellence of style. Such an author, with
|
||||||
|
thesaurus in hand, chooses the names of variables carefully and explains what
|
||||||
|
each variable means. He or she strives for a program that is comprehensible
|
||||||
|
because its concepts have been introduced in an order that is best for human
|
||||||
|
understanding, using a mixture of formal and informal methods that reinforce
|
||||||
|
each other.
|
||||||
|
|
||||||
|
--- Donald Knuth
|
||||||
|
#+end_quote
|
||||||
|
|
||||||
|
A short one:
|
||||||
|
|
||||||
|
#+begin_quote
|
||||||
|
Everything should be made as simple as possible,
|
||||||
|
but not any simpler -- Albert Einstein
|
||||||
|
#+end_quote
|
||||||
|
|
||||||
|
In a ~verse~ environment, there is an implicit line break at the end of each
|
||||||
|
line, and indentation and vertical space are preserved:
|
||||||
|
|
||||||
|
#+begin_verse
|
||||||
|
Everything should be made as simple as possible,
|
||||||
|
but not any simpler -- Albert Einstein
|
||||||
|
#+end_verse
|
||||||
|
|
||||||
|
Typically used for quoting passages of an email message:
|
||||||
|
|
||||||
|
#+begin_verse
|
||||||
|
>> This is an email message with "nested" quoting. Lorem ipsum dolor sit amet,
|
||||||
|
>> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
|
||||||
|
>> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||||
|
>
|
||||||
|
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem
|
||||||
|
> consectetuer libero luctus adipiscing.
|
||||||
|
|
||||||
|
Itemized or unordered lists (~ul~):
|
||||||
|
- This is the first list item.
|
||||||
|
- This is the second list item.
|
||||||
|
|
||||||
|
Enumerated or ordered Lists (~ol~):
|
||||||
|
1. This is the first list item.
|
||||||
|
2. This is the second list item.
|
||||||
|
|
||||||
|
Maybe an equation here?
|
||||||
|
|
||||||
|
See http://www.google.com/ for more information...
|
||||||
|
#+end_verse
|
||||||
|
|
||||||
|
*** Spaces
|
||||||
|
|
||||||
|
Using non-breaking spaces.
|
||||||
|
|
||||||
|
Insert the Unicode character ~00A0~ to add a non-breaking space. FIXME
|
||||||
|
Or add/use an Org entity?
|
||||||
|
|
||||||
|
** Mathematical formulae
|
||||||
|
|
||||||
|
You can embed LaTeX math formatting in Org mode files using the following
|
||||||
|
syntax:
|
||||||
|
|
||||||
|
- For *inline math* expressions, use ~\(...\)~: \(x^2\) or \(1 < 2\).
|
||||||
|
|
||||||
|
It's /not/ advised to use the constructs ~$...$~ (both for Org and MathJax).
|
||||||
|
|
||||||
|
- Centered display equation (the /Euler theorem/):
|
||||||
|
|
||||||
|
\[
|
||||||
|
\int_0^\infty e^{-x^2} dx = {{\sqrt{\pi}} \over {2}}
|
||||||
|
\]
|
||||||
|
|
||||||
|
The use of ~\[...\]~ is for mathematical expressions which you want to make
|
||||||
|
*stand out, on their own lines*.
|
||||||
|
|
||||||
|
LaTeX allows to inline such ~\[...\]~ constructs (/quadratic formula/):
|
||||||
|
\[ \frac{-b \pm \sqrt{b^2 - 4 a c}}{2a} \]
|
||||||
|
|
||||||
|
*Double dollar signs (~$$~) should not be used*.
|
||||||
|
|
||||||
|
- The /sinus theorem/ can then be written as the equation:
|
||||||
|
|
||||||
|
\begin{equation}
|
||||||
|
\label{eqn:sinalpha}
|
||||||
|
\frac{\sin\alpha}{a}=\frac{\sin\beta}{b}
|
||||||
|
\end{equation}
|
||||||
|
|
||||||
|
- See Equation [[the-first]],
|
||||||
|
|
||||||
|
#+name: the-first
|
||||||
|
\begin{equation}
|
||||||
|
n_{i+1} = \frac{n_{i} (d-i) (e-1)}{(i+1)}
|
||||||
|
\end{equation}
|
||||||
|
|
||||||
|
Only captioned equations are numbered
|
||||||
|
|
||||||
|
- Other alternative: use \begin{equation*} or \begin{displaymath} (= the verbose
|
||||||
|
form of the ~\[...\]~ construct). M-q does not fill those.
|
||||||
|
|
||||||
|
Differently from $...$ and \(...\), an equation environment produces a *numbered*
|
||||||
|
equation to which you can add a label and reference the equation by (label)
|
||||||
|
name in other parts of the text. This is not possibly with unnumbered math
|
||||||
|
environments ($$, ...).
|
||||||
|
|
||||||
|
** Special characters
|
||||||
|
|
||||||
|
Some of the widely used special characters (converted from text characters to
|
||||||
|
their typographically correct entitites):
|
||||||
|
|
||||||
|
*** Accents
|
||||||
|
|
||||||
|
\Agrave \Aacute
|
||||||
|
|
||||||
|
*** Punctuation
|
||||||
|
|
||||||
|
Dash: \ndash \mdash
|
||||||
|
|
||||||
|
Marks: \iexcl \iquest
|
||||||
|
|
||||||
|
Quotations: \laquo \raquo
|
||||||
|
|
||||||
|
Miscellaneous: \para \ordf
|
||||||
|
|
||||||
|
*** Commercial symbols
|
||||||
|
|
||||||
|
Property marks: \copy \reg
|
||||||
|
|
||||||
|
Currency: \cent \EUR \yen \pound
|
||||||
|
|
||||||
|
*** Greek characters
|
||||||
|
|
||||||
|
The Greek letters \alpha, \beta, and \gamma are used to denote angles.
|
||||||
|
|
||||||
|
*** Math characters
|
||||||
|
|
||||||
|
Science: \pm \div
|
||||||
|
|
||||||
|
Arrows: \to \rarr \larr \harr \rArr \lArr \hArr
|
||||||
|
|
||||||
|
Function names: \arccos \cos
|
||||||
|
|
||||||
|
Signs and symbols: \bull \star
|
||||||
|
|
||||||
|
*** Misc
|
||||||
|
|
||||||
|
# Smilies: \smiley \sad
|
||||||
|
|
||||||
|
Suits: \clubs \spades
|
||||||
|
|
||||||
|
** Comments
|
||||||
|
|
||||||
|
It's possible to add comments in the document.
|
||||||
|
|
||||||
|
# This Org comment here won't be displayed.
|
||||||
|
|
||||||
|
** Tables
|
||||||
|
|
||||||
|
You can create tables with an optional header row (by using an horizontal line
|
||||||
|
of dashes to separate it from the rest of the table).
|
||||||
|
|
||||||
|
#+CAPTION: An example of table
|
||||||
|
| Header 1 | Header 2 | Header 3 |
|
||||||
|
|-------------+---------------+----------|
|
||||||
|
| Top left | Top middle | |
|
||||||
|
| | | Right |
|
||||||
|
| Bottom left | Bottom middle | |
|
||||||
|
|
||||||
|
Columns are automatically aligned:
|
||||||
|
|
||||||
|
- Number-rich columns to the right, and
|
||||||
|
- String-rich columns to the left.
|
||||||
|
|
||||||
|
If you want to override the automatic alignment, use ~<r>~, ~<c>~ or ~<l>~.
|
||||||
|
|
||||||
|
#+CAPTION: Table with alignment
|
||||||
|
| <r> | <c> | <l> |
|
||||||
|
| 1 | 2 | 3 |
|
||||||
|
| right | center | left |
|
||||||
|
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
|
||||||
|
|
||||||
|
Placement:
|
||||||
|
|
||||||
|
#+ATTR_LATEX: :center nil
|
||||||
|
| a | b |
|
||||||
|
| 1 | 2 |
|
||||||
|
|
||||||
|
XXX
|
||||||
|
Different from the following:
|
||||||
|
|
||||||
|
| a | b |
|
||||||
|
| 1 | 2 |
|
||||||
|
|
||||||
|
*** Align tables on the page
|
||||||
|
|
||||||
|
Here is a table on the left side:
|
||||||
|
|
||||||
|
#+LATEX: \noindent
|
||||||
|
#+ATTR_LATEX: :center nil
|
||||||
|
| a | b | c |
|
||||||
|
|---+---+---|
|
||||||
|
| 1 | 2 | 3 |
|
||||||
|
| 4 | 5 | 6 |
|
||||||
|
#+LATEX: \hfill
|
||||||
|
|
||||||
|
The noindent just gets rid of the indentation of the first line of a paragraph
|
||||||
|
which in this case is the table. The hfill adds infinite stretch after the
|
||||||
|
table, so it pushes the table to the left.
|
||||||
|
|
||||||
|
Here is a centered table:
|
||||||
|
|
||||||
|
| a | b | c |
|
||||||
|
|---+---+---|
|
||||||
|
| 1 | 2 | 3 |
|
||||||
|
| 4 | 5 | 6 |
|
||||||
|
|
||||||
|
And here's a table on the right side:
|
||||||
|
|
||||||
|
#+LATEX: \hfill
|
||||||
|
#+ATTR_LATEX: :center nil
|
||||||
|
| a | b | c |
|
||||||
|
|---+---+---|
|
||||||
|
| 1 | 2 | 3 |
|
||||||
|
| 4 | 5 | 6 |
|
||||||
|
|
||||||
|
Here the hfill adds infinite stretch before the table, so it pushes the table
|
||||||
|
to the right.
|
||||||
|
|
||||||
|
** Images, video and audio
|
||||||
|
|
||||||
|
*** Images
|
||||||
|
|
||||||
|
You can insert *image* files of different *formats* to a page:
|
||||||
|
|
||||||
|
| | HTML | PDF |
|
||||||
|
|------+------------------------------+-----|
|
||||||
|
| gif | yes | |
|
||||||
|
| jpeg | yes | |
|
||||||
|
| png | yes | |
|
||||||
|
| bmp | (depends on browser support) | |
|
||||||
|
|
||||||
|
In-line picture:
|
||||||
|
|
||||||
|
#+CAPTION: Org mode logo
|
||||||
|
#+ATTR_LaTeX: :width 0.25\linewidth
|
||||||
|
[[file:../../images/org-mode-unicorn.png]]
|
||||||
|
|
||||||
|
Direct link to just the [[file:org-mode-unicorn.png][Unicorn picture file]].
|
||||||
|
|
||||||
|
XXX Available HTML image tags include:
|
||||||
|
|
||||||
|
- align
|
||||||
|
- border
|
||||||
|
- bordercolor
|
||||||
|
- hspace
|
||||||
|
- vspace
|
||||||
|
- width
|
||||||
|
- height
|
||||||
|
- title
|
||||||
|
- alt
|
||||||
|
|
||||||
|
Place images side by side: XXX
|
||||||
|
|
||||||
|
*** Video
|
||||||
|
|
||||||
|
Videos can't be added directly but you can add an image with a link to the video like this:
|
||||||
|
|
||||||
|
[[http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg][http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE]]
|
||||||
|
|
||||||
|
*** Sounds
|
||||||
|
|
||||||
|
** Special text boxes
|
||||||
|
|
||||||
|
Simple box ("inline task"): XXX
|
||||||
|
|
||||||
|
# *************** TODO Do this task
|
||||||
|
# Description of inline task.
|
||||||
|
# *************** END
|
||||||
|
#
|
||||||
|
# or:
|
||||||
|
#
|
||||||
|
# *************** WAIT [#B] Do also this other task :phone:
|
||||||
|
# *************** END
|
||||||
|
|
||||||
|
*** Example
|
||||||
|
|
||||||
|
You can have ~example~ blocks.
|
||||||
|
|
||||||
|
Find entries with an *exact phrase* -- To do this, put the phrase in quotes:
|
||||||
|
|
||||||
|
: "hd ready"
|
||||||
|
|
||||||
|
You can create several other boxes (~info~, ~tip~, ~note~ or ~warning~) which all have
|
||||||
|
a different default image.
|
||||||
|
|
||||||
|
*** Info
|
||||||
|
|
||||||
|
An info box is displayed as follows:
|
||||||
|
|
||||||
|
#+begin_info
|
||||||
|
*Info example* \\
|
||||||
|
Did you know...
|
||||||
|
#+end_info
|
||||||
|
|
||||||
|
*** Tip
|
||||||
|
|
||||||
|
A tip box is displayed as follows:
|
||||||
|
|
||||||
|
#+begin_tip
|
||||||
|
*Tip example* \\
|
||||||
|
Try doing it this way...
|
||||||
|
#+end_tip
|
||||||
|
|
||||||
|
*** Note
|
||||||
|
|
||||||
|
A note box is displayed as follows:
|
||||||
|
|
||||||
|
#+begin_note
|
||||||
|
*Note example* \\
|
||||||
|
This is a useful note...
|
||||||
|
#+end_note
|
||||||
|
|
||||||
|
*** Warning
|
||||||
|
|
||||||
|
A warning box is displayed as follows:
|
||||||
|
|
||||||
|
#+begin_warning
|
||||||
|
*Warning example* \\
|
||||||
|
Be careful! Check that you have...
|
||||||
|
#+end_warning
|
||||||
|
|
||||||
|
** Links
|
||||||
|
:PROPERTIES:
|
||||||
|
:CUSTOM_ID: links
|
||||||
|
:END:
|
||||||
|
|
||||||
|
*** Anchors
|
||||||
|
:PROPERTIES:
|
||||||
|
:ID: 0d2b0cb2-116c-4a61-a076-4c641faf4346
|
||||||
|
:END:
|
||||||
|
|
||||||
|
Links generally point to an headline.
|
||||||
|
|
||||||
|
They can also point to a link anchor <<name-of-anchor-here>> in the current
|
||||||
|
document or in another document.
|
||||||
|
|
||||||
|
*** Hyperlinks
|
||||||
|
|
||||||
|
This document is available in [[file:example.txt][plain text]], [[file:example.html][HTML]] and [[file:example.pdf][PDF]].
|
||||||
|
|
||||||
|
The links are delimited by ~[square brackets]~.
|
||||||
|
|
||||||
|
**** Internal links
|
||||||
|
|
||||||
|
See:
|
||||||
|
- chapter [[#links][Links]]
|
||||||
|
- section [[id:0d2b0cb2-116c-4a61-a076-4c641faf4346][Anchors]]
|
||||||
|
- [[name-of-anchor-here][target in the document]]
|
||||||
|
|
||||||
|
**** External links
|
||||||
|
|
||||||
|
See the [[http://orgmode.org/][Org mode Web site]].
|
||||||
|
|
||||||
|
# Clicking on the image [[http://orgmode.org/][file:org-mode-unicorn.png]] leads to the Org mode home
|
||||||
|
# page.
|
||||||
|
|
||||||
|
[[mailto:concat.fni.at-sign.pirilampo.org][Mailto link]]
|
||||||
|
|
||||||
|
* Org miscellaneous
|
||||||
|
|
||||||
|
** Dates
|
||||||
|
|
||||||
|
Timestamps: [2014-01-16 Thu] and <2014-01-16 Thu>.
|
||||||
|
|
||||||
|
** DONE [#A] Buy GTD book :online:
|
||||||
|
:LOGBOOK:
|
||||||
|
- State "TODO" -> "DONE" [2014-01-16 Thu 09:52]
|
||||||
|
:END:
|
||||||
|
|
||||||
|
By default, ~DONE~ actions will be collapsed.
|
||||||
|
|
||||||
|
Note that I should probably implement that default behavior only for ~ARCHIVE~'d
|
||||||
|
items.
|
||||||
|
|
||||||
|
** TODO [#A] Read GTD book
|
||||||
|
SCHEDULED: <2014-09-11 Thu>
|
||||||
|
|
||||||
|
By default, *all* (active) entries will be expanded at page load, so that their
|
||||||
|
contents is visible.
|
||||||
|
|
||||||
|
That can be changed by adding such a line (into your Org document):
|
||||||
|
|
||||||
|
#+begin_src org
|
||||||
|
,#+HTML_HEAD: <script> var HS_STARTUP_FOLDED = true; </script>
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
** TODO [#B] Apply GTD methodoloy
|
||||||
|
DEADLINE: <2014-12-01 Mon>
|
||||||
|
:PROPERTIES:
|
||||||
|
:HTML_CONTAINER_CLASS: hsCollapsed
|
||||||
|
:END:
|
||||||
|
|
||||||
|
This section will be collapsed when loading the page because the entry has the
|
||||||
|
value ~hsCollapsed~ for the property ~:HTML_CONTAINER_CLASS:~.
|
||||||
|
|
||||||
|
Powerful, no?
|
||||||
|
|
||||||
|
** Some note :computer:write:
|
||||||
|
|
||||||
|
You can add tags to any entry, and hightlight all entries having some specific
|
||||||
|
tag by clicking on the buttons made accessible to you in the "Dashboard".
|
||||||
|
|
||||||
|
** Weekly review :computer:
|
||||||
|
|
||||||
|
Now, you can even make your weekly review in the HTML export... Press the ~r~ key
|
||||||
|
to start entering the "review mode" where all but one active entry are
|
||||||
|
collapsed, so that you can really focus on one item at a time!
|
||||||
|
|
||||||
|
* Org macros
|
||||||
|
|
||||||
|
#+MACRO: color @@html:<span style="color: $1">$2</span>@@
|
||||||
|
|
||||||
|
{{{color(blue, This text is colored in blue.)}}}
|
||||||
|
|
||||||
|
{{{color(red, This other text is in red.)}}}
|
||||||
|
|
||||||
|
Find more macros on [[https://github.com/fniessen/org-macros][GitHub]].
|
||||||
|
|
||||||
|
* BigBlow addons
|
||||||
|
|
||||||
|
The string ~fixme~ (in *upper case*) gets replaced by a "Fix Me!" image:
|
||||||
|
|
||||||
|
FIXME Delete this...
|
||||||
|
|
||||||
|
* Footnotes
|
||||||
|
|
||||||
|
[fn:myfootnote] Extensively used in large documents.
|
||||||
|
|
||||||
|
[fn:2] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||||
|
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||||
|
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||||
|
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
|
||||||
|
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||||
|
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
@ -0,0 +1,123 @@
|
||||||
|
# Hey Emacs, this is a -*- org -*- file ...
|
||||||
|
#+TITLE: Theme Chooser
|
||||||
|
#+AUTHOR: Fabrice Niessen
|
||||||
|
#+EMAIL: (concat "fniessen" at-sign "pirilampo.org")
|
||||||
|
#+LANGUAGE: en
|
||||||
|
#+OPTIONS: H:6 num:nil toc:4
|
||||||
|
|
||||||
|
#+SETUPFILE: ~/org/theme-readtheorg.setup
|
||||||
|
|
||||||
|
# See GitHub Settings > GitHub Pages > Theme Chooser
|
||||||
|
|
||||||
|
Text can be *bold*, /italic/, or +strikethrough+.
|
||||||
|
|
||||||
|
[[https://github.com/fniessen/org-html-themes/org/theme-chooser.htmltheme-chooser.txt][Link to another page.]]
|
||||||
|
|
||||||
|
There should be whitespace between paragraphs.
|
||||||
|
|
||||||
|
There should be whitespace between paragraphs. We recommend including a README,
|
||||||
|
or a file with information about your project.
|
||||||
|
|
||||||
|
* Header 1
|
||||||
|
|
||||||
|
This is a normal paragraph following a header. GitHub is a code hosting platform
|
||||||
|
for version control and collaboration. It lets you and others work together on
|
||||||
|
projects from anywhere.
|
||||||
|
|
||||||
|
** Header 2
|
||||||
|
|
||||||
|
This is a blockquote following a header.
|
||||||
|
|
||||||
|
When something is important enough, you do it even if the odds are not in your
|
||||||
|
favor.
|
||||||
|
|
||||||
|
*** Header 3
|
||||||
|
|
||||||
|
#+begin_src javascript
|
||||||
|
// Javascript code with syntax highlighting.
|
||||||
|
var fun = function lang(l) {
|
||||||
|
dateformat.i18n = require('./lang/' + l)
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src ruby
|
||||||
|
# Ruby code with syntax highlighting
|
||||||
|
GitHubPages::Dependencies.gems.each do |gem, version|
|
||||||
|
s.add_dependency(gem, "= #{version}")
|
||||||
|
end
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
**** Header 4
|
||||||
|
|
||||||
|
- This is an unordered list following a header.
|
||||||
|
- This is an unordered list following a header.
|
||||||
|
- This is an unordered list following a header.
|
||||||
|
|
||||||
|
***** Header 5
|
||||||
|
|
||||||
|
1. This is an ordered list following a header.
|
||||||
|
2. This is an ordered list following a header.
|
||||||
|
3. This is an ordered list following a header.
|
||||||
|
|
||||||
|
****** Header 6
|
||||||
|
|
||||||
|
| head1 | head two | three |
|
||||||
|
|--------------+-------------------+-------|
|
||||||
|
| ok | good swedish fish | nice |
|
||||||
|
| out of stock | good and plenty | nice |
|
||||||
|
| ok | good ~oreos~ | hmm |
|
||||||
|
| ok | good =zoute= drop | yumm |
|
||||||
|
|
||||||
|
*** There's a horizontal rule below this.
|
||||||
|
|
||||||
|
-----
|
||||||
|
|
||||||
|
*** Here is an unordered list:
|
||||||
|
|
||||||
|
- Item foo
|
||||||
|
- Item bar
|
||||||
|
- Item baz
|
||||||
|
- Item zip
|
||||||
|
|
||||||
|
*** And an ordered list:
|
||||||
|
|
||||||
|
1. Item one
|
||||||
|
2. Item two
|
||||||
|
3. Item three
|
||||||
|
4. Item four
|
||||||
|
|
||||||
|
*** And a nested list:
|
||||||
|
|
||||||
|
- level 1 item
|
||||||
|
+ level 2 item
|
||||||
|
+ level 2 item
|
||||||
|
* level 3 item
|
||||||
|
* level 3 item
|
||||||
|
- level 1 item
|
||||||
|
+ level 2 item
|
||||||
|
+ level 2 item
|
||||||
|
+ level 2 item
|
||||||
|
- level 1 item
|
||||||
|
+ level 2 item
|
||||||
|
+ level 2 item
|
||||||
|
- level 1 item
|
||||||
|
|
||||||
|
*** Small image
|
||||||
|
|
||||||
|
Octocat
|
||||||
|
|
||||||
|
*** Large image
|
||||||
|
|
||||||
|
Branching
|
||||||
|
|
||||||
|
*** Definition lists can be used with HTML syntax.
|
||||||
|
|
||||||
|
- Name :: Godzilla
|
||||||
|
- Born :: 1952
|
||||||
|
- Birthplace :: Japan
|
||||||
|
- Color :: Green
|
||||||
|
|
||||||
|
: Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
|
||||||
|
|
||||||
|
: The final element.
|