emacs/org-html-themes
1
0
Fork 0
mirror of https://github.com/fniessen/org-html-themes.git synced 2024-07-02 08:30:51 +02:00
Code Issues Releases Wiki Activity
088c5b36ca
org-html-themes/demo/org-mode-syntax.html
Fabrice Niessen 088c5b36ca Improve doc
2015-03-04 12:03:40 +01:00

3273 lines
95 KiB
HTML
Executable File
Raw Blame History

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Org mode syntax quick reference</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="generator" content="Org-mode" />
<meta name="author" content="Fabrice Niessen" />
<meta name="description" content="Org mode syntax example"
/>
<meta name="keywords" content="org-mode, syntax, quick reference, cheat sheet, recommended practices, latex, beamer, html" />
<link rel="stylesheet" type="text/css" href="d:/Users/fni/src/org-html-themes/styles/readtheorg/rtd.css"/>
<script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="d:/Users/fni/src/org-html-themes/styles/readtheorg/rtd.js"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
displayAlign: "center",
displayIndent: "0em",
"HTML-CSS": { scale: 100,
linebreaks: { automatic: "false" },
webFont: "TeX"
},
SVG: {scale: 100,
linebreaks: { automatic: "false" },
font: "TeX"},
NativeMML: {scale: 100},
TeX: { equationNumbers: {autoNumber: "AMS"},
MultLineWidth: "85%",
TagSide: "right",
TagIndent: ".8em"
}
});
</script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
</head>
<body>
<div id="org-div-home-and-up">
<a accesskey="h" href="http://www.bing.com"> UP </a>
|
<a accesskey="H" href="http://www.google.com"> HOME </a>
</div><div id="content">
<h1 class="title">Org mode syntax quick reference</h1>
<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#unnumbered-1">Abstract</a></li>
<li><a href="#unnumbered-2">Document header</a></li>
<li><a href="#unnumbered-3">Document settings</a>
<ul>
<li><a href="#unnumbered-4">Document description</a></li>
<li><a href="#unnumbered-5">Section numbering</a></li>
<li><a href="#unnumbered-6">Table of contents</a></li>
</ul>
</li>
<li><a href="#unnumbered-7">Section titles (headings)</a></li>
<li><a href="#unnumbered-8">Biggest heading (level 1)</a>
<ul>
<li><a href="#unnumbered-9">Bigger heading (level 2)</a></li>
<li><a href="#unnumbered-12">Numbered headings</a></li>
</ul>
</li>
<li><a href="#unnumbered-13">Paragraphs</a>
<ul>
<li><a href="#unnumbered-14">Normal</a></li>
<li><a href="#unnumbered-15">Line breaks</a></li>
<li><a href="#unnumbered-16">Horizontal rules</a></li>
<li><a href="#unnumbered-17">Text width</a></li>
</ul>
</li>
<li><a href="#unnumbered-18">Formatting text</a>
<ul>
<li><a href="#unnumbered-19">Bold and italic</a></li>
<li><a href="#unnumbered-20">Monospace, superscript and subscript</a></li>
</ul>
</li>
<li><a href="#unnumbered-21">Lists</a>
<ul>
<li><a href="#unnumbered-22">Unordered lists</a></li>
<li><a href="#unnumbered-23">Checklists</a></li>
<li><a href="#unnumbered-24">Ordered lists</a></li>
<li><a href="#unnumbered-25">Definition lists</a></li>
<li><a href="#unnumbered-26">Separating lists</a></li>
</ul>
</li>
<li><a href="#unnumbered-27">Tables</a>
<ul>
<li><a href="#unnumbered-28">Simple table</a></li>
<li><a href="#unnumbered-29">Column formatting</a></li>
<li><a href="#unnumbered-32">Header row</a></li>
<li><a href="#unnumbered-33">Table placement</a></li>
<li><a href="#unnumbered-34">Align tables on the page</a></li>
<li><a href="#unnumbered-38">Table size</a></li>
</ul>
</li>
<li><a href="#unnumbered-39">CSV</a></li>
<li><a href="#links">Links</a>
<ul>
<li><a href="#unnumbered-41">External links</a></li>
<li><a href="#unnumbered-44">Internal links</a></li>
<li><a href="#unnumbered-47">Extensions that define new hyperlinks targets</a></li>
</ul>
</li>
<li><a href="#unnumbered-48">Images</a>
<ul>
<li><a href="#unnumbered-49">Inline picture</a></li>
<li><a href="#unnumbered-50">Image alignment (using positioning)</a></li>
<li><a href="#unnumbered-54">Image attributes and values</a></li>
<li><a href="#unnumbered-55">Figures</a></li>
</ul>
</li>
<li><a href="#unnumbered-56">Videos</a></li>
<li><a href="#unnumbered-57">Admonitions</a>
<ul>
<li><a href="#unnumbered-58">List of supported admonitions</a></li>
<li><a href="#unnumbered-59">Note</a></li>
<li><a href="#unnumbered-60">Warning</a></li>
<li><a href="#unnumbered-61">Tip</a></li>
<li><a href="#unnumbered-62">Error</a></li>
</ul>
</li>
<li><a href="#unnumbered-63">Centered text</a></li>
<li><a href="#unnumbered-64">Sidebar</a></li>
<li><a href="#unnumbered-65">Example</a></li>
<li><a href="#unnumbered-66">Prose excerpts</a>
<ul>
<li><a href="#unnumbered-67">Quote</a></li>
<li><a href="#unnumbered-68">Verse</a></li>
<li><a href="#unnumbered-69">Block quote with optional attribution line</a></li>
<li><a href="#unnumbered-70">Block quotes with their own class attribute</a></li>
<li><a href="#unnumbered-71">Non-breaking space</a></li>
</ul>
</li>
<li><a href="#unnumbered-72">Comments</a></li>
<li><a href="#unnumbered-73">Substitutions</a>
<ul>
<li><a href="#unnumbered-74">General replacements</a></li>
<li><a href="#unnumbered-75">Styled references</a></li>
<li><a href="#unnumbered-76">Special characters</a></li>
</ul>
</li>
<li><a href="#unnumbered-83">Source code</a>
<ul>
<li><a href="#unnumbered-84">Inline code</a></li>
<li><a href="#unnumbered-85">Code blocks (with syntax highlighting)</a></li>
<li><a href="#unnumbered-86">Source mode</a></li>
<li><a href="#unnumbered-87">Line break</a></li>
<li><a href="#unnumbered-88">Line numbers</a></li>
<li><a href="#unnumbered-89">Callouts</a></li>
</ul>
</li>
<li><a href="#unnumbered-90">Math</a>
<ul>
<li><a href="#unnumbered-91">Inline math expressions</a></li>
<li><a href="#unnumbered-92">Math expressions in display mode</a></li>
<li><a href="#unnumbered-93">Equation numbers</a></li>
</ul>
</li>
<li><a href="#unnumbered-94">Miscellaneous effects</a>
<ul>
<li><a href="#unnumbered-95">Include Org files</a></li>
<li><a href="#unnumbered-96">Inline HTML</a></li>
<li><a href="#unnumbered-97">Inline LaTeX</a></li>
</ul>
</li>
<li><a href="#unnumbered-98">Notes at the footer</a></li>
<li><a href="#unnumbered-99">Useful extensions</a>
<ul>
<li><a href="#unnumbered-100">Todo extension</a></li>
<li><a href="#unnumbered-108">Bigblow extension</a></li>
</ul>
</li>
<li><a href="#unnumbered-109">Graphs with Graphviz</a>
<ul>
<li><a href="#unnumbered-110">Undirected</a></li>
<li><a href="#unnumbered-111">Directed</a></li>
</ul>
</li>
<li><a href="#unnumbered-112">Graphs with R</a>
<ul>
<li><a href="#unnumbered-113">Text</a></li>
<li><a href="#unnumbered-114">Example</a></li>
<li><a href="#unnumbered-115">Graph</a></li>
<li><a href="#unnumbered-116">R code block</a></li>
</ul>
</li>
<li><a href="#unnumbered-117">Index</a></li>
<li><a href="#unnumbered-118">Glossary</a></li>
<li><a href="#unnumbered-119">Bibliography</a></li>
</ul>
</div>
</div>
<p>
This is an Org mode document, using the <code>.org</code> extension (supported by GitHub).
</p>
<p>
<b>Org mode</b> is an easy-to-write <i>plain text</i> formatting syntax for authoring notes,
articles, LaTeX documents, books, Web pages, Beamer slide decks and much more!
</p>
<div id="outline-container-unnumbered-1" class="outline-2">
<h2 id="unnumbered-1">Abstract</h2>
<div class="outline-text-2" id="text-unnumbered-1">
<p>
This is a cheat sheet for <b>Org mode 8</b> (because of some markup syntax changes
since Org mode 7), using <a href="https://github.com/fniessen/org-html-themes">ReadTheOrg CSS</a>.
</p>
<p>
Reading through all the documentation is highly recommended, but for the truly
impatient, following are some quick steps to get started.
</p>
</div>
</div>
<div id="outline-container-unnumbered-2" class="outline-2">
<h2 id="unnumbered-2">Document header</h2>
<div class="outline-text-2" id="text-unnumbered-2">
<p>
Title and author line:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-document-info-keyword">#+TITLE:</span> <span class="org-org-document-title">Org mode syntax example</span>
<span class="org-org-document-info-keyword">#+AUTHOR:</span> <span class="org-org-document-info">Fabrice Niessen</span>
My document provides...
</pre>
</div>
<p>
It&rsquo;s a good practice to also include an email line following the author line.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-document-info-keyword">#+EMAIL:</span> <span class="org-org-document-info">john.doe@example.com</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-3" class="outline-2">
<h2 id="unnumbered-3">Document settings</h2>
<div class="outline-text-2" id="text-unnumbered-3">
</div><div id="outline-container-unnumbered-4" class="outline-3">
<h3 id="unnumbered-4">Document description</h3>
<div class="outline-text-3" id="text-unnumbered-4">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+DESCRIPTION: This document catalogs a set of tips and tricks for composing documents in Org mode.</span>
<span class="org-org-meta-line">#+KEYWORDS: org-mode, syntax, quick reference, cheat sheet, recommended practices, latex, beamer, html</span>
<span class="org-org-meta-line">#+LANGUAGE: en</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-5" class="outline-3">
<h3 id="unnumbered-5">Section numbering</h3>
<div class="outline-text-3" id="text-unnumbered-5">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+OPTIONS: H:4</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+OPTIONS: num:nil</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-6" class="outline-3">
<h3 id="unnumbered-6">Table of contents</h3>
<div class="outline-text-3" id="text-unnumbered-6">
<p>
Set the <code>toc</code> attribute to activate an auto-generated table of contents (limited
to its 2 first levels) at the top of document.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+OPTIONS: toc:2</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+OPTIONS: p:t</span>
</pre>
</div>
<p>
<code>#+TOC: figures</code> is not implemented yet in the HMTL backend (though <code>#+TOC: tables</code>
is).
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-7" class="outline-2">
<h2 id="unnumbered-7">Section titles (headings)</h2>
<div class="outline-text-2" id="text-unnumbered-7">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-level-1">* Biggest heading (level 1)</span>
New chapter.
<span class="org-org-level-2">** Bigger heading (level 2)</span>
New section.
<span class="org-org-level-3">*** Big heading (level 3)</span>
New sub-section.
<span class="org-org-level-4">**** Heading (level 4)</span>
New sub-sub-section.
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-8" class="outline-2">
<h2 id="unnumbered-8">Biggest heading (level 1)</h2>
<div class="outline-text-2" id="text-unnumbered-8">
<p>
New chapter.
</p>
</div>
<div id="outline-container-unnumbered-9" class="outline-3">
<h3 id="unnumbered-9">Bigger heading (level 2)</h3>
<div class="outline-text-3" id="text-unnumbered-9">
<p>
New section.
</p>
</div>
<div id="outline-container-unnumbered-10" class="outline-4">
<h4 id="unnumbered-10">Big heading (level 3)</h4>
<div class="outline-text-4" id="text-unnumbered-10">
<p>
New sub-section.
</p>
</div>
<div id="outline-container-unnumbered-11" class="outline-5">
<h5 id="unnumbered-11">Heading (level 4)</h5>
<div class="outline-text-5" id="text-unnumbered-11">
<p>
New sub-sub-section.
</p>
</div>
</div>
</div>
</div>
<div id="outline-container-unnumbered-12" class="outline-3">
<h3 id="unnumbered-12">Numbered headings</h3>
<div class="outline-text-3" id="text-unnumbered-12">
<p>
You can create numbered headings up to a certain level by setting an option:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+OPTIONS: H:4</span>
</pre>
</div>
</div>
</div>
</div>
<div id="outline-container-unnumbered-13" class="outline-2">
<h2 id="unnumbered-13">Paragraphs</h2>
<div class="outline-text-2" id="text-unnumbered-13">
</div><div id="outline-container-unnumbered-14" class="outline-3">
<h3 id="unnumbered-14">Normal</h3>
<div class="outline-text-3" id="text-unnumbered-14">
<div class="org-src-container">
<pre class="src src-org">A single newline has no effect.
This line is part of the same paragraph.
But an empty line
demarcates paragraphs.
</pre>
</div>
<p>
A single newline has no effect.
This line is part of the same paragraph.
</p>
<p>
But an empty line
</p>
<p>
demarcates paragraphs.
</p>
</div>
</div>
<div id="outline-container-unnumbered-15" class="outline-3">
<h3 id="unnumbered-15">Line breaks</h3>
<div class="outline-text-3" id="text-unnumbered-15">
<div class="org-src-container">
<pre class="src src-org">By entering two consecutive backslashes, \\
you can force to break lines
without starting a new paragraph.
</pre>
</div>
<p>
By entering two consecutive backslashes, <br />
you can force to break lines
without starting a new paragraph.
</p>
</div>
</div>
<div id="outline-container-unnumbered-16" class="outline-3">
<h3 id="unnumbered-16">Horizontal rules</h3>
<div class="outline-text-3" id="text-unnumbered-16">
<div class="org-src-container">
<pre class="src src-org">For an horizontal line, insert at least 5 dashes: this is some text above an
horizontal rule
-----
and some text below it.
</pre>
</div>
<p>
For an horizontal line, insert at least 5 dashes: this is some text above an
horizontal rule
</p>
<hr />
<p>
and some text below it.
</p>
</div>
</div>
<div id="outline-container-unnumbered-17" class="outline-3">
<h3 id="unnumbered-17">Text width</h3>
<div class="outline-text-3" id="text-unnumbered-17">
<p>
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.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-18" class="outline-2">
<h2 id="unnumbered-18">Formatting text</h2>
<div class="outline-text-2" id="text-unnumbered-18">
<p>
Text effects.
</p>
</div>
<div id="outline-container-unnumbered-19" class="outline-3">
<h3 id="unnumbered-19">Bold and italic</h3>
<div class="outline-text-3" id="text-unnumbered-19">
<div class="org-src-container">
<pre class="src src-org"><span class="org-italic">Emphasize</span> (italics), <span class="org-bold">strongly</span> (bold), and <span class="org-bold">/very strongly/</span> (bold italics).
</pre>
</div>
<p>
<i>Emphasize</i> (italics), <b>strongly</b> (bold), and <b><i>very strongly</i></b> (bold italics).
</p>
<p>
Markup elements can be nested:
</p>
<div class="org-src-container">
<pre class="src src-org">This is <span class="org-italic">italic text which contains </span><span class="org-underline"><span class="org-italic">underlined text</span></span><span class="org-italic"> within it</span>, whereas <span class="org-underline">this is</span>
<span class="org-underline">normal underlined text</span>.
</pre>
</div>
<p>
This is <i>italic text which contains <span class="underline">underlined text</span> within it</i>, whereas <span class="underline">this is
normal underlined text</span>.
</p>
<p>
Markup can span across multiple lines, by default <b>no more than 2</b>:
</p>
<div class="org-src-container">
<pre class="src src-org">*This
is not
bold.*
</pre>
</div>
<p>
*This
is not
bold.*
</p>
</div>
</div>
<div id="outline-container-unnumbered-20" class="outline-3">
<h3 id="unnumbered-20">Monospace, superscript and subscript</h3>
<div class="outline-text-3" id="text-unnumbered-20">
<p>
Other elements to use sparingly are:
</p>
<div class="org-src-container">
<pre class="src src-org">- monospaced typewriter font for <span class="org-org-code">inline code</span>
- monospaced typewriter font for <span class="org-org-verbatim">verbatim text</span>
- +deleted+ text (vs. <span class="org-underline">inserted</span> text)
- text with super<span class="org-org-latex-and-related">script</span> (for example: <span class="org-org-code">m/s^{2}</span> gives m/s<span class="org-org-latex-and-related">2</span>)
- text with sub<span class="org-org-latex-and-related">script</span>
</pre>
</div>
<ul class="org-ul">
<li>monospaced typewriter font for <code>inline code</code></li>
<li>monospaced typewriter font for <code>verbatim text</code></li>
<li>+deleted+ text (vs. <span class="underline">inserted</span> text)</li>
<li>text with super<sup>script</sup> (for example: <code>m/s^{2}</code> gives m/s<sup>2</sup>)</li>
<li>text with sub<sub>script</sub></li>
</ul>
</div>
</div>
</div>
<div id="outline-container-unnumbered-21" class="outline-2">
<h2 id="unnumbered-21">Lists</h2>
<div class="outline-text-2" id="text-unnumbered-21">
<p>
Org markup allows you to create <b>bulleted</b> or <b>numbered</b> lists. It allows any
combination of the two list types.
</p>
</div>
<div id="outline-container-unnumbered-22" class="outline-3">
<h3 id="unnumbered-22">Unordered lists</h3>
<div class="outline-text-3" id="text-unnumbered-22">
<p>
Itemized lists are marked with bullets. Create them with a minus or a plus sign.
</p>
<p>
They are convenient to organize data, and make the document prettier, and easier
to read.
</p>
<div class="org-src-container">
<pre class="src src-org">- Item with some lengthy text wrapping hopefully across several lines. We add
a few words to really show the line wrapping.
- Bullet.
+ Bullet.
* Bullet.
</pre>
</div>
<ul class="org-ul">
<li>Item with some lengthy text wrapping hopefully across several lines. We add
a few words to really show the line wrapping.</li>
<li>Bullet.
<ul class="org-ul">
<li>Bullet.
<ul class="org-ul">
<li>Bullet.</li>
</ul></li>
</ul></li>
</ul>
</div>
</div>
<div id="outline-container-unnumbered-23" class="outline-3">
<h3 id="unnumbered-23">Checklists</h3>
<div class="outline-text-3" id="text-unnumbered-23">
<div class="org-src-container">
<pre class="src src-org">- <span class="org-org-checkbox">[X]</span> Checked.
- <span class="org-org-checkbox">[-]</span> Half-checked.
- <span class="org-org-checkbox">[ ]</span> Not checked.
- Normal list item.
</pre>
</div>
<ul class="org-ul">
<li class="on">&#x2611; Checked.</li>
<li class="trans">&#x2610; Half-checked.</li>
<li class="off">&#x2610; Not checked.</li>
<li>Normal list item.</li>
</ul>
</div>
</div>
<div id="outline-container-unnumbered-24" class="outline-3">
<h3 id="unnumbered-24">Ordered lists</h3>
<div class="outline-text-3" id="text-unnumbered-24">
<p>
Enumerated lists are marked with numbers or letters:
</p>
<div class="org-src-container">
<pre class="src src-org">1. Arabic (decimal) numbered list item. We add a few words to show the line
wrapping.
A. Upper case alpha (letter) numbered list item.
a. Lower alpha.
b. Lower alpha.
B. Upper alpha.
2. Number.
</pre>
</div>
<ol class="org-ol">
<li>Arabic (decimal) numbered list item. We add a few words to show the line
wrapping.
<ol class="org-ol">
<li>Upper case alpha (letter) numbered list item.
<ol class="org-ol">
<li>Lower alpha.</li>
<li>Lower alpha.</li>
</ol></li>
<li>Upper alpha.</li>
</ol></li>
<li>Number.</li>
</ol>
<p>
You can have ordered lists with jumping numbers:
</p>
<div class="org-src-container">
<pre class="src src-org">2. [@2] We start with point number 2.
3. Automatically numbered item.
</pre>
</div>
<ol class="org-ol">
<li value="2">We start with point number 2.</li>
<li>Automatically numbered item.</li>
</ol>
</div>
</div>
<div id="outline-container-unnumbered-25" class="outline-3">
<h3 id="unnumbered-25">Definition lists</h3>
<div class="outline-text-3" id="text-unnumbered-25">
<p>
Labeled, multi-line lists.
</p>
<div class="org-src-container">
<pre class="src src-org">- <span class="org-org-list-dt">First term to define ::</span>
Definition of the first term. We add a few words to show the line wrapping,
to see what happens when you have long lines.
- <span class="org-org-list-dt">Second term ::</span>
Explication of the second term.
In many paragraphs.
</pre>
</div>
<dl class="org-dl">
<dt>First term to define</dt><dd>Definition of the first term. We add a few words to show the line wrapping,
to see what happens when you have long lines.</dd>
<dt>Second term</dt><dd><p>
Explication of the second term.
</p>
<p>
In many paragraphs.
</p></dd>
</dl>
</div>
</div>
<div id="outline-container-unnumbered-26" class="outline-3">
<h3 id="unnumbered-26">Separating lists</h3>
<div class="outline-text-3" id="text-unnumbered-26">
<p>
Adjacent lists sometimes like to fuse. To force the start of a new list, offset
the two lists by an empty line comment:
</p>
<div class="org-src-container">
<pre class="src src-org">- apples
- oranges
- bananas
<span class="org-comment"># Comment.</span>
- carrots
- tomatoes
- celery
</pre>
</div>
<ul class="org-ul">
<li>apples</li>
<li>oranges</li>
<li>bananas</li>
</ul>
<ul class="org-ul">
<li>carrots</li>
<li>tomatoes</li>
<li>celery</li>
</ul>
</div>
</div>
</div>
<div id="outline-container-unnumbered-27" class="outline-2">
<h2 id="unnumbered-27">Tables</h2>
<div class="outline-text-2" id="text-unnumbered-27">
<p>
Tables are one of the most refined areas of the Org mode syntax. They are very easy
to create and to read.
</p>
</div>
<div id="outline-container-unnumbered-28" class="outline-3">
<h3 id="unnumbered-28">Simple table</h3>
<div class="outline-text-3" id="text-unnumbered-28">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-table">| Cell in column 1, row 1 | Cell in column 2, row 1 |</span>
<span class="org-org-table">| Cell in column 1, row 2 | Cell in column 2, row 2 |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="left" />
<col class="left" />
</colgroup>
<tbody>
<tr>
<td class="left">Cell in column 1, row 1</td>
<td class="left">Cell in column 2, row 1</td>
</tr>
<tr>
<td class="left">Cell in column 1, row 2</td>
<td class="left">Cell in column 2, row 2</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-unnumbered-29" class="outline-3">
<h3 id="unnumbered-29">Column formatting</h3>
<div class="outline-text-3" id="text-unnumbered-29">
<p>
Columns are automatically aligned:
</p>
<ul class="org-ul">
<li>Number-rich columns to the right, and</li>
<li>String-rich columns to the left.</li>
</ul>
</div>
<div id="outline-container-unnumbered-30" class="outline-4">
<h4 id="unnumbered-30">Table with aligned cells</h4>
<div class="outline-text-4" id="text-unnumbered-30">
<p>
If you want to override the automatic alignment, use <code>&lt;r&gt;</code>, <code>&lt;c&gt;</code> or <code>&lt;l&gt;</code>.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+CAPTION:</span> <span class="org-org-block">Table with aligned columns</span>
<span class="org-org-table">| </span><span class="org-org-formula">&lt;r&gt;</span><span class="org-org-table"> | </span><span class="org-org-formula">&lt;c&gt;</span><span class="org-org-table"> | </span><span class="org-org-formula">&lt;l&gt;</span><span class="org-org-table"> |</span>
<span class="org-org-table">| 1 | 2 | 3 |</span>
<span class="org-org-table">| Right | Center | Left |</span>
<span class="org-org-table">| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 1:</span> Table with aligned columns</caption>
<colgroup>
<col class="right" />
<col class="center" />
<col class="left" />
</colgroup>
<tbody>
<tr>
<td class="right">1</td>
<td class="center">2</td>
<td class="left">3</td>
</tr>
<tr>
<td class="right">Right</td>
<td class="center">Center</td>
<td class="left">Left</td>
</tr>
<tr>
<td class="right">xxxxxxxxxxxx</td>
<td class="center">xxxxxxxxxxxx</td>
<td class="left">xxxxxxxxxxxx</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-unnumbered-31" class="outline-4">
<h4 id="unnumbered-31">Table with column size adjusted</h4>
</div>
</div>
<div id="outline-container-unnumbered-32" class="outline-3">
<h3 id="unnumbered-32">Header row</h3>
<div class="outline-text-3" id="text-unnumbered-32">
<p>
You can create tables with an header row (by using an horizontal line of dashes
to separate it from the rest of the table).
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+CAPTION:</span> <span class="org-org-block">Table with an header row</span>
<span class="org-org-table">| Name of column 1 | Name of column 2 | Name of column 3 |</span>
<span class="org-org-table">|------------------+------------------+------------------|</span>
<span class="org-org-table">| Top left | Top middle | |</span>
<span class="org-org-table">| | | Right |</span>
<span class="org-org-table">| Bottom left | Bottom middle | |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 2:</span> Table with an header row</caption>
<colgroup>
<col class="left" />
<col class="left" />
<col class="left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="left">Name of column 1</th>
<th scope="col" class="left">Name of column 2</th>
<th scope="col" class="left">Name of column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td class="left">Top left</td>
<td class="left">Top middle</td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left">&#xa0;</td>
<td class="left">&#xa0;</td>
<td class="left">Right</td>
</tr>
<tr>
<td class="left">Bottom left</td>
<td class="left">Bottom middle</td>
<td class="left">&#xa0;</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-unnumbered-33" class="outline-3">
<h3 id="unnumbered-33">Table placement</h3>
<div class="outline-text-3" id="text-unnumbered-33">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+ATTR_LATEX: :center nil</span>
<span class="org-org-table">| a | b |</span>
<span class="org-org-table">| 1 | 2 |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="right" />
</colgroup>
<tbody>
<tr>
<td class="right">a</td>
<td class="right">b</td>
</tr>
<tr>
<td class="right">1</td>
<td class="right">2</td>
</tr>
</tbody>
</table>
<p>
XXX Different from the following:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-table">| a | b |</span>
<span class="org-org-table">| 1 | 2 |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="right" />
</colgroup>
<tbody>
<tr>
<td class="right">a</td>
<td class="right">b</td>
</tr>
<tr>
<td class="right">1</td>
<td class="right">2</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-unnumbered-34" class="outline-3">
<h3 id="unnumbered-34">Align tables on the page</h3>
<div class="outline-text-3" id="text-unnumbered-34">
</div><div id="outline-container-unnumbered-35" class="outline-4">
<h4 id="unnumbered-35">Left</h4>
<div class="outline-text-4" id="text-unnumbered-35">
<p>
Here is a table on the left side:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+LATEX: \noindent</span>
<span class="org-org-meta-line">#+ATTR_LATEX: :center nil</span>
<span class="org-org-table">| a | b | c |</span>
<span class="org-org-table">|---+---+---|</span>
<span class="org-org-table">| 1 | 2 | 3 |</span>
<span class="org-org-table">| 4 | 5 | 6 |</span>
<span class="org-org-meta-line">#+LATEX: \hfill</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="right" />
<col class="right" />
</colgroup>
<thead>
<tr>
<th scope="col" class="right">a</th>
<th scope="col" class="right">b</th>
<th scope="col" class="right">c</th>
</tr>
</thead>
<tbody>
<tr>
<td class="right">1</td>
<td class="right">2</td>
<td class="right">3</td>
</tr>
<tr>
<td class="right">4</td>
<td class="right">5</td>
<td class="right">6</td>
</tr>
</tbody>
</table>
<p>
The <code>noindent</code> just gets rid of the indentation of the first line of a paragraph
which in this case is the table. The <code>hfill</code> adds infinite stretch after the
table, so it pushes the table to the left.
</p>
</div>
</div>
<div id="outline-container-unnumbered-36" class="outline-4">
<h4 id="unnumbered-36">Center</h4>
<div class="outline-text-4" id="text-unnumbered-36">
<p>
Here is a centered table:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-table">| a | b | c |</span>
<span class="org-org-table">|---+---+---|</span>
<span class="org-org-table">| 1 | 2 | 3 |</span>
<span class="org-org-table">| 4 | 5 | 6 |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="right" />
<col class="right" />
</colgroup>
<thead>
<tr>
<th scope="col" class="right">a</th>
<th scope="col" class="right">b</th>
<th scope="col" class="right">c</th>
</tr>
</thead>
<tbody>
<tr>
<td class="right">1</td>
<td class="right">2</td>
<td class="right">3</td>
</tr>
<tr>
<td class="right">4</td>
<td class="right">5</td>
<td class="right">6</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-unnumbered-37" class="outline-4">
<h4 id="unnumbered-37">Right</h4>
<div class="outline-text-4" id="text-unnumbered-37">
<p>
And here&rsquo;s a table on the right side:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+LATEX: \hfill</span>
<span class="org-org-meta-line">#+ATTR_LATEX: :center nil</span>
<span class="org-org-table">| a | b | c |</span>
<span class="org-org-table">|---+---+---|</span>
<span class="org-org-table">| 1 | 2 | 3 |</span>
<span class="org-org-table">| 4 | 5 | 6 |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="right" />
<col class="right" />
</colgroup>
<thead>
<tr>
<th scope="col" class="right">a</th>
<th scope="col" class="right">b</th>
<th scope="col" class="right">c</th>
</tr>
</thead>
<tbody>
<tr>
<td class="right">1</td>
<td class="right">2</td>
<td class="right">3</td>
</tr>
<tr>
<td class="right">4</td>
<td class="right">5</td>
<td class="right">6</td>
</tr>
</tbody>
</table>
<p>
Here the <code>hfill</code> adds infinite stretch before the table, so it pushes the table
to the right.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-38" class="outline-3">
<h3 id="unnumbered-38">Table size</h3>
<div class="outline-text-3" id="text-unnumbered-38">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+ATTR_HTML: :width 100%</span>
<span class="org-org-table">| Cell in column 1, row 1 | Cell in column 2, row 1 |</span>
<span class="org-org-table">| Cell in column 1, row 2 | Cell in column 2, row 2 |</span>
</pre>
</div>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides" width="100%">
<colgroup>
<col class="left" />
<col class="left" />
</colgroup>
<tbody>
<tr>
<td class="left">Cell in column 1, row 1</td>
<td class="left">Cell in column 2, row 1</td>
</tr>
<tr>
<td class="left">Cell in column 1, row 2</td>
<td class="left">Cell in column 2, row 2</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="outline-container-unnumbered-39" class="outline-2">
<h2 id="unnumbered-39">CSV</h2>
<div class="outline-text-2" id="text-unnumbered-39">
<p>
You can fill table from CSV file using R commands.
</p>
</div>
</div>
<div id="outline-container-links" class="outline-2">
<h2 id="links"><a id="unnumbered-40"></a>Links</h2>
<div class="outline-text-2" id="text-links">
<p>
This document is available in <a href="org-mode-syntax.html">plain text</a>, <a href="org-mode-syntax.html">HTML</a> and <a href="org-mode-syntax.pdf">PDF</a>.
</p>
<p>
The links are delimited by <code>[square brackets]</code>.
</p>
</div>
<div id="outline-container-unnumbered-41" class="outline-3">
<h3 id="unnumbered-41">External links</h3>
<div class="outline-text-3" id="text-unnumbered-41">
<div class="org-src-container">
<pre class="src src-org">See <span class="org-org-link"><a href="http://www.pirilampo.org">http://www.pirilampo.org</a></span> (automatic!) and the
<span class="org-org-link"><a href="http://orgmode.org/">Org mode Web site</a></span>.
</pre>
</div>
<p>
See <a href="http://www.pirilampo.org/">http://www.pirilampo.org/</a> (automatic!) and the
<a href="http://orgmode.org/">Org mode Web site</a>.
</p>
</div>
<div id="outline-container-unnumbered-42" class="outline-4">
<h4 id="unnumbered-42">Relative links</h4>
<div class="outline-text-4" id="text-unnumbered-42">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-link"><a href="../README.html">Home</a></span>
</pre>
</div>
<p>
<a href="../README.html">Home</a>
</p>
</div>
</div>
<div id="outline-container-unnumbered-43" class="outline-4">
<h4 id="unnumbered-43">Email links</h4>
<div class="outline-text-4" id="text-unnumbered-43">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-link"><a href="mailto:john.doe@example.com">email John Doe</a></span>
</pre>
</div>
<p>
<a href="mailto:john.doe@example.com">email John Doe</a>
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-44" class="outline-3">
<h3 id="unnumbered-44"><a id="ID-0d2b0cb2-116c-4a61-a076-4c641faf4346"></a>Internal links</h3>
<div class="outline-text-3" id="text-unnumbered-44">
</div>
<div id="outline-container-unnumbered-45" class="outline-4">
<h4 id="unnumbered-45">Inline anchors</h4>
<div class="outline-text-4" id="text-unnumbered-45">
<p>
Anchors are used to specify hypertext link targets.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-target">&lt;&lt;anchor&gt;&gt;</span> Inline anchors make arbitrary content referenceable.
</pre>
</div>
<p>
<a id="anchor"></a> Inline anchors make arbitrary content referenceable.
</p>
</div>
</div>
<div id="outline-container-unnumbered-46" class="outline-4">
<h4 id="unnumbered-46">Internal cross references</h4>
<div class="outline-text-4" id="text-unnumbered-46">
<p>
Links generally point to an headline.
</p>
<div class="org-src-container">
<pre class="src src-org">See chapter <span class="org-org-link"><a href="#links">Links</a></span>.
</pre>
</div>
<p>
See chapter <a href="#links">Links</a>.
</p>
<p>
You can also create a hypertext link to a document anchor in the current
document <i>or in another document</i>.
</p>
<div class="org-src-container">
<pre class="src src-org">See:
- Location <span class="org-org-link"><a href="anchor">cross reference</a></span>.
- Section <span class="org-org-link"><a href="id:0d2b0cb2-116c-4a61-a076-4c641faf4346">Internal links</a></span>
</pre>
</div>
<p>
See:
</p>
<ul class="org-ul">
<li>Location <a href="#anchor">cross reference</a>.</li>
<li>Section <a href="#unnumbered-44">Internal links</a></li>
</ul>
</div>
</div>
</div>
<div id="outline-container-unnumbered-47" class="outline-3">
<h3 id="unnumbered-47">Extensions that define new hyperlinks targets</h3>
</div>
</div>
<div id="outline-container-unnumbered-48" class="outline-2">
<h2 id="unnumbered-48">Images</h2>
<div class="outline-text-2" id="text-unnumbered-48">
<p>
You can insert <b>image</b> files of different <b>formats</b> to a document:
</p>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="left" />
<col class="left" />
<col class="left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="left">&#xa0;</th>
<th scope="col" class="left">HTML</th>
<th scope="col" class="left">PDF</th>
</tr>
</thead>
<tbody>
<tr>
<td class="left">gif</td>
<td class="left">yes</td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left">jpeg</td>
<td class="left">yes</td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left">png</td>
<td class="left">yes</td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left">bmp</td>
<td class="left">(depends on browser support)</td>
<td class="left">&#xa0;</td>
</tr>
</tbody>
</table>
</div>
<div id="outline-container-unnumbered-49" class="outline-3">
<h3 id="unnumbered-49">Inline picture</h3>
<div class="outline-text-3" id="text-unnumbered-49">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+CAPTION:</span> <span class="org-org-block">Org mode logo</span>
<span class="org-org-link"><a href="file:org-mode-unicorn.png">file:org-mode-unicorn.png</a></span>
</pre>
</div>
<div class="figure">
<p><img src="org-mode-unicorn.png" alt="org-mode-unicorn.png" />
</p>
<p><span class="figure-number">Figure 1:</span> Org mode logo</p>
</div>
<div class="org-src-container">
<pre class="src src-org">Click to see the <span class="org-org-link"><a href="file:org-mode-unicorn.png">Unicorn picture</a></span>.
</pre>
</div>
<p>
Click to see the <a href="org-mode-unicorn.png">Unicorn picture</a>.
</p>
</div>
</div>
<div id="outline-container-unnumbered-50" class="outline-3">
<h3 id="unnumbered-50">Image alignment (using positioning)</h3>
<div class="outline-text-3" id="text-unnumbered-50">
<p>
Books usually align/float images on the right/left of the contents.
</p>
</div>
<div id="outline-container-unnumbered-51" class="outline-4">
<h4 id="unnumbered-51">Image is left aligned</h4>
</div>
<div id="outline-container-unnumbered-52" class="outline-4">
<h4 id="unnumbered-52">Image is right aligned</h4>
</div>
<div id="outline-container-unnumbered-53" class="outline-4">
<h4 id="unnumbered-53">Image is centered</h4>
</div>
</div>
<div id="outline-container-unnumbered-54" class="outline-3">
<h3 id="unnumbered-54">Image attributes and values</h3>
<div class="outline-text-3" id="text-unnumbered-54">
<p>
XXX Available HTML image tags include &#x2026;
</p>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="left" />
<col class="left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="left">Attribute</th>
<th scope="col" class="left">Value(s)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="left"><code>:alt</code></td>
<td class="left">Alternate text</td>
</tr>
<tr>
<td class="left"><code>:height</code></td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left"><code>:width</code></td>
<td class="left">User defined size in pixels</td>
</tr>
<tr>
<td class="left"><code>:align</code></td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left"><code>:border</code></td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left"><code>:bordercolor</code></td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left"><code>:hspace</code></td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left"><code>:vspace</code></td>
<td class="left">&#xa0;</td>
</tr>
<tr>
<td class="left"><code>:title</code></td>
<td class="left">User defined text</td>
</tr>
</tbody>
</table>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+ATTR_LaTeX: :width 0.25\linewidth</span>
<span class="org-org-link"><a href="file:org-mode-unicorn.png">file:org-mode-unicorn.png</a></span>
</pre>
</div>
<div class="figure">
<p><img src="org-mode-unicorn.png" alt="org-mode-unicorn.png" />
</p>
</div>
<p>
Place images side by side: XXX
</p>
</div>
</div>
<div id="outline-container-unnumbered-55" class="outline-3">
<h3 id="unnumbered-55">Figures</h3>
<div class="outline-text-3" id="text-unnumbered-55">
<p>
To define images that will be <b>treated as book illustrations</b> (figures) and
automatically labeled and numbered, use XXX.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-56" class="outline-2">
<h2 id="unnumbered-56">Videos</h2>
<div class="outline-text-2" id="text-unnumbered-56">
<p>
Videos can&rsquo;t be added directly.
</p>
<p>
Though, you can add an image with a link to the video like this:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-link"><a href="http://www.youtube.com/watch?v=DnSGSiXYuOk">file:../bigblow.png</a></span>
</pre>
</div>
<div class="figure">
<p><a href="http://www.youtube.com/watch?v=DnSGSiXYuOk"><img src="../bigblow.png" alt="bigblow.png" /></a>
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-57" class="outline-2">
<h2 id="unnumbered-57">Admonitions</h2>
<div class="outline-text-2" id="text-unnumbered-57">
<p>
You can create several other boxes (<code>info</code>, <code>tip</code>, <code>note</code> or <code>warning</code>) which all have
a different default image.
</p>
<p>
Admonitions: attention, caution, danger, error, hint, important, note, tip,
warning and the generic admonition.
</p>
<p>
(Most themes style only <code>note</code> and <code>warning</code> specially.)
</p>
<p>
Simple box (&ldquo;inline task&rdquo;):
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-hide">*************</span><span class="org-org-inlinetask">** </span><span class="org-org-todo">TODO</span><span class="org-org-inlinetask"> Do this task</span>
Description of inline task.
<span class="org-org-hide">*************</span><span class="org-org-inlinetask">** END</span>
</pre>
</div>
<p>
<b><b><b><b><b><b><b>*</b></b></b></b></b></b></b> TODO Do this task
Description of inline task.
</p>
<table class="inlinetask" width="100%"><tr><td valign="top"><b></b></td><td width="100%"><b>END</b><br /></td></tr></table>
<p>
or:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-hide">*************</span><span class="org-org-inlinetask">** </span><span class="org-leuven-org-waiting-for-kwd">WAIT</span><span class="org-org-inlinetask"> </span><span class="ATTRLIST">[#B]</span><span class="org-org-inlinetask"> Do also this other task </span><span class="org-org-tag"><span class="org-org-inlinetask">:phone:</span></span>
<span class="org-org-hide">*************</span><span class="org-org-inlinetask">** END</span>
</pre>
</div>
<p>
<b><b><b><b><b><b><b>*</b></b></b></b></b></b></b> WAIT [#B] Do also this other task :phone:
</p>
<table class="inlinetask" width="100%"><tr><td valign="top"><b></b></td><td width="100%"><b>END</b><br /></td></tr></table>
<div class="admonitiontodo">
<p>
Admonitiontodo
</p>
</div>
</div>
<div id="outline-container-unnumbered-58" class="outline-3">
<h3 id="unnumbered-58">List of supported admonitions</h3>
<div class="outline-text-3" id="text-unnumbered-58">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="left" />
<col class="right" />
<col class="right" />
<col class="right" />
<col class="right" />
<col class="right" />
<col class="right" />
<col class="right" />
<col class="right" />
</colgroup>
<thead>
<tr>
<th scope="col" class="right">Total</th>
<th scope="col" class="left">&#xa0;</th>
<th scope="col" class="right">rST</th>
<th scope="col" class="right">RTD</th>
<th scope="col" class="right">AsciiDoc</th>
<th scope="col" class="right">DocBook</th>
<th scope="col" class="right">MoinMoin (Modern)</th>
<th scope="col" class="right">DocOnce</th>
<th scope="col" class="right">Confluence</th>
<th scope="col" class="right">SuperCollider</th>
</tr>
</thead>
<tbody>
<tr>
<td class="right">6</td>
<td class="left">note</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">1</td>
<td class="right">1</td>
</tr>
<tr>
<td class="right">7</td>
<td class="left">warning</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
</tr>
<tr>
<td class="right">6</td>
<td class="left">tip</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="right">5</td>
<td class="left">important</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">5</td>
<td class="left">caution</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="right">2</td>
<td class="left">attention</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">2</td>
<td class="left">danger</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">2</td>
<td class="left">error</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">2</td>
<td class="left">hint</td>
<td class="right">1</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">#ERROR</td>
<td class="left">seealso</td>
<td class="right">&#xa0;</td>
<td class="right">?</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">#ERROR</td>
<td class="left">todo</td>
<td class="right">&#xa0;</td>
<td class="right">?</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">1</td>
<td class="left">notice</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">1</td>
<td class="left">question</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">1</td>
<td class="left">summary</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
</tr>
<tr>
<td class="right">1</td>
<td class="left">info</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">&#xa0;</td>
<td class="right">1</td>
<td class="right">&#xa0;</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-unnumbered-59" class="outline-3">
<h3 id="unnumbered-59">Note</h3>
<div class="outline-text-3" id="text-unnumbered-59">
<p>
A note box is displayed as follows:
</p>
<div class="note">
<p>
This is a useful note.
</p>
</div>
<div class="seealso">
<dl class="org-dl">
<dt><a href="http://en.wikipedia.org/wiki/Apple">Apples</a></dt><dd>A kind of <a href="http://en.wikipedia.org/wiki/Fruit">fruit</a>.</dd>
</dl>
</div>
</div>
</div>
<div id="outline-container-unnumbered-60" class="outline-3">
<h3 id="unnumbered-60">Warning</h3>
<div class="outline-text-3" id="text-unnumbered-60">
<p>
A warning box is displayed as follows:
</p>
<div class="warning">
<p>
Be careful! Check that you have&#x2026;
</p>
</div>
<div class="caution">
<p>
Caution
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-61" class="outline-3">
<h3 id="unnumbered-61">Tip</h3>
<div class="outline-text-3" id="text-unnumbered-61">
<p>
A tip box is displayed as follows:
</p>
<div class="tip">
<p>
Try doing it this way&#x2026;
</p>
</div>
<div class="important">
<p>
Important
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-62" class="outline-3">
<h3 id="unnumbered-62">Error</h3>
<div class="outline-text-3" id="text-unnumbered-62">
<div class="error">
<p>
Error
</p>
</div>
</div>
</div>
</div>
<div id="outline-container-unnumbered-63" class="outline-2">
<h2 id="unnumbered-63">Centered text</h2>
<div class="outline-text-2" id="text-unnumbered-63">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_left</span>
This text is \\
aligned to the left!
<span class="org-org-block-end-line">#+end_left</span>
<span class="org-org-block-begin-line">#+begin_center</span>
This text is \\
centered!
<span class="org-org-block-end-line">#+end_center</span>
<span class="org-org-block-begin-line">#+begin_right</span>
This text is \\
aligned to the right!
<span class="org-org-block-end-line">#+end_right</span>
</pre>
</div>
<div class="left">
<p>
This text is <br />
aligned to the left!
</p>
</div>
<div class="center">
<p>
This text is <br />
centered!
</p>
</div>
<div class="right">
<p>
This text is <br />
aligned to the right!
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-64" class="outline-2">
<h2 id="unnumbered-64">Sidebar</h2>
<div class="outline-text-2" id="text-unnumbered-64">
<div class="org-src-container">
<pre class="src src-org">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.
<span class="org-org-block-begin-line">#+begin_sidebar</span>
Org mode was first released by Carsten Dominik in 2004 as an outlining and
project planning tool. Further development turned it into a general tool that
can be used to author professional documents like LaTeX.
<span class="org-org-block-end-line">#+end_sidebar</span>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor
sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies
mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien
ullamcorper pharetra. Vestibulum erat wisi...
Phasellus ut libero. Nulla in libero non enim tristique sollicitudin. Ut
tempor. Phasellus pellentesque augue eget ante. Mauris malesuada. Donec sit
amet diam sit amet dolor placerat blandit. Morbi enim purus, imperdiet in,
molestie sit amet, pellentesque eu, mauris. In vel erat vel ipsum bibendum
commodo. Curabitur accumsan. Nam sed metus. Etiam tristique bibendum justo.
</pre>
</div>
<p>
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.
</p>
<div class="sidebar">
<p>
Org mode was first released by Carsten Dominik in 2004 as an outlining and
project planning tool. Further development turned it into a general tool that
can be used to author professional documents like LaTeX.
</p>
</div>
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor
sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies
mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien
ullamcorper pharetra. Vestibulum erat wisi&#x2026;
</p>
<p>
Phasellus ut libero. Nulla in libero non enim tristique sollicitudin. Ut
tempor. Phasellus pellentesque augue eget ante. Mauris malesuada. Donec sit
amet diam sit amet dolor placerat blandit. Morbi enim purus, imperdiet in,
molestie sit amet, pellentesque eu, mauris. In vel erat vel ipsum bibendum
commodo. Curabitur accumsan. Nam sed metus. Etiam tristique bibendum justo.
</p>
</div>
</div>
<div id="outline-container-unnumbered-65" class="outline-2">
<h2 id="unnumbered-65">Example</h2>
<div class="outline-text-2" id="text-unnumbered-65">
<p>
You can have <code>example</code> blocks.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-code">: 10/17/97 9:04 &lt;DIR&gt; bin</span>
<span class="org-org-code">: 10/16/97 14:11 &lt;DIR&gt; DOS</span>
<span class="org-org-code">: 10/16/97 14:46 &lt;DIR&gt; TEMP</span>
<span class="org-org-code">: 10/16/97 14:37 &lt;DIR&gt; WINNT</span>
<span class="org-org-code">: 10/16/97 14:25 119 AUTOEXEC.BAT</span>
<span class="org-org-code">: 2/13/94 6:21 54,619 COMMAND.COM</span>
</pre>
</div>
<pre class="example">
10/17/97 9:04 &lt;DIR&gt; bin
10/16/97 14:11 &lt;DIR&gt; DOS
10/16/97 14:46 &lt;DIR&gt; TEMP
10/16/97 14:37 &lt;DIR&gt; WINNT
10/16/97 14:25 119 AUTOEXEC.BAT
2/13/94 6:21 54,619 COMMAND.COM
</pre>
<p>
or
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_example</span>
<span class="org-org-block">10/17/97 9:04 &lt;DIR&gt; bin</span>
<span class="org-org-block">10/16/97 14:11 &lt;DIR&gt; DOS</span>
<span class="org-org-block">10/16/97 14:46 &lt;DIR&gt; TEMP</span>
<span class="org-org-block">10/16/97 14:37 &lt;DIR&gt; WINNT</span>
<span class="org-org-block">10/16/97 14:25 119 AUTOEXEC.BAT</span>
<span class="org-org-block"> 2/13/94 6:21 54,619 COMMAND.COM</span>
<span class="org-org-block-end-line">#+end_example</span>
</pre>
</div>
<pre class="example">
10/17/97 9:04 &lt;DIR&gt; bin
10/16/97 14:11 &lt;DIR&gt; DOS
10/16/97 14:46 &lt;DIR&gt; TEMP
10/16/97 14:37 &lt;DIR&gt; WINNT
10/16/97 14:25 119 AUTOEXEC.BAT
2/13/94 6:21 54,619 COMMAND.COM
</pre>
</div>
</div>
<div id="outline-container-unnumbered-66" class="outline-2">
<h2 id="unnumbered-66">Prose excerpts</h2>
<div class="outline-text-2" id="text-unnumbered-66">
</div><div id="outline-container-unnumbered-67" class="outline-3">
<h3 id="unnumbered-67">Quote</h3>
<div class="outline-text-3" id="text-unnumbered-67">
<p>
Use the <code>quote</code> block for content that <b>doesn&rsquo;t require the preservation of line
breaks</b>.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_quote</span>
<span class="org-org-quote">Let us change our traditional attitude to the construction of programs:</span>
<span class="org-org-quote">Instead of imagining that our main task is to instruct a computer what to do,</span>
<span class="org-org-quote">let us concentrate rather on explaining to human beings what we want a</span>
<span class="org-org-quote">computer to do.</span>
<span class="org-org-quote">The practitioner of literate programming can be regarded as an essayist, whose</span>
<span class="org-org-quote">main concern is with exposition and excellence of style. Such an author, with</span>
<span class="org-org-quote">thesaurus in hand, chooses the names of variables carefully and explains what</span>
<span class="org-org-quote">each variable means. He or she strives for a program that is comprehensible</span>
<span class="org-org-quote">because its concepts have been introduced in an order that is best for human</span>
<span class="org-org-quote">understanding, using a mixture of formal and informal methods that reinforce</span>
<span class="org-org-quote">each other.</span>
<span class="org-org-quote">-- Donald Knuth</span>
<span class="org-org-block-end-line">#+end_quote</span>
</pre>
</div>
<blockquote>
<p>
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.
</p>
<p>
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.
</p>
<p>
&#x2013; Donald Knuth
</p>
</blockquote>
<p>
A short one:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_quote</span>
<span class="org-org-quote">Everything should be made as simple as possible,</span>
<span class="org-org-quote">but not any simpler. -- Albert Einstein</span>
<span class="org-org-block-end-line">#+end_quote</span>
</pre>
</div>
<blockquote>
<p>
Everything should be made as simple as possible,
but not any simpler. &#x2013; Albert Einstein
</p>
</blockquote>
</div>
</div>
<div id="outline-container-unnumbered-68" class="outline-3">
<h3 id="unnumbered-68">Verse</h3>
<div class="outline-text-3" id="text-unnumbered-68">
<p>
In a <code>verse</code> environment, there is an <b>implicit line break at the end of each line</b>,
and <b>indentation</b> is preserved:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_verse</span>
<span class="org-org-verse">Everything should be made as simple as possible,</span>
<span class="org-org-verse">but not any simpler. -- Albert Einstein</span>
<span class="org-org-block-end-line">#+end_verse</span>
</pre>
</div>
<p class="verse">
Everything should be made as simple as possible,<br />
but not any simpler. &#x2013; Albert Einstein<br />
</p>
<p>
Typically used for quoting passages of an email message:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_verse</span>
<span class="org-org-verse">&gt;&gt; The meeting has been postponed to next Friday.</span>
<span class="org-org-verse">&gt;</span>
<span class="org-org-verse">&gt; Has the deadline for the report been moved too?</span>
<span class="org-org-verse">Yes. And chekout <a href="http://www.doodle.com/">http://www.doodle.com/</a> for rescheduling the meeting.</span>
<span class="org-org-verse">In the text body,</span>
<span class="org-org-verse"> indentation is</span>
<span class="org-org-verse">preserved.</span>
<span class="org-org-block-end-line">#+end_verse</span>
</pre>
</div>
<p class="verse">
&gt;&gt; The meeting has been postponed to next Friday.<br />
&gt;<br />
&gt; Has the deadline for the report been moved too?<br />
<br />
Yes. And chekout <a href="http://www.doodle.com/">http://www.doodle.com/</a> for rescheduling the meeting.<br />
<br />
In the text body,<br />
&#xa0;&#xa0;&#xa0;indentation is<br />
preserved.<br />
</p>
</div>
</div>
<div id="outline-container-unnumbered-69" class="outline-3">
<h3 id="unnumbered-69">Block quote with optional attribution line</h3>
<div class="outline-text-3" id="text-unnumbered-69">
<div class="epigraph">
<p>
epigraph
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-70" class="outline-3">
<h3 id="unnumbered-70">Block quotes with their own class attribute</h3>
<div class="outline-text-3" id="text-unnumbered-70">
<div class="highlights">
<p>
highlights
</p>
</div>
<div class="pull-quote">
<p>
pull-quote
</p>
</div>
<div class="blockquote">
<p>
Blockquote
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-71" class="outline-3">
<h3 id="unnumbered-71">Non-breaking space</h3>
<div class="outline-text-3" id="text-unnumbered-71">
<p>
Insert the Unicode character <code>00A0</code> to add a non-breaking space.
</p>
<p>
FIXME Or add/use an Org entity? Or use tilde?
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-72" class="outline-2">
<h2 id="unnumbered-72">Comments</h2>
<div class="outline-text-2" id="text-unnumbered-72">
<div class="org-src-container">
<pre class="src src-org">It's possible to add comments in the document.
<span class="org-comment"># This Org comment here won't be displayed.</span>
</pre>
</div>
<p>
It&rsquo;s possible to add comments in the document.
</p>
</div>
</div>
<div id="outline-container-unnumbered-73" class="outline-2">
<h2 id="unnumbered-73">Substitutions</h2>
<div class="outline-text-2" id="text-unnumbered-73">
</div><div id="outline-container-unnumbered-74" class="outline-3">
<h3 id="unnumbered-74">General replacements</h3>
<div class="outline-text-3" id="text-unnumbered-74">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+MACRO: longtext this very very long text</span>
Insert <span class="org-org-macro">longtext</span> wherever required.
</pre>
</div>
<p>
Insert this very very long text wherever required.
</p>
</div>
</div>
<div id="outline-container-unnumbered-75" class="outline-3">
<h3 id="unnumbered-75">Styled references</h3>
<div class="outline-text-3" id="text-unnumbered-75">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+MACRO: color @@html:&lt;span style="color: $1"&gt;$2&lt;/span&gt;@@</span>
<span class="org-org-macro">color(blue, This text is colored in blue.)</span>
<span class="org-org-macro">color(red, This other text is in red.)</span>
</pre>
</div>
<p>
<span style="color: blue"> This text is colored in blue.</span>
</p>
<p>
<span style="color: red"> This other text is in red.</span>
</p>
<p>
Find more macros on <a href="https://github.com/fniessen/org-macros">GitHub</a>.
</p>
</div>
</div>
<div id="outline-container-unnumbered-76" class="outline-3">
<h3 id="unnumbered-76">Special characters</h3>
<div class="outline-text-3" id="text-unnumbered-76">
<p>
We also use substitutions to include some of the widely used Unicode characters
(like ©, converted from text characters to its typographically correct entity).
</p>
</div>
<div id="outline-container-unnumbered-77" class="outline-4">
<h4 id="unnumbered-77">Accents</h4>
<div class="outline-text-4" id="text-unnumbered-77">
<div class="org-src-container">
<pre class="src src-org">- <span class="org-org-latex-and-related">\Agrave \Aacute</span>
</pre>
</div>
<ul class="org-ul">
<li>&Agrave; &Aacute;</li>
</ul>
</div>
</div>
<div id="outline-container-unnumbered-78" class="outline-4">
<h4 id="unnumbered-78">Punctuation</h4>
<div class="outline-text-4" id="text-unnumbered-78">
<div class="org-src-container">
<pre class="src src-org">- Dash: <span class="org-org-latex-and-related">\ndash \mdash</span>
- Marks: <span class="org-org-latex-and-related">\iexcl \iquest</span>
- Quotations: <span class="org-org-latex-and-related">\laquo \raquo</span>
- Miscellaneous: <span class="org-org-latex-and-related">\para \ordf</span>
</pre>
</div>
<ul class="org-ul">
<li>Dash: &ndash; &mdash;</li>
<li>Marks: &iexcl; &iquest;</li>
<li>Quotations: &laquo; &raquo;</li>
<li>Miscellaneous: &para; &ordf;</li>
</ul>
</div>
</div>
<div id="outline-container-unnumbered-79" class="outline-4">
<h4 id="unnumbered-79">Commercial symbols</h4>
<div class="outline-text-4" id="text-unnumbered-79">
<div class="org-src-container">
<pre class="src src-org">- Property marks: <span class="org-org-latex-and-related">\copy \reg</span>
- Currency: <span class="org-org-latex-and-related">\cent \EUR \yen \pound</span>
</pre>
</div>
<ul class="org-ul">
<li>Property marks: &copy; &reg;</li>
<li>Currency: &cent; &euro; &yen; &pound;</li>
</ul>
</div>
</div>
<div id="outline-container-unnumbered-80" class="outline-4">
<h4 id="unnumbered-80">Greek characters</h4>
<div class="outline-text-4" id="text-unnumbered-80">
<div class="org-src-container">
<pre class="src src-org">The Greek letters <span class="org-org-latex-and-related">\alpha,</span> <span class="org-org-latex-and-related">\beta,</span> and <span class="org-org-latex-and-related">\gamma </span>are used to denote angles.
</pre>
</div>
<p>
The Greek letters &alpha;, &beta;, and &gamma; are used to denote angles.
</p>
</div>
</div>
<div id="outline-container-unnumbered-81" class="outline-4">
<h4 id="unnumbered-81">Math characters</h4>
<div class="outline-text-4" id="text-unnumbered-81">
<div class="org-src-container">
<pre class="src src-org">- Science: <span class="org-org-latex-and-related">\pm \div</span>
- Arrows: <span class="org-org-latex-and-related">\to \rarr \larr \harr \rArr \lArr \hArr</span>
- Function names: <span class="org-org-latex-and-related">\arccos \cos</span>
- Signs and symbols: <span class="org-org-latex-and-related">\bull \star</span>
</pre>
</div>
<ul class="org-ul">
<li>Science: &plusmn; &divide;</li>
<li>Arrows: &rarr; &rarr; &larr; &harr; &rArr; &lArr; &hArr;</li>
<li>Function names: arccos cos</li>
<li>Signs and symbols: &bull; *</li>
</ul>
</div>
</div>
<div id="outline-container-unnumbered-82" class="outline-4">
<h4 id="unnumbered-82">Misc</h4>
<div class="outline-text-4" id="text-unnumbered-82">
<div class="org-src-container">
<pre class="src src-org"><span class="org-comment"># Smilies: \smiley \sad</span>
- Suits: <span class="org-org-latex-and-related">\clubs \spades</span>
</pre>
</div>
<ul class="org-ul">
<li>Suits: &clubs; &spades;</li>
</ul>
</div>
</div>
</div>
</div>
<div id="outline-container-unnumbered-83" class="outline-2">
<h2 id="unnumbered-83">Source code</h2>
<div class="outline-text-2" id="text-unnumbered-83">
</div><div id="outline-container-unnumbered-84" class="outline-3">
<h3 id="unnumbered-84">Inline code</h3>
<div class="outline-text-3" id="text-unnumbered-84">
<div class="org-src-container">
<pre class="src src-org">Reference code like <span class="org-org-code">variables</span> or <span class="org-org-code">functions</span> inline.
</pre>
</div>
<p>
Reference code like <code>variables</code> or <code>functions</code> inline.
</p>
<p>
You can also evaluate code inline as follows: 1 + 1 is <code class="src src-R"><span class="org-ess-numbers">1</span> <span class="org-constant">+</span> <span class="org-ess-numbers">1</span>
</code> <code>2</code>.
</p>
</div>
</div>
<div id="outline-container-unnumbered-85" class="outline-3">
<h3 id="unnumbered-85">Code blocks (with syntax highlighting)</h3>
<div class="outline-text-3" id="text-unnumbered-85">
<p>
The source code blocks support syntax highlighting:
</p>
<div class="org-src-container">
<pre class="src src-cpp"><span class="org-comment-delimiter">/*</span>
<span class="org-comment"> * Application that displays a "Hello" message to the standard output.</span>
<span class="org-comment"> */</span>
<span class="org-type">int</span> <span class="org-function-name">main</span>(<span class="org-type">int</span> <span class="org-variable-name">arc</span>, <span class="org-type">char</span> **<span class="org-variable-name">argv</span>)
{
printf(<span class="org-string">"Hello, %s!\n"</span>, (argc&gt;1) ? argv[1] : <span class="org-string">"World"</span>);
<span class="org-keyword">return</span> 0;
}
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-86" class="outline-3">
<h3 id="unnumbered-86">Source mode</h3>
<div class="outline-text-3" id="text-unnumbered-86">
<p>
The following language strings are currently recognized:
</p>
<p>
Awk, C, R, Asymptote, Calc, Clojure, CSS, Ditaa, Dot, Emacs Lisp, Forth, 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.
</p>
</div>
</div>
<div id="outline-container-unnumbered-87" class="outline-3">
<h3 id="unnumbered-87">Line break</h3>
<div class="outline-text-3" id="text-unnumbered-87">
<p>
Code block with long lines:
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp">testing testing testing testing testing testing testing testing testing testing
0 1 2 3 4 5 6 7 8 9
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456
</pre>
</div>
<p>
For PDF (LaTeX), one solution is to surround the code block such as:
</p>
<div class="org-src-container">
<pre class="src src-R"><span class="org-ess-function-call">print</span><span class="org-builtin">(</span><span class="org-string">"This block is in scriptsize"</span><span class="org-builtin">)</span>
</pre>
</div>
<pre class="example">
This block is in scriptsize
</pre>
</div>
</div>
<div id="outline-container-unnumbered-88" class="outline-3">
<h3 id="unnumbered-88">Line numbers</h3>
<div class="outline-text-3" id="text-unnumbered-88">
<p>
Both in <code>example</code> and in <code>src</code> snippets, you can add a <code>-n</code> switch to the end of the
<code>begin</code> line, to get the lines of the example numbered.
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp"><span class="linenr">1: </span>(<span class="org-keyword">defun</span> <span class="org-function-name">org-xor</span> (a b)
<span class="linenr">2: </span> <span class="org-doc">"Exclusive or."</span>
</pre>
</div>
<p>
If you use a <code>+n</code> switch, the numbering from the previous numbered snippet will
be continued in the current one:
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp"><span class="linenr">3: </span> (<span class="org-keyword">if</span> a (not b) b))
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-89" class="outline-3">
<h3 id="unnumbered-89">Callouts</h3>
<div class="outline-text-3" id="text-unnumbered-89">
<p>
In literal examples, Org will interpret strings like <code>(ref:name)</code> as labels, and
use them as targets for special hyperlinks like <code>[[(name)]]</code> (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.
</p>
<p>
You can also add a <code>-r</code> switch which removes the labels from the source code.
With the <code>-n</code> 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:
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp"><span id="coderef-sc" class="coderef-off"><span class="linenr">1: </span>(<span class="org-keyword">save-excursion</span> <span class="org-comment-delimiter">;</span></span>
<span id="coderef-jump" class="coderef-off"><span class="linenr">2: </span> (goto-char (point-min))) <span class="org-comment-delimiter">;</span></span>
</pre>
</div>
<p>
In line <a href="#coderef-sc"class="coderef" onmouseover="CodeHighlightOn(this, 'coderef-sc');" onmouseout="CodeHighlightOff(this, 'coderef-sc');">1</a>, we remember the current position. <a href="#coderef-jump"class="coderef" onmouseover="CodeHighlightOn(this, 'coderef-jump');" onmouseout="CodeHighlightOff(this, 'coderef-jump');">Line 2</a> jumps to
<code>point-min</code>.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-90" class="outline-2">
<h2 id="unnumbered-90">Math</h2>
<div class="outline-text-2" id="text-unnumbered-90">
<p>
You can embed LaTeX math formatting in Org mode files.
</p>
</div>
<div id="outline-container-unnumbered-91" class="outline-3">
<h3 id="unnumbered-91">Inline math expressions</h3>
<div class="outline-text-3" id="text-unnumbered-91">
<p>
For <b>inline math</b> expressions, use <code>\(...\)</code>:
</p>
<div class="org-src-container">
<pre class="src src-org">The formula <span class="org-org-latex-and-related">\(a^2 + b^2 = c^2\)</span> has been discovered by Pythagoras.
Let <span class="org-org-latex-and-related">\(a=\sin(x) + \cos(x)\)</span>. Then <span class="org-org-latex-and-related">\(a^2 = 2\sin(x)\cos(x)\)</span> because <span class="org-org-latex-and-related">\(\sin^2x +</span>
<span class="org-org-latex-and-related">\cos^2x = 1\)</span>.
</pre>
</div>
<p>
The formula \(a^2 + b^2 = c^2\) has been discovered by Pythagoras.
</p>
<p>
Let \(a=\sin(x) + \cos(x)\). Then \(a^2 = 2\sin(x)\cos(x)\) because \(\sin^2x +
\cos^2x = 1\).
</p>
<div class="warning">
<p>
It&rsquo;s <i>not</i> advised to use the constructs <code>$...$</code> (both for Org and for MathJax).
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-92" class="outline-3">
<h3 id="unnumbered-92">Math expressions in display mode</h3>
<div class="outline-text-3" id="text-unnumbered-92">
<p>
For mathematical expressions which you want to make <b>stand out, centered on their
own lines</b>, use <code>\[...\]</code>:
</p>
<div class="org-src-container">
<pre class="src src-org">The <span class="org-italic">Euler theorem</span>:
<span class="org-org-latex-and-related">\[</span>
<span class="org-org-latex-and-related">\int_0^\infty e-x^2 dx = {{\sqrt{\pi}} \over {2}}</span>
<span class="org-org-latex-and-related">\]</span>
LaTeX allows to inline such <span class="org-org-code">\[...\]</span> constructs (<span class="org-italic">quadratic formula</span>):
<span class="org-org-latex-and-related">\[ \frac{-b \pm \sqrt{b^2 - 4 a c}}{2a} \]</span>
</pre>
</div>
<p>
The <i>Euler theorem</i>:
</p>
<p>
\[
\int_0^\infty e^{-x^2} dx = {{\sqrt{\pi}} \over {2}}
\]
</p>
<p>
LaTeX allows to inline such <code>\[...\]</code> constructs (<i>quadratic formula</i>):
\[ \frac{-b \pm \sqrt{b^2 - 4 a c}}{2a} \]
</p>
<div class="warning">
<p>
Double dollar signs (<code>$$</code>) should not be used.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-93" class="outline-3">
<h3 id="unnumbered-93">Equation numbers</h3>
<div class="outline-text-3" id="text-unnumbered-93">
<p>
Differently from <code>$...$</code> and <code>\(...\)</code>, an equation environment produces a <b>numbered</b>
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 (<code>$$</code>, &#x2026;).
</p>
<div class="org-src-container">
<pre class="src src-org">The <span class="org-italic">Pythagoras theorem</span>:
<span class="org-org-meta-line">#+name: pythag</span>
<span class="org-org-latex-and-related">\begin{equation}</span>
<span class="org-org-latex-and-related">a^2 + b^2 = c^2</span>
<span class="org-org-latex-and-related">\end{equation}</span>
See equation <span class="org-org-link"><a href="pythag">pythag</a></span>.
The <span class="org-italic">sinus theorem</span> can be written as the equation:
<span class="org-org-latex-and-related">\begin{equation}</span>
<span class="org-org-latex-and-related">\label{eqn:sinalpha}</span>
<span class="org-org-latex-and-related">\frac{\sin\alpha}{a}=\frac{\sin\beta}{b}</span>
<span class="org-org-latex-and-related">\end{equation}</span>
See equation <span class="org-org-link"><a href="eqn:sinalpha">eqn:sinalpha</a></span>.
</pre>
</div>
<p>
The <i>Pythagoras theorem</i>:
</p>
\begin{equation}
a^2 + b^2 = c^2
\end{equation}
<p>
See equation <a href="#pythag">1</a>.
</p>
<p>
The <i>sinus theorem</i> can be written as the equation:
</p>
\begin{equation}
\label{eqn:sinalpha}
\frac{\sin\alpha}{a}=\frac{\sin\beta}{b}
\end{equation}
<p>
See equation <i>eqn:sinalpha</i>.
</p>
<p>
Only captioned equations are numbered.
</p>
<p>
Other alternatives: use
</p>
<ul class="org-ul">
<li><code>\begin{equation*}</code> or</li>
<li><code>\begin{displaymath}</code> (= the verbose form of the <code>\[...\]</code> construct).</li>
</ul>
<p>
<code>M-q</code> does not fill those.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-94" class="outline-2">
<h2 id="unnumbered-94">Miscellaneous effects</h2>
<div class="outline-text-2" id="text-unnumbered-94">
</div><div id="outline-container-unnumbered-95" class="outline-3">
<h3 id="unnumbered-95">Include Org files</h3>
<div class="outline-text-3" id="text-unnumbered-95">
<p>
You can include another Org file and skip its title by using the <code>:lines</code> argument
to <code>#+INCLUDE</code>:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+INCLUDE: chapter1.org :lines "2-"</span>
</pre>
</div>
<div class="note">
<p>
File inclusion, through INCLUDE keywords, is an <b>export-only feature</b>.
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-96" class="outline-3">
<h3 id="unnumbered-96">Inline HTML</h3>
<div class="outline-text-3" id="text-unnumbered-96">
<p>
You can include raw HTML in your Org documents and it will get kept as HTML
when it&rsquo;s exported. XXX
</p>
<p>
Text can be preformatted (in a fixed-width font).
</p>
<p>
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.
</p>
<p>
Similarly, you can incorporate JS or do anything else you can do in a Web page
(such as importing a CSS file).
</p>
<p>
You can create named classes (to get style control from your CSS) with:
</p>
<pre class="example">
#+begin_note
*Note example* \\
Did you know...
#+end_note
</pre>
<p>
You can also add interactive elements to the HTML such as interactive R plots.
</p>
<p>
Finally, you can include an HTML file verbatim (during export) with:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+INCLUDE: file.html html</span>
</pre>
</div>
<p>
Don&rsquo;t edit the exported HTML file!
</p>
</div>
</div>
<div id="outline-container-unnumbered-97" class="outline-3">
<h3 id="unnumbered-97">Inline LaTeX</h3>
<div class="outline-text-3" id="text-unnumbered-97">
<p>
You can also use raw LaTeX. XXX
</p>
<p>
Text can be preformatted (in a fixed-width font).
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-98" class="outline-2">
<h2 id="unnumbered-98">Notes at the footer</h2>
<div class="outline-text-2" id="text-unnumbered-98">
<div class="org-src-container">
<pre class="src src-org">It is possible to define named footnotes<span class="org-org-footnote">[fn:myfootnote]</span>, or ones with automatic
anchors<span class="org-org-footnote">[fn:2]</span>.
</pre>
</div>
<p>
It is possible to define named footnotes<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup>, or ones with automatic
anchors<sup><a id="fnr.2" class="footref" href="#fn.2">2</a></sup>.
</p>
</div>
</div>
<div id="outline-container-unnumbered-99" class="outline-2">
<h2 id="unnumbered-99">Useful extensions</h2>
<div class="outline-text-2" id="text-unnumbered-99">
</div><div id="outline-container-unnumbered-100" class="outline-3">
<h3 id="unnumbered-100">Todo extension</h3>
<div class="outline-text-3" id="text-unnumbered-100">
</div><div id="outline-container-unnumbered-101" class="outline-4">
<h4 id="unnumbered-101">Dates</h4>
<div class="outline-text-4" id="text-unnumbered-101">
<p>
Timestamps: <span class="timestamp-wrapper"><span class="timestamp">[2014-01-16 Thu] </span></span> and <span class="timestamp-wrapper"><span class="timestamp">&lt;2014-01-16 Thu&gt;</span></span>.
</p>
</div>
</div>
<div id="outline-container-unnumbered-102" class="outline-4">
<h4 id="unnumbered-102"><span class="todo TODO">TODO</span> We need to achieve&#x2026;</h4>
</div>
<div id="outline-container-unnumbered-103" class="outline-4">
<h4 id="unnumbered-103"><span class="done DONE">DONE</span> <span class="priority">[A]</span> Buy GTD book&#xa0;&#xa0;&#xa0;<span class="tag"><span class="online">online</span></span></h4>
<div class="outline-text-4" id="text-unnumbered-103">
<p>
By default, <code>DONE</code> actions will be collapsed.
</p>
<p>
Note that I should probably implement that default behavior only for <code>ARCHIVE</code>&rsquo;d
items.
</p>
</div>
</div>
<div id="outline-container-unnumbered-104" class="outline-4">
<h4 id="unnumbered-104"><span class="todo TODO">TODO</span> <span class="priority">[A]</span> Read GTD book</h4>
<div class="outline-text-4" id="text-unnumbered-104">
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span> <span class="timestamp"><2014-09-11 Thu></span></span></p>
<p>
By default, <b>all</b> (active) entries will be expanded at page load, so that their
contents is visible.
</p>
<p>
That can be changed by adding such a line (into your Org document):
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+HTML_HEAD: &lt;script&gt; var HS_STARTUP_FOLDED = true; &lt;/script&gt;</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-105" class="outline-4 hsCollapsed">
<h4 id="unnumbered-105"><span class="todo TODO">TODO</span> <span class="priority">[B]</span> Apply GTD methodoloy</h4>
<div class="outline-text-4" id="text-unnumbered-105">
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">DEADLINE:</span> <span class="timestamp"><2014-12-01 Mon></span></span></p>
<p>
This section will be collapsed when loading the page because the entry has the
value <code>hsCollapsed</code> for the property <code>:HTML_CONTAINER_CLASS:</code>.
</p>
<p>
Powerful, no?
</p>
</div>
</div>
<div id="outline-container-unnumbered-106" class="outline-4">
<h4 id="unnumbered-106">Some note&#xa0;&#xa0;&#xa0;<span class="tag"><span class="computer">computer</span>&#xa0;<span class="write">write</span></span></h4>
<div class="outline-text-4" id="text-unnumbered-106">
<p>
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 &ldquo;Dashboard&rdquo;.
</p>
</div>
</div>
<div id="outline-container-unnumbered-107" class="outline-4">
<h4 id="unnumbered-107">Weekly review&#xa0;&#xa0;&#xa0;<span class="tag"><span class="computer">computer</span></span></h4>
<div class="outline-text-4" id="text-unnumbered-107">
<p>
Now, you can even make your weekly review in the HTML export&#x2026; Press the <code>r</code> key
to start entering the &ldquo;review mode&rdquo; where all but one active entry are
collapsed, so that you can really focus on one item at a time!
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-108" class="outline-3">
<h3 id="unnumbered-108">Bigblow extension</h3>
<div class="outline-text-3" id="text-unnumbered-108">
<p>
The string <code>fixme</code> (in <b>upper case</b>) gets replaced by a &ldquo;Fix Me!&rdquo; image:
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-leuven-highlight">FIXME</span> Delete this...
</pre>
</div>
<p>
FIXME Delete this&#x2026;
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-109" class="outline-2">
<h2 id="unnumbered-109">Graphs with Graphviz</h2>
<div class="outline-text-2" id="text-unnumbered-109">
<p>
To enable the Graphviz extension, we have to add it to the extensions list in
conf.py:
</p>
<p>
extensions = [&lsquo;sphinx.est.graphviz&rsquo;]
</p>
<p>
It uses directly the dot command to process DOT language.
</p>
</div>
<div id="outline-container-unnumbered-110" class="outline-3">
<h3 id="unnumbered-110">Undirected</h3>
<div class="outline-text-3" id="text-unnumbered-110">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-block-begin-line">#+begin_src dot :file graph.png :cmdline -Tpng</span>
graph <span class="org-function-name">foo</span> {
<span class="org-string">"bar"</span> -- <span class="org-string">"baz"</span>;
}
<span class="org-org-block-end-line">#+end_src</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-dot">graph <span class="org-function-name">foo</span> {
<span class="org-string">"bar"</span> -- <span class="org-string">"baz"</span>;
}
</pre>
</div>
<div class="figure">
<p><img src="graph.png" alt="graph.png" />
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-111" class="outline-3">
<h3 id="unnumbered-111">Directed</h3>
<div class="outline-text-3" id="text-unnumbered-111">
<div class="org-src-container">
<pre class="src src-dot">digraph <span class="org-function-name">foo</span> {
<span class="org-string">"bar"</span> -&gt; <span class="org-string">"baz"</span>;
}
</pre>
</div>
<div class="figure">
<p><img src="digraph.png" alt="digraph.png" />
</p>
</div>
</div>
</div>
</div>
<div id="outline-container-unnumbered-112" class="outline-2">
<h2 id="unnumbered-112">Graphs with R</h2>
<div class="outline-text-2" id="text-unnumbered-112">
<p>
The output from the <b>execution</b> of programs, scripts or commands can be inserted
in the document itself, allowing you to work in the <i>reproducible research</i>
mindset.
</p>
</div>
<div id="outline-container-unnumbered-113" class="outline-3">
<h3 id="unnumbered-113">Text</h3>
<div class="outline-text-3" id="text-unnumbered-113">
<p>
A one-liner result:
</p>
<div class="org-src-container">
<pre class="src src-shell">date +<span class="org-string">"%Y-%m-%d"</span>
</pre>
</div>
<pre class="example">
2015-03-04
</pre>
</div>
</div>
<div id="outline-container-unnumbered-114" class="outline-3">
<h3 id="unnumbered-114">Example</h3>
<div class="outline-text-3" id="text-unnumbered-114">
<p>
Data to be charted:
</p>
<table id="data" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="right" />
<col class="right" />
</colgroup>
<thead>
<tr>
<th scope="col" class="right">Month</th>
<th scope="col" class="right">Degrees</th>
</tr>
</thead>
<tbody>
<tr>
<td class="right">1</td>
<td class="right">3.8</td>
</tr>
<tr>
<td class="right">2</td>
<td class="right">4.1</td>
</tr>
<tr>
<td class="right">3</td>
<td class="right">6.3</td>
</tr>
<tr>
<td class="right">4</td>
<td class="right">9.0</td>
</tr>
<tr>
<td class="right">5</td>
<td class="right">11.9</td>
</tr>
<tr>
<td class="right">6</td>
<td class="right">15.1</td>
</tr>
<tr>
<td class="right">7</td>
<td class="right">17.1</td>
</tr>
<tr>
<td class="right">8</td>
<td class="right">17.4</td>
</tr>
<tr>
<td class="right">9</td>
<td class="right">15.7</td>
</tr>
<tr>
<td class="right">10</td>
<td class="right">11.8</td>
</tr>
<tr>
<td class="right">11</td>
<td class="right">7.7</td>
</tr>
<tr>
<td class="right">12</td>
<td class="right">4.8</td>
</tr>
</tbody>
</table>
<p>
Code:
</p>
<div class="org-src-container">
<pre class="src src-R" id="R-plot"><span class="org-ess-function-call">plot</span><span class="org-builtin">(</span>data, type<span class="org-constant">=</span><span class="org-string">"b"</span>, bty<span class="org-constant">=</span><span class="org-string">"l"</span>, col<span class="org-constant">=</span><span class="org-ess-function-call">c</span><span class="org-builtin">(</span><span class="org-string">"#ABD249"</span><span class="org-builtin">)</span>, las<span class="org-constant">=</span><span class="org-ess-numbers">1</span>, lwd<span class="org-constant">=</span><span class="org-ess-numbers">4</span><span class="org-builtin">)</span>
<span class="org-ess-function-call">grid</span><span class="org-builtin">(</span>nx<span class="org-constant">=</span><span class="org-type">NULL</span>, ny<span class="org-constant">=</span><span class="org-type">NULL</span>, col<span class="org-constant">=</span><span class="org-ess-function-call">c</span><span class="org-builtin">(</span><span class="org-string">"#E8E8E8"</span><span class="org-builtin">)</span>, lwd<span class="org-constant">=</span><span class="org-ess-numbers">1</span><span class="org-builtin">)</span>
<span class="org-ess-function-call">legend</span><span class="org-builtin">(</span><span class="org-string">"bottom"</span>, legend<span class="org-constant">=</span><span class="org-ess-function-call">c</span><span class="org-builtin">(</span><span class="org-string">"Degrees"</span><span class="org-builtin">)</span>, col<span class="org-constant">=</span><span class="org-ess-function-call">c</span><span class="org-builtin">(</span><span class="org-string">"#ABD249"</span><span class="org-builtin">)</span>, pch<span class="org-constant">=</span><span class="org-ess-function-call">c</span><span class="org-builtin">(</span><span class="org-ess-numbers">19</span><span class="org-builtin">))</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-unnumbered-115" class="outline-3">
<h3 id="unnumbered-115">Graph</h3>
<div class="outline-text-3" id="text-unnumbered-115">
<p>
The resulting chart:
</p>
<div class="figure">
<p><img src="Rplot.png" alt="Rplot.png" />
</p>
</div>
</div>
</div>
<div id="outline-container-unnumbered-116" class="outline-3">
<h3 id="unnumbered-116">R code block</h3>
<div class="outline-text-3" id="text-unnumbered-116">
<div class="org-src-container">
<pre class="src src-R"><span class="org-constant">library</span><span class="org-builtin">(</span>ggplot2<span class="org-builtin">)</span>
<span class="org-ess-function-call">summary</span><span class="org-builtin">(</span>cars<span class="org-builtin">)</span>
</pre>
</div>
<p>
Plot:
</p>
<div class="org-src-container">
<pre class="src src-R"><span class="org-constant">library</span><span class="org-builtin">(</span>ggplot2<span class="org-builtin">)</span>
<span class="org-ess-function-call">qplot</span><span class="org-builtin">(</span>speed, dist, data <span class="org-constant">=</span> cars<span class="org-builtin">)</span> <span class="org-constant">+</span> <span class="org-ess-function-call">geom_smooth</span><span class="org-builtin">()</span>
</pre>
</div>
</div>
</div>
</div>
<div id="outline-container-unnumbered-117" class="outline-2">
<h2 id="unnumbered-117">Index</h2>
</div>
<div id="outline-container-unnumbered-118" class="outline-2">
<h2 id="unnumbered-118">Glossary</h2>
</div>
<div id="outline-container-unnumbered-119" class="outline-2">
<h2 id="unnumbered-119">Bibliography</h2>
</div>
<div id="footnotes">
<h2 class="footnotes">Footnotes: </h2>
<div id="text-footnotes">
<div class="footdef"><sup><a id="fn.1" class="footnum" href="#fnr.1">1</a></sup> <p class="footpara">
Extensively used in large documents.
</p></div>
<div class="footdef"><sup><a id="fn.2" class="footnum" href="#fnr.2">2</a></sup> <p class="footpara">
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.
</p></div>
</div>
</div></div>
<div id="postamble" class="status">
<div id="footer"><div id="copyright">
Copyright &copy; Fabrice Niessen
</div></div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink