tdehaeze/org-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update Scripts

Browse Source
This commit is contained in:
Thomas Dehaeze 2020-11-26 15:59:17 +01:00
parent 845cb0d521
commit 7f0fbb1b2f
6 changed files with 403 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
node_modules node_modules
.log .log
.auctex-auto

8
dist/script.js vendored
View File

@ -44,7 +44,7 @@ docReady(function () {
}); // Copy Source Block }); // Copy Source Block
docReady(function () { docReady(function () {
var srcContainers = document.querySelectorAll('div.org-src-container'); var srcContainers = document.querySelectorAll('pre.src');
var _iterator2 = _createForOfIteratorHelper(srcContainers), var _iterator2 = _createForOfIteratorHelper(srcContainers),
_step2; _step2;
@ -57,10 +57,14 @@ docReady(function () {
boxCopy.textContent = "Copy"; boxCopy.textContent = "Copy";
boxCopy.onclick = function () { boxCopy.onclick = function () {
navigator.clipboard.writeText(this.nextElementSibling.textContent).then(function () { // Get text inside (remove 4 first char corresponding to "Copy")
var srcText = this.parentNode.textContent.slice(4);
navigator.clipboard.writeText(srcText).then(function () {
boxCopy.textContent = "Copied"; boxCopy.textContent = "Copied";
boxCopy.classList.add("src-copied");
setTimeout(function () { setTimeout(function () {
boxCopy.textContent = "Copy"; boxCopy.textContent = "Copy";
boxCopy.classList.remove("src-copied");
}, 1000); }, 1000);
}); });
}; };

4
dist/style.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
figs/matlab_logo.pdf Normal file
View File

Binary file not shown.

BIN
figs/matlab_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

576
index.html
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-11-26 jeu. 13:12 --> <!-- 2020-11-26 jeu. 15:53 -->
<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,103 +33,109 @@
<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="#orgd3cfac5">1. Normal Markup</a></li> <li><a href="#orge37c25a">1. Basics</a>
<li><a href="#org3421196">2. Lists</a>
<ul> <ul>
<li><a href="#org9f86fe8">2.1. Unordered List</a></li> <li><a href="#orgf375cb9">1.1. Normal Markup</a></li>
<li><a href="#orgd0999cb">2.2. Ordered List</a></li> <li><a href="#org2498935">1.2. Links to Footnotes</a></li>
<li><a href="#org19b5917">2.3. Nested Lists</a></li> <li><a href="#org092ba97">1.3. Lists</a></li>
<li><a href="#orge51c2b1">2.4. Definition List</a></li> <li><a href="#orgfa2c4c2">1.4. Links</a></li>
<li><a href="#orgf369d9d">1.5. Maths</a></li>
<li><a href="#org4b6e2eb">1.6. Quote</a></li>
<li><a href="#org326d00b">1.7. Aside</a></li>
</ul> </ul>
</li> </li>
<li><a href="#org704a7fc">3. Headlines</a> <li><a href="#orgd990b18">2. Headlines</a>
<ul> <ul>
<li><a href="#orgcf3c604">3.1. Second level Headline</a> <li><a href="#org6a44c43">2.1. Second level Headline</a>
<ul> <ul>
<li><a href="#org271b712">3.1.1. Third level Headline</a> <li><a href="#org3e954c6">2.1.1. Third level Headline</a>
<ul> <ul>
<li><a href="#org9354178">3.1.1.1. Fourth level Headline</a></li> <li><a href="#org49c9ad7">2.1.1.1. Fourth level Headline</a></li>
</ul> </ul>
</li> </li>
<li><a href="#org2f3612f">3.1.2. Third level Headline</a></li> <li><a href="#orgf58ef01">2.1.2. Third level Headline</a>
</ul>
</li>
<li><a href="#orga4d9a84">3.2. Second level Headline</a></li>
<li><a href="#org15f3bb5">3.3. Second level Headline</a></li>
</ul>
</li>
<li><a href="#org5d2a80e">4. Maths</a></li>
<li><a href="#orgcc25660">5. Quote</a></li>
<li><a href="#org8c68c3d">6. Blocks</a></li>
<li><a href="#org59c0f96">7. Source Blocks</a>
<ul> <ul>
<li><a href="#orgea3aa6f">7.1. Figures</a></li> <li><a href="#orgb5c9097">2.1.2.1. Fourth level Headline</a></li>
<li><a href="#org2213975">7.2. Table Result</a></li>
<li><a href="#orgcd6bfa1">7.3. Inline Results</a></li>
<li><a href="#org1dcb5ae">7.4. Text Results</a></li>
</ul> </ul>
</li> </li>
<li><a href="#org068750c">8. Images</a></li> </ul>
<li><a href="#org1e5d187">9. Tables</a></li> </li>
<li><a href="#org7ec24af">10. Details</a></li> <li><a href="#orga13850f">2.2. Second level Headline</a></li>
<li><a href="#org0edd71e">11. Videos</a></li> </ul>
<li><a href="#org889143b">12. Links</a></li> </li>
<li><a href="#orge58605e">3. Blocks</a></li>
<li><a href="#orga86945d">4. Source Blocks</a>
<ul>
<li><a href="#org76bfa35">4.1. Figures</a></li>
<li><a href="#org5630424">4.2. Table Result</a></li>
<li><a href="#org96bab18">4.3. Inline Results</a></li>
<li><a href="#orga49bd3e">4.4. Numbered Code Blocks</a></li>
</ul>
</li>
<li><a href="#org606ebc3">5. Images</a></li>
<li><a href="#orgd1e0c60">6. Tables</a></li>
<li><a href="#org48b55d0">7. Details</a></li>
<li><a href="#orgae5b9d1">8. Videos</a></li>
<li><a href="#orgf0ae97e">9. Bibliography</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="abstract" id="org8a2f114"> <div class="abstract" id="org91ab32e">
<p> <p>
Simple Abstract. Simple Abstract.
</p> </p>
</div> </div>
<div id="outline-container-orgd3cfac5" class="outline-2"> <div id="outline-container-orge37c25a" class="outline-2">
<h2 id="orgd3cfac5"><span class="section-number-2">1</span> Normal Markup</h2> <h2 id="orge37c25a"><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 id="outline-container-orgf375cb9" class="outline-3">
<h3 id="orgf375cb9"><span class="section-number-3">1.1</span> Normal Markup</h3>
<div class="outline-text-3" id="text-1-1">
<p> <p>
Here is some text in <b>bold</b>, now with <span class="underline">underline</span> and now some <code>inline code</code>. Here is some text in <b>bold</b>, now with <span class="underline">underline</span> and now some <code>inline code</code>.
</p>
<p>
Finally some <i>italic</i> text. Finally some <i>italic</i> text.
</p> </p>
</div>
</div>
<div id="outline-container-org2498935" class="outline-3">
<h3 id="org2498935"><span class="section-number-3">1.2</span> Links to Footnotes</h3>
<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>.
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org3421196" class="outline-2"> <div id="outline-container-org092ba97" class="outline-3">
<h2 id="org3421196"><span class="section-number-2">2</span> Lists</h2> <h3 id="org092ba97"><span class="section-number-3">1.3</span> Lists</h3>
<div class="outline-text-2" id="text-2"> <div class="outline-text-3" id="text-1-3">
</div> <p>
<div id="outline-container-org9f86fe8" class="outline-3"> <b>Unordered List</b>:
<h3 id="org9f86fe8"><span class="section-number-3">2.1</span> Unordered List</h3> </p>
<div class="outline-text-3" id="text-2-1">
<ul class="org-ul"> <ul class="org-ul">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Nam aliquet euismod viverra.</li> <li>Nam aliquet euismod viverra.</li>
<li>Phasellus turpis nisi, faucibus a orci et, faucibus fermentum ligula.</li> <li>Phasellus turpis nisi, faucibus a orci et, faucibus fermentum ligula.</li>
</ul> </ul>
</div>
</div>
<div id="outline-container-orgd0999cb" class="outline-3">
<h3 id="orgd0999cb"><span class="section-number-3">2.2</span> Ordered List</h3> <p>
<div class="outline-text-3" id="text-2-2"> <b>Ordered List</b>:
</p>
<ol class="org-ol"> <ol class="org-ol">
<li>In libero odio, imperdiet eget ex a, vulputate suscipit tellus.</li> <li>In libero odio, imperdiet eget ex a, vulputate suscipit tellus.</li>
<li>Etiam sed leo ex.</li> <li>Etiam sed leo ex.</li>
<li>Integer eu rutrum turpis.</li> <li>Integer eu rutrum turpis.</li>
</ol> </ol>
</div>
</div>
<div id="outline-container-org19b5917" class="outline-3">
<h3 id="org19b5917"><span class="section-number-3">2.3</span> Nested Lists</h3> <p>
<div class="outline-text-3" id="text-2-3"> <b>Nested Lists</b>:
</p>
<ul class="org-ul"> <ul class="org-ul">
<li>Nulla facilisi.</li> <li>Nulla facilisi.</li>
<li>Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus. <li>Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus.
@ -150,12 +156,10 @@ A link to a footnote<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup>
</ul></li> </ul></li>
</ul></li> </ul></li>
</ul> </ul>
</div>
</div>
<div id="outline-container-orge51c2b1" class="outline-3"> <p>
<h3 id="orge51c2b1"><span class="section-number-3">2.4</span> Definition List</h3> <b>Definition List</b>:
<div class="outline-text-3" id="text-2-4"> </p>
<dl class="org-dl"> <dl class="org-dl">
<dt>Lorem ipsum</dt><dd>dolor sit amet, consectetur adipiscing elit. Mauris laoreet <dt>Lorem ipsum</dt><dd>dolor sit amet, consectetur adipiscing elit. Mauris laoreet
sollicitudin venenatis. Duis sed consequat dolor.</dd> sollicitudin venenatis. Duis sed consequat dolor.</dd>
@ -171,48 +175,27 @@ maximus lorem quis accumsan vehicula.</dd>
</dl> </dl>
</div> </div>
</div> </div>
</div>
<div id="outline-container-org704a7fc" class="outline-2"> <div id="outline-container-orgfa2c4c2" class="outline-3">
<h2 id="org704a7fc"><span class="section-number-2">3</span> Headlines</h2> <h3 id="orgfa2c4c2"><span class="section-number-3">1.4</span> Links</h3>
<div class="outline-text-2" id="text-3"> <div class="outline-text-3" id="text-1-4">
</div> <p>
<div id="outline-container-orgcf3c604" class="outline-3"> Here is a list of links to:
<h3 id="orgcf3c604"><span class="section-number-3">3.1</span> Second level Headline</h3> </p>
<div class="outline-text-3" id="text-3-1"> <ul class="org-ul">
</div> <li>Figure <a href="#orgb486a9a">3</a></li>
<div id="outline-container-org271b712" class="outline-4"> <li>Table <a href="#org5a7d75e">2</a></li>
<h4 id="org271b712"><span class="section-number-4">3.1.1</span> Third level Headline</h4> <li>Listing <a href="#orgd9c51fe">1</a></li>
<div class="outline-text-4" id="text-3-1-1"> <li>Equation \eqref{eq:numbered}</li>
</div> <li>Section <a href="#org922825b">2</a></li>
<div id="outline-container-org9354178" class="outline-5"> <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>
<h5 id="org9354178"><span class="section-number-5">3.1.1.1</span> Fourth level Headline</h5> </ul>
<div class="outline-text-5" id="text-3-1-1-1">
</div>
<ol class="org-ol">
<li><a id="org82ed505"></a>Fifth level Headline<br />
<ol class="org-ol">
<li><a id="orge75a9e4"></a>Sixth level Headline<br /></li>
</ol>
</li>
</ol>
</div>
</div>
<div id="outline-container-org2f3612f" class="outline-4">
<h4 id="org2f3612f"><span class="section-number-4">3.1.2</span> Third level Headline</h4>
</div>
</div>
<div id="outline-container-orga4d9a84" class="outline-3">
<h3 id="orga4d9a84"><span class="section-number-3">3.2</span> Second level Headline</h3>
</div>
<div id="outline-container-org15f3bb5" class="outline-3">
<h3 id="org15f3bb5"><span class="section-number-3">3.3</span> Second level Headline</h3>
</div> </div>
</div> </div>
<div id="outline-container-org5d2a80e" class="outline-2"> <div id="outline-container-orgf369d9d" class="outline-3">
<h2 id="org5d2a80e"><span class="section-number-2">4</span> Maths</h2> <h3 id="orgf369d9d"><span class="section-number-3">1.5</span> Maths</h3>
<div class="outline-text-2" id="text-4"> <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\).
</p> </p>
@ -223,25 +206,25 @@ Unumbered equation:
</p> </p>
<p> <p>
Using the <code>equation</code> environment: Using the <code>equation</code> environment in Eq. \eqref{eq:numbered}.
</p> </p>
\begin{equation} \begin{equation}
F(s) = \int_0^\infty f(t) e^{-st} dt \label{eq:numbered} F(s) = \int_0^\infty f(t) e^{-st} dt \label{eq:numbered}
\end{equation} \end{equation}
<p> <p>
Using the <code>align</code> environment: Using the <code>align</code> environment Equations \eqref{eq:align_1} and \eqref{eq:align_2}.
</p> </p>
\begin{align} \begin{align}
\mathcal{F}(a) &= \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - a}\,dz\\ \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 \int_D (\nabla\cdot \mathcal{F})\,dV &=\int_{\partial D}\mathcal{F}\cdot n\, dS \label{eq:align_2}
\end{align} \end{align}
</div> </div>
</div> </div>
<div id="outline-container-orgcc25660" class="outline-2"> <div id="outline-container-org4b6e2eb" class="outline-3">
<h2 id="orgcc25660"><span class="section-number-2">5</span> Quote</h2> <h3 id="org4b6e2eb"><span class="section-number-3">1.6</span> Quote</h3>
<div class="outline-text-2" id="text-5"> <div class="outline-text-3" id="text-1-6">
<blockquote> <blockquote>
<p> <p>
This is a quote This is a quote
@ -250,66 +233,139 @@ This is a quote
</div> </div>
</div> </div>
<div id="outline-container-org8c68c3d" class="outline-2"> <div id="outline-container-org326d00b" class="outline-3">
<h2 id="org8c68c3d"><span class="section-number-2">6</span> Blocks</h2> <h3 id="org326d00b"><span class="section-number-3">1.7</span> Aside</h3>
<div class="outline-text-2" id="text-6"> <div class="outline-text-3" id="text-1-7">
<div class="seealso" id="orgd45a969"> <p>
An aside block can be used as shown below.
</p>
<div class="aside" id="org4b61f08">
<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>
<div id="outline-container-orgd990b18" class="outline-2">
<h2 id="orgd990b18"><span class="section-number-2">2</span> Headlines</h2>
<div class="outline-text-2" id="text-2">
<p>
<a id="org922825b"></a>
</p>
</div>
<div id="outline-container-org6a44c43" class="outline-3">
<h3 id="org6a44c43"><span class="section-number-3">2.1</span> Second level Headline</h3>
<div class="outline-text-3" id="text-2-1">
</div>
<div id="outline-container-org3e954c6" class="outline-4">
<h4 id="org3e954c6"><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-org49c9ad7" class="outline-5">
<h5 id="org49c9ad7"><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-orgf58ef01" class="outline-4">
<h4 id="orgf58ef01"><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-orgb5c9097" class="outline-5">
<h5 id="orgb5c9097"><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-orga13850f" class="outline-3">
<h3 id="orga13850f"><span class="section-number-3">2.2</span> Second level Headline</h3>
<div class="outline-text-3" id="text-2-2">
<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-orge58605e" class="outline-2">
<h2 id="orge58605e"><span class="section-number-2">3</span> Blocks</h2>
<div class="outline-text-2" id="text-3">
<div class="seealso" id="org459cebb">
<p> <p>
<code>seealso</code> block. <code>seealso</code> block.
</p> </p>
</div> </div>
<div class="hint" id="orgd6efe64"> <div class="hint" id="orgf69b177">
<p> <p>
<code>hint</code> block. <code>hint</code> block.
</p> </p>
</div> </div>
<div class="definition" id="org7e5066e"> <div class="definition" id="orgefd1976">
<p> <p>
<code>definition</code> block. <code>definition</code> block.
</p> </p>
</div> </div>
<div class="exampl" id="orgfb7cf51"> <div class="exampl" id="org3d18ba8">
<p> <p>
<code>exampl</code> block. <code>exampl</code> block.
</p> </p>
</div> </div>
<div class="question" id="orgdbd62f5"> <div class="question" id="org21658b0">
<p> <p>
<code>question</code> block. <code>question</code> block.
</p> </p>
</div> </div>
<div class="summary" id="org314b23e"> <div class="summary" id="orga4de47a">
<p> <p>
<code>summary</code> block. <code>summary</code> block.
</p> </p>
</div> </div>
<div class="important" id="orgfc4dbf5"> <div class="important" id="org97b32d8">
<p> <p>
<code>important</code> block. <code>important</code> block.
</p> </p>
</div> </div>
<div class="caution" id="org791482a"> <div class="caution" id="org00c2d06">
<p> <p>
<code>caution</code> block. <code>caution</code> block.
</p> </p>
</div> </div>
<div class="warning" id="orgd4b1f7e"> <div class="warning" id="orgcfe0a2a">
<p> <p>
<code>warning</code> block. <code>warning</code> block.
</p> </p>
@ -318,13 +374,13 @@ This is a quote
</div> </div>
</div> </div>
<div id="outline-container-org59c0f96" class="outline-2"> <div id="outline-container-orga86945d" class="outline-2">
<h2 id="org59c0f96"><span class="section-number-2">7</span> Source Blocks</h2> <h2 id="orga86945d"><span class="section-number-2">4</span> Source Blocks</h2>
<div class="outline-text-2" id="text-7"> <div class="outline-text-2" id="text-4">
</div> </div>
<div id="outline-container-orgea3aa6f" class="outline-3"> <div id="outline-container-org76bfa35" class="outline-3">
<h3 id="orgea3aa6f"><span class="section-number-3">7.1</span> Figures</h3> <h3 id="org76bfa35"><span class="section-number-3">4.1</span> Figures</h3>
<div class="outline-text-3" id="text-7-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>
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> 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>
@ -339,7 +395,7 @@ xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-stri
</div> </div>
<div id="org8e547de" class="figure"> <div id="org64560ea" 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>
@ -347,16 +403,16 @@ xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-stri
</div> </div>
</div> </div>
<div id="outline-container-org2213975" class="outline-3"> <div id="outline-container-org5630424" class="outline-3">
<h3 id="org2213975"><span class="section-number-3">7.2</span> Table Result</h3> <h3 id="org5630424"><span class="section-number-3">4.2</span> Table Result</h3>
<div class="outline-text-3" id="text-7-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;
y = x<span class="org-type">.^</span>2; y = x<span class="org-type">.^</span>2;
</pre> </pre>
</div> </div>
<table id="org3718a71" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table id="org59b0ee4" 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>
@ -425,9 +481,9 @@ y = x<span class="org-type">.^</span>2;
</div> </div>
</div> </div>
<div id="outline-container-orgcd6bfa1" class="outline-3"> <div id="outline-container-org96bab18" class="outline-3">
<h3 id="orgcd6bfa1"><span class="section-number-3">7.3</span> Inline Results</h3> <h3 id="org96bab18"><span class="section-number-3">4.3</span> Inline Results</h3>
<div class="outline-text-3" id="text-7-3"> <div class="outline-text-3" id="text-4-3">
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-matlab">sqrt(2) <pre class="src src-matlab">sqrt(2)
</pre> </pre>
@ -436,12 +492,9 @@ y = x<span class="org-type">.^</span>2;
<pre class="example"> <pre class="example">
1.4142 1.4142
</pre> </pre>
</div>
</div>
<div id="outline-container-org1dcb5ae" class="outline-3">
<h3 id="org1dcb5ae"><span class="section-number-3">7.4</span> Text Results</h3>
<div class="outline-text-3" id="text-7-4">
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-matlab">y <pre class="src src-matlab">y
</pre> </pre>
@ -453,14 +506,69 @@ y =
</pre> </pre>
</div> </div>
</div> </div>
<div id="outline-container-orga49bd3e" class="outline-3">
<h3 id="orga49bd3e"><span class="section-number-3">4.4</span> Numbered Code Blocks</h3>
<div class="outline-text-3" id="text-4-4">
<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="orgd9c51fe"><span class="org-type">figure</span>;
[X,Y,Z] = peaks;
contour(X,Y,Z,20)
</pre>
</div> </div>
<div id="outline-container-org068750c" class="outline-2">
<h2 id="org068750c"><span class="section-number-2">8</span> Images</h2> <div id="org4cceb10" class="figure">
<div class="outline-text-2" id="text-8"> <p><img src="figs/matlab_logo.png" alt="matlab_logo.png" />
<details><summary>Code</summary> </p>
<p><span class="figure-number">Figure 2: </span>Obtained Contour Plot</p>
</div>
<p>
Below is another code block.
</p>
<div class="org-src-container"> <div class="org-src-container">
<pre class="src src-latex"><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 2: </span>Code to compute the Singular Value Decomposition</label><pre class="src src-matlab" id="org639fa86">A = [1 2; 3 4; 5 6; 7 8]
[U,S,V] = svd(A)
</pre>
</div>
<pre class="example" id="org95ab433">
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>
<div id="outline-container-org606ebc3" class="outline-2">
<h2 id="org606ebc3"><span class="section-number-2">5</span> Images</h2>
<div class="outline-text-2" id="text-5">
<p>
Figure <a href="#orgb486a9a">3</a> shows the results of the Tikz code of listing <a href="#org3a88ff9">3</a>.
</p>
<div class="org-src-container">
<label class="org-src-name"><span class="listing-number">Listing 3: </span>Tikz code that is used to generate Figure <a href="#orgb486a9a">3</a></label><pre class="src src-latex" id="org3a88ff9"><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>};
@ -481,77 +589,163 @@ y =
<span class="org-font-latex-sedate"><span class="org-keyword">\end</span></span>{<span class="org-function-name">tikzpicture</span>} <span class="org-font-latex-sedate"><span class="org-keyword">\end</span></span>{<span class="org-function-name">tikzpicture</span>}
</pre> </pre>
</div> </div>
</details>
<div id="orgfffcc1c" class="figure"> <div id="orgb486a9a" 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 2: </span>Figure caption</p> <p><span class="figure-number">Figure 3: </span>General Control Configuration</p>
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-org1e5d187" class="outline-2"> <div id="outline-container-orgd1e0c60" class="outline-2">
<h2 id="org1e5d187"><span class="section-number-2">9</span> Tables</h2> <h2 id="orgd1e0c60"><span class="section-number-2">6</span> Tables</h2>
<div class="outline-text-2" id="text-9"> <div class="outline-text-2" id="text-6">
<table id="orgcf00ba1" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <p>
<caption class="t-above"><span class="table-number">Table 2:</span> Table caption</caption> Table <a href="#org5a7d75e">2</a> shows a table with some mathematics inside.
</p>
<table id="org5a7d75e" 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> <colgroup>
<col class="org-left" /> <col class="org-right" />
<col class="org-left" /> <col class="org-right" />
<col class="org-left" /> <col class="org-right" />
<col class="org-right" />
<col class="org-right" />
<col class="org-right" />
</colgroup> </colgroup>
<thead> <thead>
<tr> <tr>
<th scope="col" class="org-left">a</th> <th scope="col" class="org-right">\(N\)</th>
<th scope="col" class="org-left">b</th> <th scope="col" class="org-right">\(N^2\)</th>
<th scope="col" class="org-left">c</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> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td class="org-left">x</td> <td class="org-right">1</td>
<td class="org-left">\(\int_0^\infty f(x) dx\)</td> <td class="org-right">1</td>
<td class="org-left">0</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>
<tr> <tr>
<td class="org-left">y</td> <td class="org-right">2</td>
<td class="org-left">sdf</td> <td class="org-right">4</td>
<td class="org-left">sdf</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>
<tr> <tr>
<td class="org-left">sdf</td> <td class="org-right">3</td>
<td class="org-left">sdf</td> <td class="org-right">9</td>
<td class="org-left">sd</td> <td class="org-right">27</td>
</tr> <td class="org-right">81</td>
<td class="org-right">1.7320508</td>
<tr> <td class="org-right">1.3160740</td>
<td class="org-left">fsd</td>
<td class="org-left">df</td>
<td class="org-left">sdf</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-org7ec24af" class="outline-2"> <div id="outline-container-org48b55d0" class="outline-2">
<h2 id="org7ec24af"><span class="section-number-2">10</span> Details</h2> <h2 id="org48b55d0"><span class="section-number-2">7</span> Details</h2>
<div class="outline-text-2" id="text-10"> <div class="outline-text-2" id="text-7">
<div class="question" id="org50d4569"> <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="org1166870" 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>
<div class="question" id="orge6f5f01">
<p> <p>
What is the approximate diameter of the earth? What is the approximate diameter of the earth?
</p> </p>
<details><summary>Answer</summary> <details><summary>Answer</summary>
<p> <p>
It is approximately 12,742 km It is approximately <b>12,742 km</b>
</p> </p>
</details> </details>
@ -559,24 +753,42 @@ It is approximately 12,742 km
</div> </div>
</div> </div>
<div id="outline-container-org0edd71e" class="outline-2"> <div id="outline-container-orgae5b9d1" class="outline-2">
<h2 id="org0edd71e"><span class="section-number-2">11</span> Videos</h2> <h2 id="orgae5b9d1"><span class="section-number-2">8</span> Videos</h2>
<div class="outline-text-2" id="text-11"> <div class="outline-text-2" id="text-8">
<p> <p>
<div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/A7wHSr6GRnc" frameborder="0" allowfullscreen></iframe></div> <div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/A7wHSr6GRnc" frameborder="0" allowfullscreen></iframe></div>
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org889143b" class="outline-2"> <div id="outline-container-orgf0ae97e" class="outline-2">
<h2 id="org889143b"><span class="section-number-2">12</span> Links</h2> <h2 id="orgf0ae97e"><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 &#38; 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>
<div id="footnotes"> <div id="footnotes">
<h2 class="footnotes">Footnotes: </h2> <h2 class="footnotes">Footnotes</h2>
<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="#orgfffcc1c">2</a>. A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure <a href="#orgb486a9a">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">
@ -588,7 +800,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-11-26 jeu. 13:12</p> <p class="date">Created: 2020-11-26 jeu. 15:53</p>
</div> </div>
</body> </body>
</html> </html>