Add wrap figures

This commit is contained in:
Thomas Dehaeze 2020-12-13 22:27:03 +01:00
parent 0c43e074e3
commit f3c73d38b0
10 changed files with 447 additions and 170 deletions

35
dist/script.js vendored
View File

@ -92,6 +92,41 @@ docReady(function () {
} finally { } finally {
_iterator2.f(); _iterator2.f();
} }
}); // Wrap Images and Tables
docReady(function () {
var wrap_elements = document.querySelectorAll('[float=wrap-right]');
var _iterator3 = _createForOfIteratorHelper(wrap_elements),
_step3;
try {
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
var wrap_el = _step3.value;
wrap_el.closest('.figure').classList.add('wrap-right');
}
} catch (err) {
_iterator3.e(err);
} finally {
_iterator3.f();
}
wrap_elements = document.querySelectorAll('[float=wrap-left]');
var _iterator4 = _createForOfIteratorHelper(wrap_elements),
_step4;
try {
for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
var _wrap_el = _step4.value;
_wrap_el.closest('.figure').classList.add('wrap-left');
}
} catch (err) {
_iterator4.e(err);
} finally {
_iterator4.f();
}
}); // Equivalent of Jquery $.ready }); // Equivalent of Jquery $.ready
function docReady(fn) { function docReady(fn) {

2
dist/style.css vendored

File diff suppressed because one or more lines are too long

View File

@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head> <head>
<!-- 2020-12-10 jeu. 23:33 --> <!-- 2020-12-11 ven. 00:15 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Test File for the Org Mode Theme</title> <title>Test File for the Org Mode Theme</title>
<meta name="generator" content="Org mode" /> <meta name="generator" content="Org mode" />
@ -33,68 +33,74 @@
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<div id="text-table-of-contents"> <div id="text-table-of-contents">
<ul> <ul>
<li><a href="#org84d6527">1. Basics</a> <li><a href="#org99a834e">1. Basics</a>
<ul> <ul>
<li><a href="#org658eaff">1.1. Normal Markup</a></li> <li><a href="#orgdf67f83">1.1. Normal Markup</a></li>
<li><a href="#org2c3e8f5">1.2. Links to Footnotes</a></li> <li><a href="#org3d827bc">1.2. Links to Footnotes</a></li>
<li><a href="#org4481bf9">1.3. Lists</a></li> <li><a href="#org318d84d">1.3. Lists</a></li>
<li><a href="#orgf2d5c4a">1.4. Links</a></li> <li><a href="#org2387baf">1.4. Links</a></li>
<li><a href="#org71aaaec">1.5. Maths</a></li> <li><a href="#orgfc40b11">1.5. Maths</a></li>
<li><a href="#org8093274">1.6. Verse, Quote</a></li> <li><a href="#org24034c7">1.6. Verse, Quote</a></li>
<li><a href="#org623af09">1.7. Aside</a></li> <li><a href="#org5d2578d">1.7. Aside</a></li>
<li><a href="#org50b913f">1.8. Inline Task</a></li> <li><a href="#org4740fde">1.8. Inline Task</a></li>
</ul> </ul>
</li> </li>
<li><a href="#orgda0c9bf">2. Headlines</a> <li><a href="#orgd3bd7f8">2. Headlines</a>
<ul> <ul>
<li><a href="#org5854c56">2.1. Second level Headline with tags&#xa0;&#xa0;&#xa0;<span class="tag"><span class="_home">@home</span>&#xa0;<span class="_work">@work</span></span></a> <li><a href="#org616fc9e">2.1. Second level Headline with tags&#xa0;&#xa0;&#xa0;<span class="tag"><span class="_home">@home</span>&#xa0;<span class="_work">@work</span></span></a>
<ul> <ul>
<li><a href="#org367c820">2.1.1. Third level Headline</a> <li><a href="#org933dfce">2.1.1. Third level Headline</a>
<ul> <ul>
<li><a href="#org0fe4373">2.1.1.1. Fourth level Headline</a></li> <li><a href="#org392448f">2.1.1.1. Fourth level Headline</a></li>
</ul> </ul>
</li> </li>
<li><a href="#org1192729">2.1.2. Third level Headline</a> <li><a href="#orgfea8240">2.1.2. Third level Headline</a>
<ul> <ul>
<li><a href="#orgcca40ed">2.1.2.1. Fourth level Headline</a></li> <li><a href="#org9df83bb">2.1.2.1. Fourth level Headline</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li><a href="#orgea7daa2">2.2. <span class="todo TODO">TODO</span> Second level Headline with Schedule</a></li> <li><a href="#org6a9ebdc">2.2. <span class="todo TODO">TODO</span> Second level Headline with Schedule</a></li>
<li><a href="#org7966ed1">2.3. <span class="priority">[B]</span> Second level Headline with a priority</a></li> <li><a href="#org014378f">2.3. <span class="priority">[B]</span> Second level Headline with a priority</a></li>
<li><a href="#org6f34581">2.4. <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</a></li> <li><a href="#org7696dea">2.4. <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</a></li>
<li><a href="#org8dec57f">2.5. <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</a> <li><a href="#org1a84c46">2.5. <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</a>
<ul> <ul>
<li><a href="#org955722e">2.5.1. <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</a></li> <li><a href="#orgc75a6cf">2.5.1. <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li><a href="#org5ca7087">3. Blocks</a></li> <li><a href="#org955adba">3. Blocks</a></li>
<li><a href="#org1283074">4. Source Blocks</a> <li><a href="#org4084d7e">4. Source Blocks</a>
<ul> <ul>
<li><a href="#orgd74f503">4.1. Figures</a></li> <li><a href="#orge78cec5">4.1. Figures</a></li>
<li><a href="#org04eb7cc">4.2. Table Result</a></li> <li><a href="#orgbce6803">4.2. Table Result</a></li>
<li><a href="#org60551e3">4.3. Inline Results</a></li> <li><a href="#orge80301f">4.3. Inline Results</a></li>
<li><a href="#org98b6940">4.4. Caption and Reference</a></li> <li><a href="#org21f41e0">4.4. Caption and Reference</a></li>
<li><a href="#org0a17871">4.5. Source Blocks with Line Numbers</a></li> <li><a href="#org847ba5d">4.5. Source Blocks with Line Numbers</a></li>
</ul> </ul>
</li> </li>
<li><a href="#orge1d7e79">5. Images</a></li> <li><a href="#orgb804248">5. Images</a>
<li><a href="#org0d25db6">6. Tables</a></li> <ul>
<li><a href="#orgf648416">7. Details</a></li> <li><a href="#org419d74f">5.1. Normal Image</a></li>
<li><a href="#org9ce808b">8. Videos</a></li> <li><a href="#orgf1c51ef">5.2. Wrap Image</a></li>
<li><a href="#org00b39ef">5.3. Sub Images</a></li>
</ul>
</li>
<li><a href="#org57b95a4">6. Tables</a></li>
<li><a href="#org7ad70ee">7. Details</a></li>
<li><a href="#org6f61827">8. Videos</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org84d6527" class="outline-2"> <div id="outline-container-org99a834e" class="outline-2">
<h2 id="org84d6527"><span class="section-number-2">1</span> Basics</h2> <h2 id="org99a834e"><span class="section-number-2">1</span> Basics</h2>
<div class="outline-text-2" id="text-1"> <div class="outline-text-2" id="text-1">
</div> </div>
<div id="outline-container-org658eaff" class="outline-3"> <div id="outline-container-orgdf67f83" class="outline-3">
<h3 id="org658eaff"><span class="section-number-3">1.1</span> Normal Markup</h3> <h3 id="orgdf67f83"><span class="section-number-3">1.1</span> Normal Markup</h3>
<div class="outline-text-3" id="text-1-1"> <div class="outline-text-3" id="text-1-1">
<p> <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>. 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>.
@ -106,8 +112,8 @@ Here is some inline code Matlab code: <code class="src src-matlab">[K,CL,gamma]
</div> </div>
</div> </div>
<div id="outline-container-org2c3e8f5" class="outline-3"> <div id="outline-container-org3d827bc" class="outline-3">
<h3 id="org2c3e8f5"><span class="section-number-3">1.2</span> Links to Footnotes</h3> <h3 id="org3d827bc"><span class="section-number-3">1.2</span> Links to Footnotes</h3>
<div class="outline-text-3" id="text-1-2"> <div class="outline-text-3" id="text-1-2">
<p> <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>. 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>.
@ -115,8 +121,8 @@ A link to a footnote<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup>
</div> </div>
</div> </div>
<div id="outline-container-org4481bf9" class="outline-3"> <div id="outline-container-org318d84d" class="outline-3">
<h3 id="org4481bf9"><span class="section-number-3">1.3</span> Lists</h3> <h3 id="org318d84d"><span class="section-number-3">1.3</span> Lists</h3>
<div class="outline-text-3" id="text-1-3"> <div class="outline-text-3" id="text-1-3">
<p> <p>
<b>Unordered List</b>: <b>Unordered List</b>:
@ -193,26 +199,26 @@ maximus lorem quis accumsan vehicula.</dd>
</div> </div>
</div> </div>
<div id="outline-container-orgf2d5c4a" class="outline-3"> <div id="outline-container-org2387baf" class="outline-3">
<h3 id="orgf2d5c4a"><span class="section-number-3">1.4</span> Links</h3> <h3 id="org2387baf"><span class="section-number-3">1.4</span> Links</h3>
<div class="outline-text-3" id="text-1-4"> <div class="outline-text-3" id="text-1-4">
<p> <p>
Here is a list of links to: Here is a list of links to:
</p> </p>
<ul class="org-ul"> <ul class="org-ul">
<li>Figure <a href="#orgbd14016">3</a></li> <li>Figure <a href="#orgfccba0c">3</a></li>
<li>Table <a href="#org5482c41">2</a></li> <li>Table <a href="#org927e01f">3</a></li>
<li>Listing <a href="#org73e1449">1</a></li> <li>Listing <a href="#orgd607573">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>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>Equation \eqref{eq:numbered}</li>
<li>Section <a href="#org8a5bac8">2</a></li> <li>Section <a href="#orgd18b00b">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> <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> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org71aaaec" class="outline-3"> <div id="outline-container-orgfc40b11" class="outline-3">
<h3 id="org71aaaec"><span class="section-number-3">1.5</span> Maths</h3> <h3 id="orgfc40b11"><span class="section-number-3">1.5</span> Maths</h3>
<div class="outline-text-3" id="text-1-5"> <div class="outline-text-3" id="text-1-5">
<p> <p>
Here is some inline mathematics: \(z = 2\). Here is some inline mathematics: \(z = 2\).
@ -240,8 +246,8 @@ Using the <code>align</code> environment Equations \eqref{eq:align_1} and \eqref
</div> </div>
</div> </div>
<div id="outline-container-org8093274" class="outline-3"> <div id="outline-container-org24034c7" class="outline-3">
<h3 id="org8093274"><span class="section-number-3">1.6</span> Verse, Quote</h3> <h3 id="org24034c7"><span class="section-number-3">1.6</span> Verse, Quote</h3>
<div class="outline-text-3" id="text-1-6"> <div class="outline-text-3" id="text-1-6">
<p> <p>
Below is a verse. Below is a verse.
@ -273,14 +279,14 @@ Nearly everything is really interesting if you go into it deeply enough.
</div> </div>
</div> </div>
<div id="outline-container-org623af09" class="outline-3"> <div id="outline-container-org5d2578d" class="outline-3">
<h3 id="org623af09"><span class="section-number-3">1.7</span> Aside</h3> <h3 id="org5d2578d"><span class="section-number-3">1.7</span> Aside</h3>
<div class="outline-text-3" id="text-1-7"> <div class="outline-text-3" id="text-1-7">
<p> <p>
An aside block can be used as shown below. An aside block can be used as shown below.
</p> </p>
<div class="aside" id="org70ee1ec"> <div class="aside" id="org1a530ce">
<p> <p>
This is a note about the text using the <code>aside</code> environment. This is a note about the text using the <code>aside</code> environment.
This can be as long as wanted This can be as long as wanted
@ -294,8 +300,8 @@ Cras elementum ex vel orci congue porttitor. Vestibulum scelerisque gravida matt
</div> </div>
</div> </div>
<div id="outline-container-org50b913f" class="outline-3"> <div id="outline-container-org4740fde" class="outline-3">
<h3 id="org50b913f"><span class="section-number-3">1.8</span> Inline Task</h3> <h3 id="org4740fde"><span class="section-number-3">1.8</span> Inline Task</h3>
<div class="outline-text-3" id="text-1-8"> <div class="outline-text-3" id="text-1-8">
<p> <p>
Some text. Some text.
@ -313,24 +319,24 @@ Some text.
</div> </div>
</div> </div>
<div id="outline-container-orgda0c9bf" class="outline-2"> <div id="outline-container-orgd3bd7f8" class="outline-2">
<h2 id="orgda0c9bf"><span class="section-number-2">2</span> Headlines</h2> <h2 id="orgd3bd7f8"><span class="section-number-2">2</span> Headlines</h2>
<div class="outline-text-2" id="text-2"> <div class="outline-text-2" id="text-2">
<p> <p>
<a id="org8a5bac8"></a> <a id="orgd18b00b"></a>
</p> </p>
</div> </div>
<div id="outline-container-org5854c56" class="outline-3"> <div id="outline-container-org616fc9e" class="outline-3">
<h3 id="org5854c56"><span class="section-number-3">2.1</span> Second level Headline with tags&#xa0;&#xa0;&#xa0;<span class="tag"><span class="_home">@home</span>&#xa0;<span class="_work">@work</span></span></h3> <h3 id="org616fc9e"><span class="section-number-3">2.1</span> Second level Headline with tags&#xa0;&#xa0;&#xa0;<span class="tag"><span class="_home">@home</span>&#xa0;<span class="_work">@work</span></span></h3>
<div class="outline-text-3" id="text-2-1"> <div class="outline-text-3" id="text-2-1">
</div> </div>
<div id="outline-container-org367c820" class="outline-4"> <div id="outline-container-org933dfce" class="outline-4">
<h4 id="org367c820"><span class="section-number-4">2.1.1</span> Third level Headline</h4> <h4 id="org933dfce"><span class="section-number-4">2.1.1</span> Third level Headline</h4>
<div class="outline-text-4" id="text-2-1-1"> <div class="outline-text-4" id="text-2-1-1">
</div> </div>
<div id="outline-container-org0fe4373" class="outline-5"> <div id="outline-container-org392448f" class="outline-5">
<h5 id="org0fe4373"><span class="section-number-5">2.1.1.1</span> Fourth level Headline</h5> <h5 id="org392448f"><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"> <div class="outline-text-5" id="text-2-1-1-1">
<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. 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.
@ -339,12 +345,12 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div> </div>
</div> </div>
<div id="outline-container-org1192729" class="outline-4"> <div id="outline-container-orgfea8240" class="outline-4">
<h4 id="org1192729"><span class="section-number-4">2.1.2</span> Third level Headline</h4> <h4 id="orgfea8240"><span class="section-number-4">2.1.2</span> Third level Headline</h4>
<div class="outline-text-4" id="text-2-1-2"> <div class="outline-text-4" id="text-2-1-2">
</div> </div>
<div id="outline-container-orgcca40ed" class="outline-5"> <div id="outline-container-org9df83bb" class="outline-5">
<h5 id="orgcca40ed"><span class="section-number-5">2.1.2.1</span> Fourth level Headline</h5> <h5 id="org9df83bb"><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"> <div class="outline-text-5" id="text-2-1-2-1">
<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. 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.
@ -354,8 +360,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div> </div>
</div> </div>
<div id="outline-container-orgea7daa2" class="outline-3"> <div id="outline-container-org6a9ebdc" class="outline-3">
<h3 id="orgea7daa2"><span class="section-number-3">2.2</span> <span class="todo TODO">TODO</span> Second level Headline with Schedule</h3> <h3 id="org6a9ebdc"><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"> <div class="outline-text-3" id="text-2-2">
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span> <span class="timestamp">&lt;2020-11-26 jeu.&gt;</span></span></p> <p><span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span> <span class="timestamp">&lt;2020-11-26 jeu.&gt;</span></span></p>
@ -365,8 +371,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div> </div>
</div> </div>
<div id="outline-container-org7966ed1" class="outline-3"> <div id="outline-container-org014378f" class="outline-3">
<h3 id="org7966ed1"><span class="section-number-3">2.3</span> <span class="priority">[B]</span> Second level Headline with a priority</h3> <h3 id="org014378f"><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"> <div class="outline-text-3" id="text-2-3">
<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. 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.
@ -374,8 +380,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div> </div>
</div> </div>
<div id="outline-container-org6f34581" class="outline-3"> <div id="outline-container-org7696dea" class="outline-3">
<h3 id="org6f34581"><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> <h3 id="org7696dea"><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"> <div class="outline-text-3" id="text-2-4">
<p> <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. 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.
@ -383,8 +389,8 @@ Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra
</div> </div>
</div> </div>
<div id="outline-container-org8dec57f" class="outline-3"> <div id="outline-container-org1a84c46" class="outline-3">
<h3 id="org8dec57f"><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> <h3 id="org1a84c46"><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"> <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><span class="timestamp-wrapper"><span class="timestamp-kwd">CLOSED:</span> <span class="timestamp">[2020-11-26 jeu. 18:53]</span></span></p>
<p> <p>
@ -392,8 +398,8 @@ Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae sus
</p> </p>
</div> </div>
<div id="outline-container-org955722e" class="outline-4"> <div id="outline-container-orgc75a6cf" class="outline-4">
<h4 id="org955722e"><span class="section-number-4">2.5.1</span> <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</h4> <h4 id="orgc75a6cf"><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"> <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><span class="timestamp-wrapper"><span class="timestamp-kwd">CLOSED:</span> <span class="timestamp">[2020-11-26 jeu. 18:53]</span></span></p>
<p> <p>
@ -404,87 +410,87 @@ Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean so
</div> </div>
</div> </div>
<div id="outline-container-org5ca7087" class="outline-2"> <div id="outline-container-org955adba" class="outline-2">
<h2 id="org5ca7087"><span class="section-number-2">3</span> Blocks</h2> <h2 id="org955adba"><span class="section-number-2">3</span> Blocks</h2>
<div class="outline-text-2" id="text-3"> <div class="outline-text-2" id="text-3">
<div class="seealso" id="org5c605f7"> <div class="seealso" id="org46505e8">
<p> <p>
<code>seealso</code> block. <code>seealso</code> block.
</p> </p>
</div> </div>
<div class="hint" id="orgc8c2116"> <div class="hint" id="org6a4c085">
<p> <p>
<code>hint</code> block. <code>hint</code> block.
</p> </p>
</div> </div>
<div class="definition" id="orgd7bbea5"> <div class="definition" id="orgda37c6f">
<p> <p>
<code>definition</code> block. <code>definition</code> block.
</p> </p>
</div> </div>
<div class="important" id="org1e7eb2d"> <div class="important" id="org72a1e8d">
<p> <p>
<code>important</code> block. <code>important</code> block.
</p> </p>
</div> </div>
<div class="exampl" id="org40edea3"> <div class="exampl" id="orga0f13ab">
<p> <p>
<code>exampl</code> block. <code>exampl</code> block.
</p> </p>
</div> </div>
<div class="exercice" id="orgcc86c69"> <div class="exercice" id="orgb8f9cc7">
<p> <p>
<code>exercice</code> block. <code>exercice</code> block.
</p> </p>
</div> </div>
<div class="question" id="org3a9d1b7"> <div class="question" id="org16d8005">
<p> <p>
<code>question</code> block. <code>question</code> block.
</p> </p>
</div> </div>
<div class="answer" id="org508deb1"> <div class="answer" id="org63f8cb4">
<p> <p>
<code>answer</code> block. <code>answer</code> block.
</p> </p>
</div> </div>
<div class="summary" id="org21442af"> <div class="summary" id="org20132b3">
<p> <p>
<code>summary</code> block. <code>summary</code> block.
</p> </p>
</div> </div>
<div class="note" id="org82cc66c"> <div class="note" id="orge251289">
<p> <p>
<code>note</code> block. <code>note</code> block.
</p> </p>
</div> </div>
<div class="caution" id="orgd5fe2b9"> <div class="caution" id="org7367d6a">
<p> <p>
<code>caution</code> block. <code>caution</code> block.
</p> </p>
</div> </div>
<div class="warning" id="org86549a7"> <div class="warning" id="org8b5157e">
<p> <p>
<code>warning</code> block. <code>warning</code> block.
</p> </p>
@ -493,12 +499,12 @@ Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean so
</div> </div>
</div> </div>
<div id="outline-container-org1283074" class="outline-2"> <div id="outline-container-org4084d7e" class="outline-2">
<h2 id="org1283074"><span class="section-number-2">4</span> Source Blocks</h2> <h2 id="org4084d7e"><span class="section-number-2">4</span> Source Blocks</h2>
<div class="outline-text-2" id="text-4"> <div class="outline-text-2" id="text-4">
</div> </div>
<div id="outline-container-orgd74f503" class="outline-3"> <div id="outline-container-orge78cec5" class="outline-3">
<h3 id="orgd74f503"><span class="section-number-3">4.1</span> Figures</h3> <h3 id="orge78cec5"><span class="section-number-3">4.1</span> Figures</h3>
<div class="outline-text-3" id="text-4-1"> <div class="outline-text-3" id="text-4-1">
<div class="org-src-container"> <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> <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>
@ -514,7 +520,7 @@ xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-stri
</div> </div>
<div id="orga2c0544" class="figure"> <div id="org5b0ddb1" class="figure">
<p><img src="figs/matlab_fig_example.png" alt="matlab_fig_example.png" /> <p><img src="figs/matlab_fig_example.png" alt="matlab_fig_example.png" />
</p> </p>
<p><span class="figure-number">Figure 1: </span>Matlab Figure</p> <p><span class="figure-number">Figure 1: </span>Matlab Figure</p>
@ -522,8 +528,8 @@ xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-stri
</div> </div>
</div> </div>
<div id="outline-container-org04eb7cc" class="outline-3"> <div id="outline-container-orgbce6803" class="outline-3">
<h3 id="org04eb7cc"><span class="section-number-3">4.2</span> Table Result</h3> <h3 id="orgbce6803"><span class="section-number-3">4.2</span> Table Result</h3>
<div class="outline-text-3" id="text-4-2"> <div class="outline-text-3" id="text-4-2">
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-matlab">x = 1<span class="org-type">:</span>10; <pre class="src src-matlab">x = 1<span class="org-type">:</span>10;
@ -531,7 +537,7 @@ y = x<span class="org-type">.^</span>2;
</pre> </pre>
</div> </div>
<table id="org43ac85d" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table id="orge6f3167" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 1:</span> Table caption</caption> <caption class="t-above"><span class="table-number">Table 1:</span> Table caption</caption>
<colgroup> <colgroup>
@ -600,8 +606,8 @@ y = x<span class="org-type">.^</span>2;
</div> </div>
</div> </div>
<div id="outline-container-org60551e3" class="outline-3"> <div id="outline-container-orge80301f" class="outline-3">
<h3 id="org60551e3"><span class="section-number-3">4.3</span> Inline Results</h3> <h3 id="orge80301f"><span class="section-number-3">4.3</span> Inline Results</h3>
<div class="outline-text-3" id="text-4-3"> <div class="outline-text-3" id="text-4-3">
<p> <p>
Results can be automatically outputed as shown below. Results can be automatically outputed as shown below.
@ -630,35 +636,35 @@ y =
</div> </div>
</div> </div>
<div id="outline-container-org98b6940" class="outline-3"> <div id="outline-container-org21f41e0" class="outline-3">
<h3 id="org98b6940"><span class="section-number-3">4.4</span> Caption and Reference</h3> <h3 id="org21f41e0"><span class="section-number-3">4.4</span> Caption and Reference</h3>
<div class="outline-text-3" id="text-4-4"> <div class="outline-text-3" id="text-4-4">
<p> <p>
Captions can be added to code blocks. Captions can be added to code blocks.
Moreover, we can link to specific bode blocks (Listing <a href="#org73e1449">1</a> or <a href="#org6261baa">2</a>). Moreover, we can link to specific bode blocks (Listing <a href="#orgd607573">1</a> or <a href="#org6ca92b8">2</a>).
</p> </p>
<div class="org-src-container"> <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="org73e1449"><span class="org-type">figure</span>; <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="orgd607573"><span class="org-type">figure</span>;
[X,Y,Z] = peaks; [X,Y,Z] = peaks;
contour(X,Y,Z,20) contour(X,Y,Z,20)
</pre> </pre>
</div> </div>
<div id="org227556c" class="figure"> <div id="orga22ceb9" class="figure">
<p><img src="figs/matlab_logo.png" alt="matlab_logo.png" /> <p><img src="figs/matlab_logo.png" alt="matlab_logo.png" />
</p> </p>
<p><span class="figure-number">Figure 2: </span>Obtained Contour Plot</p> <p><span class="figure-number">Figure 2: </span>Obtained Contour Plot</p>
</div> </div>
<div class="org-src-container"> <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="org6261baa">A = [1 2; 3 4; 5 6; 7 8] <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="org6ca92b8">A = [1 2; 3 4; 5 6; 7 8]
[U,S,V] = svd(A) [U,S,V] = svd(A)
</pre> </pre>
</div> </div>
<pre class="example" id="orgc26e22d"> <pre class="example" id="org526e894">
A = [1 2; 3 4; 5 6; 7 8] A = [1 2; 3 4; 5 6; 7 8]
A = A =
1 2 1 2
@ -683,11 +689,11 @@ V =
</div> </div>
</div> </div>
<div id="outline-container-org0a17871" class="outline-3"> <div id="outline-container-org847ba5d" class="outline-3">
<h3 id="org0a17871"><span class="section-number-3">4.5</span> Source Blocks with Line Numbers</h3> <h3 id="org847ba5d"><span class="section-number-3">4.5</span> Source Blocks with Line Numbers</h3>
<div class="outline-text-3" id="text-4-5"> <div class="outline-text-3" id="text-4-5">
<p> <p>
The Listing <a href="#org7ddfba0">3</a> has line numbers as the <code>-n</code> option was used. The Listing <a href="#orgc5cd4fb">3</a> has line numbers as the <code>-n</code> option was used.
</p> </p>
<p> <p>
@ -696,7 +702,7 @@ For instance, the code used to specify the wanted the vertical label is on line
</p> </p>
<div class="org-src-container"> <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="org7ddfba0"><span class="linenr">1: </span><span class="org-type">figure</span>; <label class="org-src-name"><span class="listing-number">Listing 3: </span>Specify Labels</label><pre class="src src-matlab" id="orgc5cd4fb"><span class="linenr">1: </span><span class="org-type">figure</span>;
<span class="linenr">2: </span>plot(t, x) <span class="linenr">2: </span>plot(t, x)
<span class="linenr">3: </span>xlabel(<span class="org-string">'Time [s]'</span>); <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> <span id="coderef-test" class="coderef-off"><span class="linenr">4: </span>ylabel(<span class="org-string">'Output [V]'</span>);</span>
@ -717,15 +723,19 @@ Numbering can be continued by using <code>+n</code> option as shown below.
</div> </div>
</div> </div>
<div id="outline-container-orge1d7e79" class="outline-2"> <div id="outline-container-orgb804248" class="outline-2">
<h2 id="orge1d7e79"><span class="section-number-2">5</span> Images</h2> <h2 id="orgb804248"><span class="section-number-2">5</span> Images</h2>
<div class="outline-text-2" id="text-5"> <div class="outline-text-2" id="text-5">
</div>
<div id="outline-container-org419d74f" class="outline-3">
<h3 id="org419d74f"><span class="section-number-3">5.1</span> Normal Image</h3>
<div class="outline-text-3" id="text-5-1">
<p> <p>
Figure <a href="#orgbd14016">3</a> shows the results of the Tikz code of listing <a href="#org292fb9b">4</a>. Figure <a href="#orgfccba0c">3</a> shows the results of the Tikz code of listing <a href="#orgee38208">4</a>.
</p> </p>
<div class="org-src-container"> <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="#orgbd14016">3</a></label><pre class="src src-latex" id="org292fb9b"><span class="org-font-latex-sedate"><span class="org-keyword">\begin</span></span>{<span class="org-function-name">tikzpicture</span>} <label class="org-src-name"><span class="listing-number">Listing 4: </span>Tikz code that is used to generate Figure <a href="#orgfccba0c">3</a></label><pre class="src src-latex" id="orgee38208"><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-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={2.0cm}{2.0cm}] (P) {<span class="org-font-latex-math">$P$</span>};
@ -748,7 +758,7 @@ Figure <a href="#orgbd14016">3</a> shows the results of the Tikz code of listing
</div> </div>
<div id="orgbd14016" class="figure"> <div id="orgfccba0c" class="figure">
<p><img src="figs/general_control_names.png" alt="general_control_names.png" /> <p><img src="figs/general_control_names.png" alt="general_control_names.png" />
</p> </p>
<p><span class="figure-number">Figure 3: </span>General Control Configuration</p> <p><span class="figure-number">Figure 3: </span>General Control Configuration</p>
@ -756,15 +766,96 @@ Figure <a href="#orgbd14016">3</a> shows the results of the Tikz code of listing
</div> </div>
</div> </div>
<div id="outline-container-org0d25db6" class="outline-2">
<h2 id="org0d25db6"><span class="section-number-2">6</span> Tables</h2> <div id="outline-container-orgf1c51ef" class="outline-3">
<div class="outline-text-2" id="text-6"> <h3 id="orgf1c51ef"><span class="section-number-3">5.2</span> Wrap Image</h3>
<div class="outline-text-3" id="text-5-2">
<div id="orgf940042" class="figure">
<p><img src="figs/general_control_names.png" alt="general_control_names.png" float="wrap-right" />
</p>
<p><span class="figure-number">Figure 4: </span>General Control Configuration</p>
</div>
<p> <p>
Table <a href="#org5482c41">2</a> shows a table with some mathematics inside. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non semper turpis. Proin tristique ipsum at mauris viverra efficitur. Maecenas semper urna vitae hendrerit consectetur. Vivamus id odio et lectus pretium hendrerit ac in libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque gravida, nibh vitae euismod mollis, dolor justo hendrerit mauris, sed dapibus velit magna ut purus. Mauris sagittis ligula in ante congue, vel rhoncus velit rutrum. In pulvinar elit nibh, a sodales enim iaculis sed. Maecenas et eleifend libero, vel congue urna. Praesent sit amet ornare lacus, nec maximus lectus.
</p> </p>
<table id="org5482c41" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <p>
<caption class="t-above"><span class="table-number">Table 2:</span> A Simple table with included math</caption> Fusce blandit mauris dui, sed lobortis sapien tincidunt ac. Maecenas vitae molestie mi. Ut sodales euismod mauris, vitae finibus orci sagittis a. Quisque fringilla ante mi, vel aliquet est mollis in. Nam rutrum, nibh vitae tincidunt ultrices, quam urna efficitur ipsum, eget tristique lorem purus vitae metus. Maecenas dictum varius eros. Sed aliquam quis tortor in ultricies. Suspendisse imperdiet, mi eget mattis porta, felis quam gravida mi, malesuada venenatis dui dui a libero. Duis in lorem eget elit fermentum accumsan. Cras consequat eros vehicula, laoreet neque nec, tincidunt odio. Phasellus eu arcu lacus. Aliquam vel sollicitudin ipsum, sed iaculis risus. In pulvinar purus libero, quis vestibulum ex lacinia vel. Ut imperdiet ut erat non vulputate.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+name: fig:general_control_names</span>
<span class="org-org-meta-line">#+caption:</span> <span class="org-org-block">General Control Configuration</span>
<span class="org-org-meta-line">#+attr_html: :float wrap-left</span>
<span class="org-org-meta-line">#+attr_latex: :float wrap</span>
<span class="org-org-link"><a href="file:figs/general_control_names.png">file:figs/general_control_names.png</a></span>
</pre>
</div>
<div id="orga16fe9a" class="figure">
<p><img src="figs/general_control_names.png" alt="general_control_names.png" float="wrap-left" />
</p>
<p><span class="figure-number">Figure 5: </span>General Control Configuration</p>
</div>
<p>
Fusce blandit mauris dui, sed lobortis sapien tincidunt ac. Maecenas vitae molestie mi. Ut sodales euismod mauris, vitae finibus orci sagittis a. Quisque fringilla ante mi, vel aliquet est mollis in. Nam rutrum, nibh vitae tincidunt ultrices, quam urna efficitur ipsum, eget tristique lorem purus vitae metus. Maecenas dictum varius eros. Sed aliquam quis tortor in ultricies. Suspendisse imperdiet, mi eget mattis porta, felis quam gravida mi, malesuada venenatis dui dui a libero. Duis in lorem eget elit fermentum accumsan. Cras consequat eros vehicula, laoreet neque nec, tincidunt odio. Phasellus eu arcu lacus. Aliquam vel sollicitudin ipsum, sed iaculis risus. In pulvinar purus libero, quis vestibulum ex lacinia vel. Ut imperdiet ut erat non vulputate.
</p>
</div>
</div>
<div id="outline-container-org00b39ef" class="outline-3">
<h3 id="org00b39ef"><span class="section-number-3">5.3</span> Sub Images</h3>
<div class="outline-text-3" id="text-5-3">
<p>
Link to subfigure <a href="#org561eb07">2</a>.
</p>
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+name: fig:subfigure</span>
<span class="org-org-meta-line">#+caption:</span> <span class="org-org-block">Subfigure Caption</span>
<span class="org-org-meta-line">#+attr_latex: :environment subfigure :width 0.49\linewidth :align c</span>
<span class="org-org-table">| </span><span class="org-org-table"><span class="org-org-link"><a href="file:figs/general_control_names.png">file:figs/general_control_names.pn</a><a href="file:figs/general_control_names.png">g</a></span></span><span class="org-org-table"> | </span><span class="org-org-table"><span class="org-org-link"><a href="file:figs/general_control_names.png">file:figs/general_control_names.pn</a><a href="file:figs/general_control_names.png">g</a></span></span><span class="org-org-table"> |</span>
<span class="org-org-table">| </span><span class="org-org-target">&lt;&lt;fig:general_control_names_1&gt;&gt;</span><span class="org-org-table"> sub figure caption | </span><span class="org-org-target">&lt;&lt;fig:general_control_names_2&gt;&gt;</span><span class="org-org-table"> sub figure caption |</span>
</pre>
</div>
<table id="org71a1e24" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 2:</span> Subfigure Caption</caption>
<colgroup>
<col class="org-left" />
<col class="org-left" />
</colgroup>
<tbody>
<tr>
<td class="org-left"><img src="figs/general_control_names.png" alt="general_control_names.png" /></td>
<td class="org-left"><img src="figs/general_control_names.png" alt="general_control_names.png" /></td>
</tr>
<tr>
<td class="org-left"><a id="org561eb07"></a> sub figure caption</td>
<td class="org-left"><a id="org1abd179"></a> sub figure caption</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="outline-container-org57b95a4" class="outline-2">
<h2 id="org57b95a4"><span class="section-number-2">6</span> Tables</h2>
<div class="outline-text-2" id="text-6">
<p>
Table <a href="#org927e01f">3</a> shows a table with some mathematics inside.
</p>
<table id="org927e01f" 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> <colgroup>
<col class="org-right" /> <col class="org-right" />
@ -819,8 +910,8 @@ Table <a href="#org5482c41">2</a> shows a table with some mathematics inside.
</tbody> </tbody>
</table> </table>
<table id="orgfee1a82" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table id="org09e22c8" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 3:</span> Table without Head</caption> <caption class="t-above"><span class="table-number">Table 4:</span> Table without Head</caption>
<colgroup> <colgroup>
<col class="org-left" /> <col class="org-left" />
@ -892,8 +983,8 @@ Table <a href="#org5482c41">2</a> shows a table with some mathematics inside.
</tbody> </tbody>
</table> </table>
<table id="org897e686" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table id="org5ca0081" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 4:</span> Table with multiples groups</caption> <caption class="t-above"><span class="table-number">Table 5:</span> Table with multiples groups</caption>
<colgroup> <colgroup>
<col class="org-left" /> <col class="org-left" />
@ -1026,8 +1117,8 @@ Table <a href="#org5482c41">2</a> shows a table with some mathematics inside.
</div> </div>
</div> </div>
<div id="outline-container-orgf648416" class="outline-2"> <div id="outline-container-org7ad70ee" class="outline-2">
<h2 id="orgf648416"><span class="section-number-2">7</span> Details</h2> <h2 id="org7ad70ee"><span class="section-number-2">7</span> Details</h2>
<div class="outline-text-2" id="text-7"> <div class="outline-text-2" id="text-7">
<p> <p>
Below is some content hidden until you click the bar. Below is some content hidden until you click the bar.
@ -1038,8 +1129,8 @@ Below is some content hidden until you click the bar.
Almost anything can be put here for instance this table below. Almost anything can be put here for instance this table below.
</p> </p>
<table id="org7e279b4" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table id="org29d75a4" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 5:</span> A Simple table with included math</caption> <caption class="t-above"><span class="table-number">Table 6:</span> A Simple table with included math</caption>
<colgroup> <colgroup>
<col class="org-right" /> <col class="org-right" />
@ -1106,7 +1197,7 @@ It is approximately <b>12,742 km</b>
</p> </p>
</details> </details>
<div class="question" id="orgdb80427"> <div class="question" id="orgec4f803">
<p> <p>
What is the approximate diameter of the earth? What is the approximate diameter of the earth?
</p> </p>
@ -1121,8 +1212,8 @@ It is approximately <b>12,742 km</b>
</div> </div>
</div> </div>
<div id="outline-container-org9ce808b" class="outline-2"> <div id="outline-container-org6f61827" class="outline-2">
<h2 id="org9ce808b"><span class="section-number-2">8</span> Videos</h2> <h2 id="org6f61827"><span class="section-number-2">8</span> Videos</h2>
<div class="outline-text-2" id="text-8"> <div class="outline-text-2" id="text-8">
<p> <p>
<div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/SzA2YODtgK4" frameborder="0" allowfullscreen></iframe></div> <div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/SzA2YODtgK4" frameborder="0" allowfullscreen></iframe></div>
@ -1148,7 +1239,7 @@ It is approximately <b>12,742 km</b>
<div id="text-footnotes"> <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"> <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="#orgbd14016">3</a>. A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure <a href="#orgfccba0c">3</a>.
</p></div></div> </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"> <div class="footdef"><sup><a id="fn.2" class="footnum" href="#fnr.2">2</a></sup> <div class="footpara"><p class="footpara">
@ -1160,7 +1251,7 @@ An other footnote.
</div></div> </div></div>
<div id="postamble" class="status"> <div id="postamble" class="status">
<p class="author">Author: Dehaeze Thomas</p> <p class="author">Author: Dehaeze Thomas</p>
<p class="date">Created: 2020-12-10 jeu. 23:33</p> <p class="date">Created: 2020-12-11 ven. 00:15</p>
</div> </div>
</body> </body>
</html> </html>

View File

@ -409,6 +409,8 @@ Numbering can be continued by using =+n= option as shown below.
* Images * Images
** Normal Image
Figure [[fig:general_control_names]] shows the results of the Tikz code of listing [[lst:tikz_test]]. Figure [[fig:general_control_names]] shows the results of the Tikz code of listing [[lst:tikz_test]].
#+name: lst:tikz_test #+name: lst:tikz_test
@ -440,6 +442,58 @@ Figure [[fig:general_control_names]] shows the results of the Tikz code of listi
#+RESULTS: #+RESULTS:
[[file:figs/general_control_names.png]] [[file:figs/general_control_names.png]]
#+begin_src md
#+name: fig:general_control_names
#+caption: General Control Configuration
[[file:figs/general_control_names.png]]
#+end_src
** Wrap Image
#+name: fig:general_control_names
#+caption: General Control Configuration
#+attr_html: :float wrap-right
#+attr_latex: :float wrap
[[file:figs/general_control_names.png]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non semper turpis. Proin tristique ipsum at mauris viverra efficitur. Maecenas semper urna vitae hendrerit consectetur. Vivamus id odio et lectus pretium hendrerit ac in libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque gravida, nibh vitae euismod mollis, dolor justo hendrerit mauris, sed dapibus velit magna ut purus. Mauris sagittis ligula in ante congue, vel rhoncus velit rutrum. In pulvinar elit nibh, a sodales enim iaculis sed. Maecenas et eleifend libero, vel congue urna. Praesent sit amet ornare lacus, nec maximus lectus.
Fusce blandit mauris dui, sed lobortis sapien tincidunt ac. Maecenas vitae molestie mi. Ut sodales euismod mauris, vitae finibus orci sagittis a. Quisque fringilla ante mi, vel aliquet est mollis in. Nam rutrum, nibh vitae tincidunt ultrices, quam urna efficitur ipsum, eget tristique lorem purus vitae metus. Maecenas dictum varius eros. Sed aliquam quis tortor in ultricies. Suspendisse imperdiet, mi eget mattis porta, felis quam gravida mi, malesuada venenatis dui dui a libero. Duis in lorem eget elit fermentum accumsan. Cras consequat eros vehicula, laoreet neque nec, tincidunt odio. Phasellus eu arcu lacus. Aliquam vel sollicitudin ipsum, sed iaculis risus. In pulvinar purus libero, quis vestibulum ex lacinia vel. Ut imperdiet ut erat non vulputate.
#+begin_src md
#+name: fig:general_control_names
#+caption: General Control Configuration
#+attr_html: :float wrap-left
#+attr_latex: :float wrap
[[file:figs/general_control_names.png]]
#+end_src
#+name: fig:general_control_names
#+caption: General Control Configuration
#+attr_html: :float wrap-left
#+attr_latex: :float wrap
[[file:figs/general_control_names.png]]
Fusce blandit mauris dui, sed lobortis sapien tincidunt ac. Maecenas vitae molestie mi. Ut sodales euismod mauris, vitae finibus orci sagittis a. Quisque fringilla ante mi, vel aliquet est mollis in. Nam rutrum, nibh vitae tincidunt ultrices, quam urna efficitur ipsum, eget tristique lorem purus vitae metus. Maecenas dictum varius eros. Sed aliquam quis tortor in ultricies. Suspendisse imperdiet, mi eget mattis porta, felis quam gravida mi, malesuada venenatis dui dui a libero. Duis in lorem eget elit fermentum accumsan. Cras consequat eros vehicula, laoreet neque nec, tincidunt odio. Phasellus eu arcu lacus. Aliquam vel sollicitudin ipsum, sed iaculis risus. In pulvinar purus libero, quis vestibulum ex lacinia vel. Ut imperdiet ut erat non vulputate.
** Sub Images
Link to subfigure [[fig:general_control_names_1]].
#+begin_src md
#+name: fig:subfigure
#+caption: Subfigure Caption
#+attr_latex: :environment subfigure :width 0.49\linewidth :align c
| file:figs/general_control_names.png | file:figs/general_control_names.png |
| <<fig:general_control_names_1>> sub figure caption | <<fig:general_control_names_2>> sub figure caption |
#+end_src
#+name: fig:subfigure
#+caption: Subfigure Caption
#+attr_latex: :environment subfigure :width 0.49\linewidth :align c
| file:figs/general_control_names.png | file:figs/general_control_names.png |
| <<fig:general_control_names_1>> sub figure caption | <<fig:general_control_names_2>> sub figure caption |
* Tables * Tables
Table [[tab:table_with_equations]] shows a table with some mathematics inside. Table [[tab:table_with_equations]] shows a table with some mathematics inside.
@ -463,6 +517,7 @@ Table [[tab:table_with_equations]] shows a table with some mathematics inside.
| *5* | 5 | 10 | 15 | 20 | 25 | | *5* | 5 | 10 | 15 | 20 | 25 |
#+name: tab:table_multiple_heads #+name: tab:table_multiple_heads
#+ATTR_LATEX: :font \footnotesize
#+caption: Table with multiples groups #+caption: Table with multiples groups
| | *Classical Control* | *Modern Control* | *Robust Control* | | | *Classical Control* | *Modern Control* | *Robust Control* |
| <l> | <c> | <c> | <c> | | <l> | <c> | <c> | <c> |

BIN
index.pdf

Binary file not shown.

127
index.tex
View File

@ -1,4 +1,4 @@
% Created 2020-12-10 jeu. 23:33 % Created 2020-12-11 ven. 00:45
% Intended LaTeX compiler: pdflatex % Intended LaTeX compiler: pdflatex
\documentclass[a4paper, 10pt, DIV=12, parskip=full]{scrreprt} \documentclass[a4paper, 10pt, DIV=12, parskip=full]{scrreprt}
\usepackage[utf8]{inputenc} \usepackage[utf8]{inputenc}
@ -40,20 +40,16 @@
\chapter{Basics} \chapter{Basics}
\label{sec:org750a1c4}
\section{Normal Markup} \section{Normal Markup}
\label{sec:orgfd540ce}
You can make words \textbf{bold}, \emph{italic}, \uline{underlined}, \texttt{verbatim} and \texttt{code}, and, if you must, \sout{strike-through}. You can make words \textbf{bold}, \emph{italic}, \uline{underlined}, \texttt{verbatim} and \texttt{code}, and, if you must, \sout{strike-through}.
Here is some inline code Matlab code: \mintinline{matlab}{[K,CL,gamma] = mixsyn(G,W1,[],W3);}. Here is some inline code Matlab code: \mintinline{matlab}{[K,CL,gamma] = mixsyn(G,W1,[],W3);}.
\section{Links to Footnotes} \section{Links to Footnotes}
\label{sec:org6dfa464}
A link to a footnote\footnote{A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure \ref{fig:general_control_names}.} and to another footnote\footnote{An other footnote.}. A link to a footnote\footnote{A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure \ref{fig:general_control_names}.} and to another footnote\footnote{An other footnote.}.
\section{Lists} \section{Lists}
\label{sec:org2b7929b}
\textbf{Unordered List}: \textbf{Unordered List}:
\begin{itemize} \begin{itemize}
\item Lorem ipsum dolor sit amet, consectetur adipiscing elit. \item Lorem ipsum dolor sit amet, consectetur adipiscing elit.
@ -118,7 +114,7 @@ maximus lorem quis accumsan vehicula.
\end{description} \end{description}
\section{Links} \section{Links}
\label{sec:orgd80fca4} \label{sec:org84c1c02}
Here is a list of links to: Here is a list of links to:
\begin{itemize} \begin{itemize}
\item Figure \ref{fig:general_control_names} \item Figure \ref{fig:general_control_names}
@ -131,7 +127,7 @@ Here is a list of links to:
\end{itemize} \end{itemize}
\section{Maths} \section{Maths}
\label{sec:org7433c8d} \label{sec:org3aceaee}
Here is some inline mathematics: \(z = 2\). Here is some inline mathematics: \(z = 2\).
Unumbered equation: Unumbered equation:
@ -149,7 +145,7 @@ Using the \texttt{align} environment Equations \eqref{eq:align_1} and \eqref{eq:
\end{align} \end{align}
\section{Verse, Quote} \section{Verse, Quote}
\label{sec:orgeeff8d5} \label{sec:org44abe19}
Below is a verse. Below is a verse.
@ -172,7 +168,7 @@ Nearly everything is really interesting if you go into it deeply enough.
\end{quote} \end{quote}
\section{Aside} \section{Aside}
\label{sec:org5bac25b} \label{sec:org78dda35}
An aside block can be used as shown below. An aside block can be used as shown below.
\begin{aside} \begin{aside}
@ -183,7 +179,7 @@ This can be as long as wanted
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. 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.
\section{Inline Task} \section{Inline Task}
\label{sec:orged6bd1b} \label{sec:org32925ec}
Some text. Some text.
@ -202,49 +198,49 @@ Some text.
Some text. Some text.
\chapter{Headlines} \chapter{Headlines}
\label{sec:org352af02} \label{sec:org406d35b}
\label{sec:headlines} \label{sec:headlines}
\section{Second level Headline with tags\hfill{}\textsc{@home:@work}} \section{Second level Headline with tags\hfill{}\textsc{@home:@work}}
\label{sec:org205b941} \label{sec:org783617c}
\subsection{Third level Headline} \subsection{Third level Headline}
\label{sec:orgbbbe2dd} \label{sec:orgb57eb31}
\subsubsection{Fourth level Headline} \subsubsection{Fourth level Headline}
\label{sec:orgc4a367d} \label{sec:orgc09e8b0}
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. 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.
\subsection{Third level Headline} \subsection{Third level Headline}
\label{sec:org70d0554} \label{sec:org1af0be3}
\subsubsection{Fourth level Headline} \subsubsection{Fourth level Headline}
\label{sec:org7ff68c2} \label{sec:orgf57ad25}
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. 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.
\section{{\bfseries\sffamily TODO} Second level Headline with Schedule} \section{{\bfseries\sffamily TODO} Second level Headline with Schedule}
\label{sec:org18a237f} \label{sec:org98b0f7f}
\noindent\textbf{SCHEDULED:} \textit{<2020-11-26 jeu.>}\\ \noindent\textbf{SCHEDULED:} \textit{<2020-11-26 jeu.>}\\
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. 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.
\section{\framebox{\#B} Second level Headline with a priority} \section{\framebox{\#B} Second level Headline with a priority}
\label{sec:orgee22187} \label{sec:org8c0eaf7}
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. 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.
\section{{\bfseries\sffamily TODO} \framebox{\#C} Second level Headline with TODO State} \section{{\bfseries\sffamily TODO} \framebox{\#C} Second level Headline with TODO State}
\label{sec:orgef3d990} \label{sec:org5204b3b}
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. 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.
\section{{\bfseries\sffamily DONE} \framebox{\#A} Second level Headline with DONE State} \section{{\bfseries\sffamily DONE} \framebox{\#A} Second level Headline with DONE State}
\label{sec:org380820e} \label{sec:org6388f34}
\noindent\textbf{CLOSED:} \textit{[2020-11-26 jeu. 18:53]}\\ \noindent\textbf{CLOSED:} \textit{[2020-11-26 jeu. 18:53]}\\
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. 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.
\subsection{{\bfseries\sffamily WAIT} Third level Headline with DONE State} \subsection{{\bfseries\sffamily WAIT} Third level Headline with DONE State}
\label{sec:org11d07f1} \label{sec:org4f6c74e}
\noindent\textbf{CLOSED:} \textit{[2020-11-26 jeu. 18:53]}\\ \noindent\textbf{CLOSED:} \textit{[2020-11-26 jeu. 18:53]}\\
Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet.
\chapter{Blocks} \chapter{Blocks}
\label{sec:org665d3c9} \label{sec:org1a85a84}
\begin{seealso} \begin{seealso}
\texttt{seealso} block. \texttt{seealso} block.
@ -295,9 +291,9 @@ Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean so
\end{warning} \end{warning}
\chapter{Source Blocks} \chapter{Source Blocks}
\label{sec:org008b97a} \label{sec:org33bbfa3}
\section{Figures} \section{Figures}
\label{sec:org17ae91a} \label{sec:org430e6e0}
\begin{minted}[]{matlab} \begin{minted}[]{matlab}
t = 0:0.01:5; % Time [s] t = 0:0.01:5; % Time [s]
x = sin(2*pi*t); % Output Voltage [V] x = sin(2*pi*t); % Output Voltage [V]
@ -316,7 +312,7 @@ xlabel('Time [s]'); ylabel('Voltage [V]');
\end{figure} \end{figure}
\section{Table Result} \section{Table Result}
\label{sec:org91f0302} \label{sec:org90d9b1e}
\begin{minted}[]{matlab} \begin{minted}[]{matlab}
x = 1:10; x = 1:10;
@ -343,7 +339,7 @@ y = x.^2;
\end{table} \end{table}
\section{Inline Results} \section{Inline Results}
\label{sec:org92282c6} \label{sec:org05178e9}
Results can be automatically outputed as shown below. Results can be automatically outputed as shown below.
@ -367,7 +363,7 @@ y =
\end{verbatim} \end{verbatim}
\section{Caption and Reference} \section{Caption and Reference}
\label{sec:orgbb8c9d6} \label{sec:orgdfe8450}
Captions can be added to code blocks. Captions can be added to code blocks.
Moreover, we can link to specific bode blocks (Listing \ref{lst:matlab_figure} or \ref{lst:matlab_svd}). Moreover, we can link to specific bode blocks (Listing \ref{lst:matlab_figure} or \ref{lst:matlab_svd}).
@ -419,7 +415,7 @@ V =
\end{verbatim} \end{verbatim}
\section{Source Blocks with Line Numbers} \section{Source Blocks with Line Numbers}
\label{sec:orga0ef907} \label{sec:org9b30b0b}
The Listing \ref{lst:matlab_line_numbers} has line numbers as the \texttt{-n} option was used. The Listing \ref{lst:matlab_line_numbers} has line numbers as the \texttt{-n} option was used.
@ -445,7 +441,10 @@ ylabel('Input [V]');
\end{minted} \end{minted}
\chapter{Images} \chapter{Images}
\label{sec:org3a775d4} \label{sec:org949e29f}
\section{Normal Image}
\label{sec:orgfa05e80}
Figure \ref{fig:general_control_names} shows the results of the Tikz code of listing \ref{lst:tikz_test}. Figure \ref{fig:general_control_names} shows the results of the Tikz code of listing \ref{lst:tikz_test}.
@ -480,8 +479,71 @@ Figure \ref{fig:general_control_names} shows the results of the Tikz code of lis
\caption{\label{fig:general_control_names}General Control Configuration} \caption{\label{fig:general_control_names}General Control Configuration}
\end{figure} \end{figure}
\begin{minted}[]{md}
#+name: fig:general_control_names
#+caption: General Control Configuration
[[file:figs/general_control_names.png]]
\end{minted}
\section{Wrap Image}
\label{sec:org108664b}
\begin{wrapfigure}{l}{0.5\textwidth}
\centering
\includegraphics[scale=1,width=0.48\textwidth]{figs/general_control_names.png}
\caption{\label{fig:general_control_names}General Control Configuration}
\end{wrapfigure}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non semper turpis. Proin tristique ipsum at mauris viverra efficitur. Maecenas semper urna vitae hendrerit consectetur. Vivamus id odio et lectus pretium hendrerit ac in libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque gravida, nibh vitae euismod mollis, dolor justo hendrerit mauris, sed dapibus velit magna ut purus. Mauris sagittis ligula in ante congue, vel rhoncus velit rutrum. In pulvinar elit nibh, a sodales enim iaculis sed. Maecenas et eleifend libero, vel congue urna. Praesent sit amet ornare lacus, nec maximus lectus.
Fusce blandit mauris dui, sed lobortis sapien tincidunt ac. Maecenas vitae molestie mi. Ut sodales euismod mauris, vitae finibus orci sagittis a. Quisque fringilla ante mi, vel aliquet est mollis in. Nam rutrum, nibh vitae tincidunt ultrices, quam urna efficitur ipsum, eget tristique lorem purus vitae metus. Maecenas dictum varius eros. Sed aliquam quis tortor in ultricies. Suspendisse imperdiet, mi eget mattis porta, felis quam gravida mi, malesuada venenatis dui dui a libero. Duis in lorem eget elit fermentum accumsan. Cras consequat eros vehicula, laoreet neque nec, tincidunt odio. Phasellus eu arcu lacus. Aliquam vel sollicitudin ipsum, sed iaculis risus. In pulvinar purus libero, quis vestibulum ex lacinia vel. Ut imperdiet ut erat non vulputate.
\begin{minted}[]{md}
#+name: fig:general_control_names
#+caption: General Control Configuration
#+attr_html: :float wrap-left
#+attr_latex: :float wrap
[[file:figs/general_control_names.png]]
\end{minted}
\begin{wrapfigure}{l}{0.5\textwidth}
\centering
\includegraphics[scale=1,width=0.48\textwidth]{figs/general_control_names.png}
\caption{\label{fig:general_control_names}General Control Configuration}
\end{wrapfigure}
Fusce blandit mauris dui, sed lobortis sapien tincidunt ac. Maecenas vitae molestie mi. Ut sodales euismod mauris, vitae finibus orci sagittis a. Quisque fringilla ante mi, vel aliquet est mollis in. Nam rutrum, nibh vitae tincidunt ultrices, quam urna efficitur ipsum, eget tristique lorem purus vitae metus. Maecenas dictum varius eros. Sed aliquam quis tortor in ultricies. Suspendisse imperdiet, mi eget mattis porta, felis quam gravida mi, malesuada venenatis dui dui a libero. Duis in lorem eget elit fermentum accumsan. Cras consequat eros vehicula, laoreet neque nec, tincidunt odio. Phasellus eu arcu lacus. Aliquam vel sollicitudin ipsum, sed iaculis risus. In pulvinar purus libero, quis vestibulum ex lacinia vel. Ut imperdiet ut erat non vulputate.
\section{Sub Images}
\label{sec:orgc659610}
Link to subfigure \ref{fig:general_control_names_1}.
\begin{minted}[]{md}
#+name: fig:subfigure
#+caption: Subfigure Caption
#+attr_latex: :environment subfigure :width 0.49\linewidth :align c
| file:figs/general_control_names.png | file:figs/general_control_names.png |
| <<fig:general_control_names_1>> sub figure caption | <<fig:general_control_names_2>> sub figure caption |
\end{minted}
\begin{figure}[htbp]
\begin{subfigure}[c]{0.49\linewidth}
\includegraphics[scale=1]{figs/general_control_names.png}
\caption{\label{fig:general_control_names_1} sub figure caption}
\end{subfigure}
\hfill
\begin{subfigure}[c]{0.49\linewidth}
\includegraphics[scale=1]{figs/general_control_names.png}
\caption{\label{fig:general_control_names_2} sub figure caption}
\end{subfigure}
\hfill
\caption{\label{fig:subfigure}Subfigure Caption}
\centering
\end{figure}
\chapter{Tables} \chapter{Tables}
\label{sec:org8d81fa9} \label{sec:org81dc310}
Table \ref{tab:table_with_equations} shows a table with some mathematics inside. Table \ref{tab:table_with_equations} shows a table with some mathematics inside.
@ -513,6 +575,7 @@ Table \ref{tab:table_with_equations} shows a table with some mathematics inside.
\begin{table}[htbp] \begin{table}[htbp]
\caption{\label{tab:table_multiple_heads}Table with multiples groups} \caption{\label{tab:table_multiple_heads}Table with multiples groups}
\centering \centering
\footnotesize
\begin{tabular}{lccc} \begin{tabular}{lccc}
& \textbf{Classical Control} & \textbf{Modern Control} & \textbf{Robust Control}\\ & \textbf{Classical Control} & \textbf{Modern Control} & \textbf{Robust Control}\\
\hline \hline
@ -539,7 +602,7 @@ Table \ref{tab:table_with_equations} shows a table with some mathematics inside.
\end{table} \end{table}
\chapter{Details} \chapter{Details}
\label{sec:org3ed07b1} \label{sec:org0a64f01}
Below is some content hidden until you click the bar. Below is some content hidden until you click the bar.
@ -567,7 +630,7 @@ It is approximately \textbf{12,742 km}
\end{question} \end{question}
\chapter{Videos} \chapter{Videos}
\label{sec:orge3827d0} \label{sec:org9a0b5d6}
\href{https://www.youtube.com/embed/SzA2YODtgK4}{video} \href{https://www.youtube.com/embed/SzA2YODtgK4}{video}

View File

@ -62,6 +62,19 @@ docReady(function() {
} }
}); });
// Wrap Images and Tables
docReady(function() {
let wrap_elements = document.querySelectorAll('[float=wrap-right]')
for (let wrap_el of wrap_elements) {
wrap_el.closest('.figure').classList.add('wrap-right')
}
wrap_elements = document.querySelectorAll('[float=wrap-left]')
for (let wrap_el of wrap_elements) {
wrap_el.closest('.figure').classList.add('wrap-left')
}
});
// Equivalent of Jquery $.ready // Equivalent of Jquery $.ready
function docReady(fn) { function docReady(fn) {
// see if DOM is already available // see if DOM is already available

View File

@ -42,6 +42,7 @@
\setminted[bash]{label=Bash} \setminted[bash]{label=Bash}
\setminted[python]{label=Python} \setminted[python]{label=Python}
\setminted[text]{label=Results} \setminted[text]{label=Results}
\setminted[md]{label=Org Mode}
\setmintedinline{fontsize=\normalsize,bgcolor=my-pale-grey} \setmintedinline{fontsize=\normalsize,bgcolor=my-pale-grey}

View File

@ -307,3 +307,20 @@ span[id*='MathJax-Span']{
border-radius:.1em; border-radius:.1em;
} }
.figure.wrap-right {
float: right;
&:after {
content:'';
display:block;
clear: both;
}
}
.figure.wrap-left {
float: left;
&:after {
content:'';
display:block;
clear: both;
}
}

View File

@ -22,12 +22,14 @@ h1{
} }
h2{ h2{
clear: both; // used if float is present before heading
font-size:150%; font-size:150%;
margin-bottom: 1em; margin-bottom: 1em;
font-weight: $bold; font-weight: $bold;
} }
h3{ h3{
clear: both;
font-size:125%; font-size:125%;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }