960 lines
34 KiB
HTML
960 lines
34 KiB
HTML
<?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>
|
||
<!-- 2020-11-27 ven. 16:53 -->
|
||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||
<title>Test File for the Org Mode Theme</title>
|
||
<meta name="generator" content="Org mode" />
|
||
<meta name="author" content="Dehaeze Thomas" />
|
||
<link rel="stylesheet" type="text/css" href="dist/style.css"/>
|
||
<script type="text/javascript" src="dist/script.js"></script>
|
||
<script>MathJax = {
|
||
tex: {
|
||
tags: 'ams',
|
||
macros: {bm: ["\\boldsymbol{#1}",1],}
|
||
}
|
||
};
|
||
</script>
|
||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||
</head>
|
||
<body>
|
||
<div id="org-div-home-and-up">
|
||
<a accesskey="h" href="../index.html"> UP </a>
|
||
|
|
||
<a accesskey="H" href="../index.html"> HOME </a>
|
||
</div><div id="content">
|
||
<h1 class="title">Test File for the Org Mode Theme
|
||
<br />
|
||
<span class="subtitle">Simple set of CSS and JS files</span>
|
||
</h1>
|
||
<div id="table-of-contents">
|
||
<h2>Table of Contents</h2>
|
||
<div id="text-table-of-contents">
|
||
<ul>
|
||
<li><a href="#org0fb41a7">1. Basics</a>
|
||
<ul>
|
||
<li><a href="#org757985c">1.1. Normal Markup</a></li>
|
||
<li><a href="#org59bc3e8">1.2. Links to Footnotes</a></li>
|
||
<li><a href="#orge836a98">1.3. Lists</a></li>
|
||
<li><a href="#orge42498f">1.4. Links</a></li>
|
||
<li><a href="#org759cc91">1.5. Maths</a></li>
|
||
<li><a href="#orgf3a6f40">1.6. Verse, Quote</a></li>
|
||
<li><a href="#org671a6c5">1.7. Aside</a></li>
|
||
<li><a href="#org9ebf07b">1.8. Inline Task</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#org60ae68b">2. Headlines</a>
|
||
<ul>
|
||
<li><a href="#orgaaccd55">2.1. Second level Headline with tags   <span class="tag"><span class="_home">@home</span> <span class="_work">@work</span></span></a>
|
||
<ul>
|
||
<li><a href="#org5fa8690">2.1.1. Third level Headline</a>
|
||
<ul>
|
||
<li><a href="#org1d54f82">2.1.1.1. Fourth level Headline</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#orge235fa7">2.1.2. Third level Headline</a>
|
||
<ul>
|
||
<li><a href="#orgbec374b">2.1.2.1. Fourth level Headline</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#orgc8348e8">2.2. <span class="todo TODO">TODO</span> Second level Headline with Schedule</a></li>
|
||
<li><a href="#orgaa404b0">2.3. <span class="priority">[B]</span> Second level Headline with a priority</a></li>
|
||
<li><a href="#org0999db0">2.4. <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</a></li>
|
||
<li><a href="#org200800c">2.5. <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</a>
|
||
<ul>
|
||
<li><a href="#org56a076d">2.5.1. <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#org65eb668">3. Blocks</a></li>
|
||
<li><a href="#orgc76188b">4. Source Blocks</a>
|
||
<ul>
|
||
<li><a href="#orgf3dc6a4">4.1. Figures</a></li>
|
||
<li><a href="#org298f84d">4.2. Table Result</a></li>
|
||
<li><a href="#org717b8d7">4.3. Inline Results</a></li>
|
||
<li><a href="#orgcda5674">4.4. Caption and Reference</a></li>
|
||
<li><a href="#orgd30dd1e">4.5. Source Blocks with Line Numbers</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#org08fe09b">5. Images</a></li>
|
||
<li><a href="#orgc5d0573">6. Tables</a></li>
|
||
<li><a href="#orgd185230">7. Details</a></li>
|
||
<li><a href="#org0b5c92f">8. Videos</a></li>
|
||
<li><a href="#org43c479e">9. Bibliography</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org0fb41a7" class="outline-2">
|
||
<h2 id="org0fb41a7"><span class="section-number-2">1</span> Basics</h2>
|
||
<div class="outline-text-2" id="text-1">
|
||
</div>
|
||
<div id="outline-container-org757985c" class="outline-3">
|
||
<h3 id="org757985c"><span class="section-number-3">1.1</span> Normal Markup</h3>
|
||
<div class="outline-text-3" id="text-1-1">
|
||
<p>
|
||
You can make words <b>bold</b>, <i>italic</i>, <span class="underline">underlined</span>, <code>verbatim</code> and <code>code</code>, and, if you must, <del>strike-through</del>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org59bc3e8" class="outline-3">
|
||
<h3 id="org59bc3e8"><span class="section-number-3">1.2</span> Links to Footnotes</h3>
|
||
<div class="outline-text-3" id="text-1-2">
|
||
<p>
|
||
A link to a footnote<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup> and to another footnote<sup><a id="fnr.2" class="footref" href="#fn.2">2</a></sup>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orge836a98" class="outline-3">
|
||
<h3 id="orge836a98"><span class="section-number-3">1.3</span> Lists</h3>
|
||
<div class="outline-text-3" id="text-1-3">
|
||
<p>
|
||
<b>Unordered List</b>:
|
||
</p>
|
||
<ul class="org-ul">
|
||
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||
<li>Nam aliquet euismod viverra.</li>
|
||
<li>Phasellus turpis nisi, faucibus a orci et, faucibus fermentum ligula.</li>
|
||
</ul>
|
||
|
||
<p>
|
||
<b>List with Tasks</b>:
|
||
</p>
|
||
<ul class="org-ul">
|
||
<li class="off"><code>[ ]</code> Task 1</li>
|
||
<li class="on"><code>[X]</code> Task 2</li>
|
||
<li class="trans"><code>[-]</code> Sub-tasks:
|
||
<ul class="org-ul">
|
||
<li class="off"><code>[ ]</code> Sub-task 1</li>
|
||
<li class="on"><code>[X]</code> Sub-task 2</li>
|
||
</ul></li>
|
||
</ul>
|
||
|
||
<p>
|
||
<b>Ordered List</b>:
|
||
</p>
|
||
<ol class="org-ol">
|
||
<li>In libero odio, imperdiet eget ex a, vulputate suscipit tellus.</li>
|
||
<li>Etiam sed leo ex.</li>
|
||
<li>Integer eu rutrum turpis.</li>
|
||
</ol>
|
||
|
||
|
||
<p>
|
||
<b>Nested Lists</b>:
|
||
</p>
|
||
<ul class="org-ul">
|
||
<li>Nulla facilisi.</li>
|
||
<li>Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus.
|
||
<ol class="org-ol">
|
||
<li>In libero odio, imperdiet eget ex a, vulputate suscipit tellus.</li>
|
||
<li>Etiam sed leo ex.
|
||
<ul class="org-ul">
|
||
<li>Nulla facilisi.</li>
|
||
<li>Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus.</li>
|
||
</ul></li>
|
||
<li>Integer eu rutrum turpis.</li>
|
||
</ol></li>
|
||
<li>Ut porta, quam id mattis feugiat, augue mauris bibendum sapien, a pulvinar mi lorem vitae nunc.
|
||
<ul class="org-ul">
|
||
<li>Integer eu rutrum turpis.
|
||
<ul class="org-ul">
|
||
<li>Sed pretium mattis nibh, vel lobortis augue semper vel.</li>
|
||
</ul></li>
|
||
</ul></li>
|
||
</ul>
|
||
|
||
<p>
|
||
<b>Definition List</b>:
|
||
</p>
|
||
<dl class="org-dl">
|
||
<dt>Lorem ipsum</dt><dd>dolor sit amet, consectetur adipiscing elit. Mauris laoreet
|
||
sollicitudin venenatis. Duis sed consequat dolor.</dd>
|
||
<dt>Etiam feugiat</dt><dd>pharetra sapien et semper. Nunc ornare lacus sit amet massa
|
||
auctor, vitae aliquam eros interdum. Mauris arcu ante, imperdiet vel purus
|
||
ac, bibendum faucibus diam. Ut blandit nec mi at ultricies. Donec eget
|
||
mattis nisl. In sed nibh felis. Cras quis convallis orci.</dd>
|
||
<dt>Sed aliquam</dt><dd>odio sed faucibus aliquam, arcu augue elementum justo, ut
|
||
vulputate ligula sem in augue. Maecenas ante felis, pellentesque auctor
|
||
semper non, eleifend quis ante. Fusce enim orci, suscipit ac dapibus et,
|
||
fermentum eu tortor. Duis in facilisis ante, quis faucibus dolor. Etiam
|
||
maximus lorem quis accumsan vehicula.</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orge42498f" class="outline-3">
|
||
<h3 id="orge42498f"><span class="section-number-3">1.4</span> Links</h3>
|
||
<div class="outline-text-3" id="text-1-4">
|
||
<p>
|
||
Here is a list of links to:
|
||
</p>
|
||
<ul class="org-ul">
|
||
<li>Figure <a href="#org427bc14">3</a></li>
|
||
<li>Table <a href="#org12b31e4">2</a></li>
|
||
<li>Listing <a href="#org73d1f2d">1</a></li>
|
||
<li>Specific <a href="#coderef-test" class="coderef" onmouseover="CodeHighlightOn(this, 'coderef-test');" onmouseout="CodeHighlightOff(this, 'coderef-test');">line of code</a></li>
|
||
<li>Equation \eqref{eq:numbered}</li>
|
||
<li>Section <a href="#orgd4cef46">2</a></li>
|
||
<li>Bibliographic Reference <a href="#citeproc_bib_item_1">[1]</a>, and <a href="#citeproc_bib_item_1">[1]</a>–<a href="#citeproc_bib_item_3">[3]</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org759cc91" class="outline-3">
|
||
<h3 id="org759cc91"><span class="section-number-3">1.5</span> Maths</h3>
|
||
<div class="outline-text-3" id="text-1-5">
|
||
<p>
|
||
Here is some inline mathematics: \(z = 2\).
|
||
</p>
|
||
|
||
<p>
|
||
Unumbered equation:
|
||
\[ F(x) = \int_0^x f(t) dt \]
|
||
</p>
|
||
|
||
<p>
|
||
Using the <code>equation</code> environment in Eq. \eqref{eq:numbered}.
|
||
</p>
|
||
\begin{equation}
|
||
F(s) = \int_0^\infty f(t) e^{-st} dt \label{eq:numbered}
|
||
\end{equation}
|
||
|
||
<p>
|
||
Using the <code>align</code> environment Equations \eqref{eq:align_1} and \eqref{eq:align_2}.
|
||
</p>
|
||
\begin{align}
|
||
\mathcal{F}(a) &= \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - a}\,dz \label{eq:align_1} \\
|
||
\int_D (\nabla\cdot \mathcal{F})\,dV &=\int_{\partial D}\mathcal{F}\cdot n\, dS \label{eq:align_2}
|
||
\end{align}
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgf3a6f40" class="outline-3">
|
||
<h3 id="orgf3a6f40"><span class="section-number-3">1.6</span> Verse, Quote</h3>
|
||
<div class="outline-text-3" id="text-1-6">
|
||
<p>
|
||
Below is a verse.
|
||
</p>
|
||
|
||
<p class="verse">
|
||
Great clouds overhead<br />
|
||
Tiny black birds rise and fall<br />
|
||
Snow covers Emacs<br />
|
||
<br />
|
||
   —AlexSchroeder<br />
|
||
</p>
|
||
|
||
<p>
|
||
Below is a quote.
|
||
</p>
|
||
|
||
<blockquote>
|
||
<p>
|
||
Nobody ever figures out what life is all about, and it doesn’t matter.
|
||
Explore the world.
|
||
Nearly everything is really interesting if you go into it deeply enough.
|
||
</p>
|
||
|
||
<p>
|
||
—Richard P. Feynman
|
||
</p>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org671a6c5" class="outline-3">
|
||
<h3 id="org671a6c5"><span class="section-number-3">1.7</span> Aside</h3>
|
||
<div class="outline-text-3" id="text-1-7">
|
||
<p>
|
||
An aside block can be used as shown below.
|
||
</p>
|
||
|
||
<div class="aside" id="orga3fb002">
|
||
<p>
|
||
This is a note about the text using the <code>aside</code> environment.
|
||
This can be as long as wanted
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<p>
|
||
Cras elementum ex vel orci congue porttitor. Vestibulum scelerisque gravida mattis. Suspendisse sit amet volutpat felis. Cras luctus porta lectus eget scelerisque. Cras blandit purus vel odio malesuada pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi eget aliquet sapien. Nunc eu elit in ligula aliquam congue dapibus eu massa. Sed accumsan hendrerit viverra. Quisque purus enim, tristique vitae porttitor eu, feugiat non ligula. Duis vitae ipsum vel quam ultricies ornare quis vitae quam. Vivamus commodo mauris non ex rutrum, sagittis facilisis metus tincidunt. Etiam vel nibh sit amet lorem auctor volutpat vel quis nulla. Quisque nec pharetra justo.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org9ebf07b" class="outline-3">
|
||
<h3 id="org9ebf07b"><span class="section-number-3">1.8</span> Inline Task</h3>
|
||
<div class="outline-text-3" id="text-1-8">
|
||
<p>
|
||
Some text.
|
||
</p>
|
||
|
||
<div class="inlinetask">
|
||
<b><span class="todo TODO">TODO</span> <span class="priority">[C]</span> This is an inline task</b><br />
|
||
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span> <span class="timestamp"><2020-11-26 jeu.></span></span></p>
|
||
</div>
|
||
|
||
<p>
|
||
Some text.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org60ae68b" class="outline-2">
|
||
<h2 id="org60ae68b"><span class="section-number-2">2</span> Headlines</h2>
|
||
<div class="outline-text-2" id="text-2">
|
||
<p>
|
||
<a id="orgd4cef46"></a>
|
||
</p>
|
||
</div>
|
||
|
||
<div id="outline-container-orgaaccd55" class="outline-3">
|
||
<h3 id="orgaaccd55"><span class="section-number-3">2.1</span> Second level Headline with tags   <span class="tag"><span class="_home">@home</span> <span class="_work">@work</span></span></h3>
|
||
<div class="outline-text-3" id="text-2-1">
|
||
</div>
|
||
<div id="outline-container-org5fa8690" class="outline-4">
|
||
<h4 id="org5fa8690"><span class="section-number-4">2.1.1</span> Third level Headline</h4>
|
||
<div class="outline-text-4" id="text-2-1-1">
|
||
</div>
|
||
<div id="outline-container-org1d54f82" class="outline-5">
|
||
<h5 id="org1d54f82"><span class="section-number-5">2.1.1.1</span> Fourth level Headline</h5>
|
||
<div class="outline-text-5" id="text-2-1-1-1">
|
||
<p>
|
||
Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo. Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orge235fa7" class="outline-4">
|
||
<h4 id="orge235fa7"><span class="section-number-4">2.1.2</span> Third level Headline</h4>
|
||
<div class="outline-text-4" id="text-2-1-2">
|
||
</div>
|
||
<div id="outline-container-orgbec374b" class="outline-5">
|
||
<h5 id="orgbec374b"><span class="section-number-5">2.1.2.1</span> Fourth level Headline</h5>
|
||
<div class="outline-text-5" id="text-2-1-2-1">
|
||
<p>
|
||
Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo. Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgc8348e8" class="outline-3">
|
||
<h3 id="orgc8348e8"><span class="section-number-3">2.2</span> <span class="todo TODO">TODO</span> Second level Headline with Schedule</h3>
|
||
<div class="outline-text-3" id="text-2-2">
|
||
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span> <span class="timestamp"><2020-11-26 jeu.></span></span></p>
|
||
|
||
<p>
|
||
Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo. Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgaa404b0" class="outline-3">
|
||
<h3 id="orgaa404b0"><span class="section-number-3">2.3</span> <span class="priority">[B]</span> Second level Headline with a priority</h3>
|
||
<div class="outline-text-3" id="text-2-3">
|
||
<p>
|
||
Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org0999db0" class="outline-3">
|
||
<h3 id="org0999db0"><span class="section-number-3">2.4</span> <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</h3>
|
||
<div class="outline-text-3" id="text-2-4">
|
||
<p>
|
||
Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org200800c" class="outline-3">
|
||
<h3 id="org200800c"><span class="section-number-3">2.5</span> <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</h3>
|
||
<div class="outline-text-3" id="text-2-5">
|
||
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">CLOSED:</span> <span class="timestamp">[2020-11-26 jeu. 18:53]</span></span></p>
|
||
<p>
|
||
Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
|
||
</p>
|
||
</div>
|
||
|
||
<div id="outline-container-org56a076d" class="outline-4">
|
||
<h4 id="org56a076d"><span class="section-number-4">2.5.1</span> <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</h4>
|
||
<div class="outline-text-4" id="text-2-5-1">
|
||
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">CLOSED:</span> <span class="timestamp">[2020-11-26 jeu. 18:53]</span></span></p>
|
||
<p>
|
||
Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org65eb668" class="outline-2">
|
||
<h2 id="org65eb668"><span class="section-number-2">3</span> Blocks</h2>
|
||
<div class="outline-text-2" id="text-3">
|
||
<div class="seealso" id="orga352b7d">
|
||
<p>
|
||
<code>seealso</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="hint" id="orgc01274f">
|
||
<p>
|
||
<code>hint</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="definition" id="org93a009b">
|
||
<p>
|
||
<code>definition</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="important" id="orgf4780a8">
|
||
<p>
|
||
<code>important</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="exampl" id="orgecf5f07">
|
||
<p>
|
||
<code>exampl</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="exercice" id="org4c59e12">
|
||
<p>
|
||
<code>exercice</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="question" id="orgaea97f8">
|
||
<p>
|
||
<code>question</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="answer" id="orgebe265b">
|
||
<p>
|
||
<code>answer</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="summary" id="orgc123a14">
|
||
<p>
|
||
<code>summary</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="caution" id="orgb0b95e7">
|
||
<p>
|
||
<code>caution</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="warning" id="org87aa04a">
|
||
<p>
|
||
<code>warning</code> block.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgc76188b" class="outline-2">
|
||
<h2 id="orgc76188b"><span class="section-number-2">4</span> Source Blocks</h2>
|
||
<div class="outline-text-2" id="text-4">
|
||
</div>
|
||
<div id="outline-container-orgf3dc6a4" class="outline-3">
|
||
<h3 id="orgf3dc6a4"><span class="section-number-3">4.1</span> Figures</h3>
|
||
<div class="outline-text-3" id="text-4-1">
|
||
<div class="org-src-container">
|
||
<pre class="src src-matlab">t = 0<span class="org-type">:</span>0.01<span class="org-type">:</span>5; <span class="org-comment">% Time [s]</span>
|
||
x = sin(2<span class="org-type">*</span><span class="org-constant">pi</span><span class="org-type">*</span>t); <span class="org-comment">% Output Voltage [V]</span>
|
||
</pre>
|
||
</div>
|
||
|
||
<div class="org-src-container">
|
||
<pre class="src src-matlab"><span class="org-type">figure</span>;
|
||
plot(t, x);
|
||
xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-string">'Voltage [V]'</span>);
|
||
</pre>
|
||
</div>
|
||
|
||
|
||
<div id="orge92eb8f" class="figure">
|
||
<p><img src="figs/matlab_fig_example.png" alt="matlab_fig_example.png" />
|
||
</p>
|
||
<p><span class="figure-number">Figure 1: </span>Matlab Figure</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org298f84d" class="outline-3">
|
||
<h3 id="org298f84d"><span class="section-number-3">4.2</span> Table Result</h3>
|
||
<div class="outline-text-3" id="text-4-2">
|
||
<div class="org-src-container">
|
||
<pre class="src src-matlab">x = 1<span class="org-type">:</span>10;
|
||
y = x<span class="org-type">.^</span>2;
|
||
</pre>
|
||
</div>
|
||
|
||
<table id="orgad9db72" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
|
||
<caption class="t-above"><span class="table-number">Table 1:</span> Table caption</caption>
|
||
|
||
<colgroup>
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th scope="col" class="org-right">\(x\)</th>
|
||
<th scope="col" class="org-right">\(y = x^2\)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">2</td>
|
||
<td class="org-right">4</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">3</td>
|
||
<td class="org-right">9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">4</td>
|
||
<td class="org-right">16</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">5</td>
|
||
<td class="org-right">25</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">6</td>
|
||
<td class="org-right">36</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">7</td>
|
||
<td class="org-right">49</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">8</td>
|
||
<td class="org-right">64</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">9</td>
|
||
<td class="org-right">81</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">10</td>
|
||
<td class="org-right">100</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org717b8d7" class="outline-3">
|
||
<h3 id="org717b8d7"><span class="section-number-3">4.3</span> Inline Results</h3>
|
||
<div class="outline-text-3" id="text-4-3">
|
||
<p>
|
||
Results can be automatically outputed as shown below.
|
||
</p>
|
||
|
||
<div class="org-src-container">
|
||
<pre class="src src-matlab">sqrt(2)
|
||
</pre>
|
||
</div>
|
||
|
||
<pre class="example">
|
||
1.4142
|
||
</pre>
|
||
|
||
|
||
|
||
<div class="org-src-container">
|
||
<pre class="src src-matlab">y
|
||
</pre>
|
||
</div>
|
||
|
||
<pre class="example">
|
||
y =
|
||
1 4 9 16 25 36 49 64 81 100
|
||
</pre>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgcda5674" class="outline-3">
|
||
<h3 id="orgcda5674"><span class="section-number-3">4.4</span> Caption and Reference</h3>
|
||
<div class="outline-text-3" id="text-4-4">
|
||
<p>
|
||
Captions can be added to code blocks.
|
||
Moreover, we can link to specific bode blocks (Listing <a href="#org73d1f2d">1</a> or <a href="#org320bda6">2</a>).
|
||
</p>
|
||
|
||
<div class="org-src-container">
|
||
<label class="org-src-name"><span class="listing-number">Listing 1: </span>Code to produce a nice contour plot</label><pre class="src src-matlab" id="org73d1f2d"><span class="org-type">figure</span>;
|
||
[X,Y,Z] = peaks;
|
||
contour(X,Y,Z,20)
|
||
</pre>
|
||
</div>
|
||
|
||
|
||
<div id="org5a17bea" class="figure">
|
||
<p><img src="figs/matlab_logo.png" alt="matlab_logo.png" />
|
||
</p>
|
||
<p><span class="figure-number">Figure 2: </span>Obtained Contour Plot</p>
|
||
</div>
|
||
|
||
<div class="org-src-container">
|
||
<label class="org-src-name"><span class="listing-number">Listing 2: </span>Code to compute the Singular Value Decomposition</label><pre class="src src-matlab" id="org320bda6">A = [1 2; 3 4; 5 6; 7 8]
|
||
[U,S,V] = svd(A)
|
||
</pre>
|
||
</div>
|
||
|
||
<pre class="example" id="org75dd625">
|
||
A = [1 2; 3 4; 5 6; 7 8]
|
||
A =
|
||
1 2
|
||
3 4
|
||
5 6
|
||
7 8
|
||
[U,S,V] = svd(A)
|
||
U =
|
||
-0.152483233310201 -0.82264747222566 -0.394501022283829 -0.379959133877596
|
||
-0.349918371807964 -0.42137528768458 0.242796545704357 0.800655879510063
|
||
-0.547353510305727 -0.0201031031435029 0.697909975442776 -0.461434357387336
|
||
-0.74478864880349 0.381169081397575 -0.546205498863303 0.0407376117548695
|
||
S =
|
||
14.2690954992615 0
|
||
0 0.626828232417541
|
||
0 0
|
||
0 0
|
||
V =
|
||
-0.641423027995072 0.767187395072177
|
||
-0.767187395072177 -0.641423027995072
|
||
</pre>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgd30dd1e" class="outline-3">
|
||
<h3 id="orgd30dd1e"><span class="section-number-3">4.5</span> Source Blocks with Line Numbers</h3>
|
||
<div class="outline-text-3" id="text-4-5">
|
||
<p>
|
||
The Listing <a href="#org59c9359">3</a> has line numbers as the <code>-n</code> option was used.
|
||
</p>
|
||
|
||
<p>
|
||
Specific lines of codes can be referenced.
|
||
For instance, the code used to specify the wanted the vertical label is on line <a href="#coderef-test" class="coderef" onmouseover="CodeHighlightOn(this, 'coderef-test');" onmouseout="CodeHighlightOff(this, 'coderef-test');">4</a>.
|
||
</p>
|
||
|
||
<div class="org-src-container">
|
||
<label class="org-src-name"><span class="listing-number">Listing 3: </span>Specify Labels</label><pre class="src src-matlab" id="org59c9359"><span class="linenr">1: </span><span class="org-type">figure</span>;
|
||
<span class="linenr">2: </span>plot(t, x)
|
||
<span class="linenr">3: </span>xlabel(<span class="org-string">'Time [s]'</span>);
|
||
<span id="coderef-test" class="coderef-off"><span class="linenr">4: </span>ylabel(<span class="org-string">'Output [V]'</span>);</span>
|
||
</pre>
|
||
</div>
|
||
|
||
<p>
|
||
Numbering can be continued by using <code>+n</code> option as shown below.
|
||
</p>
|
||
<div class="org-src-container">
|
||
<pre class="src src-matlab"><span class="linenr">5: </span><span class="org-type">figure</span>;
|
||
<span class="linenr">6: </span>plot(t, u)
|
||
<span class="linenr">7: </span>xlabel(<span class="org-string">'Time [s]'</span>);
|
||
<span class="linenr">8: </span>ylabel(<span class="org-string">'Input [V]'</span>);
|
||
</pre>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org08fe09b" class="outline-2">
|
||
<h2 id="org08fe09b"><span class="section-number-2">5</span> Images</h2>
|
||
<div class="outline-text-2" id="text-5">
|
||
<p>
|
||
Figure <a href="#org427bc14">3</a> shows the results of the Tikz code of listing <a href="#org8a713fb">4</a>.
|
||
</p>
|
||
|
||
<div class="org-src-container">
|
||
<label class="org-src-name"><span class="listing-number">Listing 4: </span>Tikz code that is used to generate Figure <a href="#org427bc14">3</a></label><pre class="src src-latex" id="org8a713fb"><span class="org-font-latex-sedate"><span class="org-keyword">\begin</span></span>{<span class="org-function-name">tikzpicture</span>}
|
||
|
||
<span class="org-comment">% Blocs</span>
|
||
<span class="org-font-latex-sedate">\node</span>[block={2.0cm}{2.0cm}] (P) {<span class="org-font-latex-math">$P$</span>};
|
||
<span class="org-font-latex-sedate">\node</span>[block={1.5cm}{1.5cm}, below=0.7 of P] (K) {<span class="org-font-latex-math">$K$</span>};
|
||
|
||
<span class="org-comment">% Input and outputs coordinates</span>
|
||
<span class="org-font-latex-sedate">\coordinate</span>[] (inputw) at (<span class="org-font-latex-math">$(P.south west)!0.75!(P.north west)$</span>);
|
||
<span class="org-font-latex-sedate">\coordinate</span>[] (inputu) at (<span class="org-font-latex-math">$(P.south west)!0.25!(P.north west)$</span>);
|
||
<span class="org-font-latex-sedate">\coordinate</span>[] (outputz) at (<span class="org-font-latex-math">$(P.south east)!0.75!(P.north east)$</span>);
|
||
<span class="org-font-latex-sedate">\coordinate</span>[] (outputv) at (<span class="org-font-latex-math">$(P.south east)!0.25!(P.north east)$</span>);
|
||
|
||
<span class="org-comment">% Connections and labels</span>
|
||
<span class="org-font-latex-sedate">\draw</span>[<-] (inputw) node[above left, align=right]{(weighted)<span class="org-font-latex-warning">\\</span>exogenous inputs<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$w$</span>} -- ++(-1.5, 0);
|
||
<span class="org-font-latex-sedate">\draw</span>[<-] (inputu) -- ++(-0.8, 0) |- node[left, near start, align=right]{control signals<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$u$</span>} (K.west);
|
||
|
||
<span class="org-font-latex-sedate">\draw</span>[->] (outputz) node[above right, align=left]{(weighted)<span class="org-font-latex-warning">\\</span>exogenous outputs<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$z$</span>} -- ++(1.5, 0);
|
||
<span class="org-font-latex-sedate">\draw</span>[->] (outputv) -- ++(0.8, 0) |- node[right, near start, align=left]{sensed output<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$v$</span>} (K.east);
|
||
<span class="org-font-latex-sedate"><span class="org-keyword">\end</span></span>{<span class="org-function-name">tikzpicture</span>}
|
||
</pre>
|
||
</div>
|
||
|
||
|
||
<div id="org427bc14" class="figure">
|
||
<p><img src="figs/general_control_names.png" alt="general_control_names.png" />
|
||
</p>
|
||
<p><span class="figure-number">Figure 3: </span>General Control Configuration</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgc5d0573" class="outline-2">
|
||
<h2 id="orgc5d0573"><span class="section-number-2">6</span> Tables</h2>
|
||
<div class="outline-text-2" id="text-6">
|
||
<p>
|
||
Table <a href="#org12b31e4">2</a> shows a table with some mathematics inside.
|
||
</p>
|
||
|
||
<table id="org12b31e4" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
|
||
<caption class="t-above"><span class="table-number">Table 2:</span> A Simple table with included math</caption>
|
||
|
||
<colgroup>
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th scope="col" class="org-right">\(N\)</th>
|
||
<th scope="col" class="org-right">\(N^2\)</th>
|
||
<th scope="col" class="org-right">\(N^3\)</th>
|
||
<th scope="col" class="org-right">\(N^4\)</th>
|
||
<th scope="col" class="org-right">\(\sqrt n\)</th>
|
||
<th scope="col" class="org-right">\(\sqrt[4]N\)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">2</td>
|
||
<td class="org-right">4</td>
|
||
<td class="org-right">8</td>
|
||
<td class="org-right">16</td>
|
||
<td class="org-right">1.4142136</td>
|
||
<td class="org-right">1.1892071</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">3</td>
|
||
<td class="org-right">9</td>
|
||
<td class="org-right">27</td>
|
||
<td class="org-right">81</td>
|
||
<td class="org-right">1.7320508</td>
|
||
<td class="org-right">1.3160740</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-orgd185230" class="outline-2">
|
||
<h2 id="orgd185230"><span class="section-number-2">7</span> Details</h2>
|
||
<div class="outline-text-2" id="text-7">
|
||
<p>
|
||
Below is some content hidden until you click the bar.
|
||
</p>
|
||
|
||
<details><summary>Hiden Part</summary>
|
||
<p>
|
||
Almost anything can be put here for instance this table below.
|
||
</p>
|
||
|
||
<table id="orgb98a2d3" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
|
||
<caption class="t-above"><span class="table-number">Table 3:</span> A Simple table with included math</caption>
|
||
|
||
<colgroup>
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
|
||
<col class="org-right" />
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th scope="col" class="org-right">\(N\)</th>
|
||
<th scope="col" class="org-right">\(N^2\)</th>
|
||
<th scope="col" class="org-right">\(N^3\)</th>
|
||
<th scope="col" class="org-right">\(N^4\)</th>
|
||
<th scope="col" class="org-right">\(\sqrt n\)</th>
|
||
<th scope="col" class="org-right">\(\sqrt[4]N\)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
<td class="org-right">1</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">2</td>
|
||
<td class="org-right">4</td>
|
||
<td class="org-right">8</td>
|
||
<td class="org-right">16</td>
|
||
<td class="org-right">1.4142136</td>
|
||
<td class="org-right">1.1892071</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="org-right">3</td>
|
||
<td class="org-right">9</td>
|
||
<td class="org-right">27</td>
|
||
<td class="org-right">81</td>
|
||
<td class="org-right">1.7320508</td>
|
||
<td class="org-right">1.3160740</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
</details>
|
||
|
||
<p>
|
||
This <code>details</code> blocks can even be put in other blocks are shown below.
|
||
</p>
|
||
|
||
<details><summary>Answer</summary>
|
||
<p>
|
||
It is approximately <b>12,742 km</b>
|
||
</p>
|
||
</details>
|
||
|
||
<div class="question" id="org8c1cbb3">
|
||
<p>
|
||
What is the approximate diameter of the earth?
|
||
</p>
|
||
|
||
<details><summary>Answer</summary>
|
||
<p>
|
||
It is approximately <b>12,742 km</b>
|
||
</p>
|
||
</details>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org0b5c92f" class="outline-2">
|
||
<h2 id="org0b5c92f"><span class="section-number-2">8</span> Videos</h2>
|
||
<div class="outline-text-2" id="text-8">
|
||
<p>
|
||
<div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/SzA2YODtgK4" frameborder="0" allowfullscreen></iframe></div>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="outline-container-org43c479e" class="outline-2">
|
||
<h2 id="org43c479e"><span class="section-number-2">9</span> Bibliography</h2>
|
||
<div class="outline-text-2" id="text-9">
|
||
<p>
|
||
|
||
</p>
|
||
|
||
<style>.csl-left-margin{float: left; padding-right: 0em;} .csl-right-inline{margin: 0 0 0 1.7999999999999998em;}</style><h2 class='citeproc-org-bib-h2'>Bibliography</h2>
|
||
<div class="csl-bib-body">
|
||
<div class="csl-entry"><a name="citeproc_bib_item_1"></a>
|
||
<div class="csl-left-margin">[1]</div><div class="csl-right-inline">L. Stanisic and A. Legrand, “Effective reproducible research with org-mode and git,” in <i>European Conference on Parallel Processing</i>, 2014, pp. 475–486.</div>
|
||
</div>
|
||
<div class="csl-entry"><a name="citeproc_bib_item_2"></a>
|
||
<div class="csl-left-margin">[2]</div><div class="csl-right-inline">E. Schulte and D. Davison, “Active Documents With Org-Mode,” <i>Computing in Science & Engineering</i>, vol. 13, no. 3, pp. 66–73, 2011.</div>
|
||
</div>
|
||
<div class="csl-entry"><a name="citeproc_bib_item_3"></a>
|
||
<div class="csl-left-margin">[3]</div><div class="csl-right-inline">C. Dominik, <i>The Org Mode 7 Reference Manual-Organize your life with GNU Emacs</i>. Network Theory Ltd., 2010.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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> <div class="footpara"><p class="footpara">
|
||
A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure <a href="#org427bc14">3</a>.
|
||
</p></div></div>
|
||
|
||
<div class="footdef"><sup><a id="fn.2" class="footnum" href="#fnr.2">2</a></sup> <div class="footpara"><p class="footpara">
|
||
An other footnote.
|
||
</p></div></div>
|
||
|
||
|
||
</div>
|
||
</div></div>
|
||
<div id="postamble" class="status">
|
||
<p class="author">Author: Dehaeze Thomas</p>
|
||
<p class="date">Created: 2020-11-27 ven. 16:53</p>
|
||
</div>
|
||
</body>
|
||
</html>
|