org-theme/index.html
2020-11-26 13:42:19 +01:00

595 lines
18 KiB
HTML

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2020-11-26 jeu. 13:12 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Test File for the Org Mode Theme</title>
<meta name="generator" content="Org mode" />
<meta name="author" content="Dehaeze Thomas" />
<link rel="stylesheet" type="text/css" href="dist/style.css"/>
<script type="text/javascript" src="dist/script.js"></script>
<script>MathJax = {
tex: {
tags: 'ams',
macros: {bm: ["\\boldsymbol{#1}",1],}
}
};
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
<body>
<div id="org-div-home-and-up">
<a accesskey="h" href="../index.html"> UP </a>
|
<a accesskey="H" href="../index.html"> HOME </a>
</div><div id="content">
<h1 class="title">Test File for the Org Mode Theme
<br />
<span class="subtitle">Simple set of CSS and JS files</span>
</h1>
<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#orgd3cfac5">1. Normal Markup</a></li>
<li><a href="#org3421196">2. Lists</a>
<ul>
<li><a href="#org9f86fe8">2.1. Unordered List</a></li>
<li><a href="#orgd0999cb">2.2. Ordered List</a></li>
<li><a href="#org19b5917">2.3. Nested Lists</a></li>
<li><a href="#orge51c2b1">2.4. Definition List</a></li>
</ul>
</li>
<li><a href="#org704a7fc">3. Headlines</a>
<ul>
<li><a href="#orgcf3c604">3.1. Second level Headline</a>
<ul>
<li><a href="#org271b712">3.1.1. Third level Headline</a>
<ul>
<li><a href="#org9354178">3.1.1.1. Fourth level Headline</a></li>
</ul>
</li>
<li><a href="#org2f3612f">3.1.2. Third level Headline</a></li>
</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>
<li><a href="#orgea3aa6f">7.1. Figures</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>
</li>
<li><a href="#org068750c">8. Images</a></li>
<li><a href="#org1e5d187">9. Tables</a></li>
<li><a href="#org7ec24af">10. Details</a></li>
<li><a href="#org0edd71e">11. Videos</a></li>
<li><a href="#org889143b">12. Links</a></li>
</ul>
</div>
</div>
<div class="abstract" id="org8a2f114">
<p>
Simple Abstract.
</p>
</div>
<div id="outline-container-orgd3cfac5" class="outline-2">
<h2 id="orgd3cfac5"><span class="section-number-2">1</span> Normal Markup</h2>
<div class="outline-text-2" id="text-1">
<p>
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.
</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>.
</p>
</div>
</div>
<div id="outline-container-org3421196" class="outline-2">
<h2 id="org3421196"><span class="section-number-2">2</span> Lists</h2>
<div class="outline-text-2" id="text-2">
</div>
<div id="outline-container-org9f86fe8" class="outline-3">
<h3 id="org9f86fe8"><span class="section-number-3">2.1</span> Unordered List</h3>
<div class="outline-text-3" id="text-2-1">
<ul class="org-ul">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Nam aliquet euismod viverra.</li>
<li>Phasellus turpis nisi, faucibus a orci et, faucibus fermentum ligula.</li>
</ul>
</div>
</div>
<div id="outline-container-orgd0999cb" class="outline-3">
<h3 id="orgd0999cb"><span class="section-number-3">2.2</span> Ordered List</h3>
<div class="outline-text-3" id="text-2-2">
<ol class="org-ol">
<li>In libero odio, imperdiet eget ex a, vulputate suscipit tellus.</li>
<li>Etiam sed leo ex.</li>
<li>Integer eu rutrum turpis.</li>
</ol>
</div>
</div>
<div id="outline-container-org19b5917" class="outline-3">
<h3 id="org19b5917"><span class="section-number-3">2.3</span> Nested Lists</h3>
<div class="outline-text-3" id="text-2-3">
<ul class="org-ul">
<li>Nulla facilisi.</li>
<li>Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus.
<ol class="org-ol">
<li>In libero odio, imperdiet eget ex a, vulputate suscipit tellus.</li>
<li>Etiam sed leo ex.
<ul class="org-ul">
<li>Nulla facilisi.</li>
<li>Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus.</li>
</ul></li>
<li>Integer eu rutrum turpis.</li>
</ol></li>
<li>Ut porta, quam id mattis feugiat, augue mauris bibendum sapien, a pulvinar mi lorem vitae nunc.
<ul class="org-ul">
<li>Integer eu rutrum turpis.
<ul class="org-ul">
<li>Sed pretium mattis nibh, vel lobortis augue semper vel.</li>
</ul></li>
</ul></li>
</ul>
</div>
</div>
<div id="outline-container-orge51c2b1" class="outline-3">
<h3 id="orge51c2b1"><span class="section-number-3">2.4</span> Definition List</h3>
<div class="outline-text-3" id="text-2-4">
<dl class="org-dl">
<dt>Lorem ipsum</dt><dd>dolor sit amet, consectetur adipiscing elit. Mauris laoreet
sollicitudin venenatis. Duis sed consequat dolor.</dd>
<dt>Etiam feugiat</dt><dd>pharetra sapien et semper. Nunc ornare lacus sit amet massa
auctor, vitae aliquam eros interdum. Mauris arcu ante, imperdiet vel purus
ac, bibendum faucibus diam. Ut blandit nec mi at ultricies. Donec eget
mattis nisl. In sed nibh felis. Cras quis convallis orci.</dd>
<dt>Sed aliquam</dt><dd>odio sed faucibus aliquam, arcu augue elementum justo, ut
vulputate ligula sem in augue. Maecenas ante felis, pellentesque auctor
semper non, eleifend quis ante. Fusce enim orci, suscipit ac dapibus et,
fermentum eu tortor. Duis in facilisis ante, quis faucibus dolor. Etiam
maximus lorem quis accumsan vehicula.</dd>
</dl>
</div>
</div>
</div>
<div id="outline-container-org704a7fc" class="outline-2">
<h2 id="org704a7fc"><span class="section-number-2">3</span> Headlines</h2>
<div class="outline-text-2" id="text-3">
</div>
<div id="outline-container-orgcf3c604" class="outline-3">
<h3 id="orgcf3c604"><span class="section-number-3">3.1</span> Second level Headline</h3>
<div class="outline-text-3" id="text-3-1">
</div>
<div id="outline-container-org271b712" class="outline-4">
<h4 id="org271b712"><span class="section-number-4">3.1.1</span> Third level Headline</h4>
<div class="outline-text-4" id="text-3-1-1">
</div>
<div id="outline-container-org9354178" class="outline-5">
<h5 id="org9354178"><span class="section-number-5">3.1.1.1</span> Fourth level Headline</h5>
<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 id="outline-container-org5d2a80e" class="outline-2">
<h2 id="org5d2a80e"><span class="section-number-2">4</span> Maths</h2>
<div class="outline-text-2" id="text-4">
<p>
Here is some inline mathematics: \(z = 2\).
</p>
<p>
Unumbered equation:
\[ F(x) = \int_0^x f(t) dt \]
</p>
<p>
Using the <code>equation</code> environment:
</p>
\begin{equation}
F(s) = \int_0^\infty f(t) e^{-st} dt \label{eq:numbered}
\end{equation}
<p>
Using the <code>align</code> environment:
</p>
\begin{align}
\mathcal{F}(a) &= \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - a}\,dz\\
\int_D (\nabla\cdot \mathcal{F})\,dV &=\int_{\partial D}\mathcal{F}\cdot n\, dS
\end{align}
</div>
</div>
<div id="outline-container-orgcc25660" class="outline-2">
<h2 id="orgcc25660"><span class="section-number-2">5</span> Quote</h2>
<div class="outline-text-2" id="text-5">
<blockquote>
<p>
This is a quote
</p>
</blockquote>
</div>
</div>
<div id="outline-container-org8c68c3d" class="outline-2">
<h2 id="org8c68c3d"><span class="section-number-2">6</span> Blocks</h2>
<div class="outline-text-2" id="text-6">
<div class="seealso" id="orgd45a969">
<p>
<code>seealso</code> block.
</p>
</div>
<div class="hint" id="orgd6efe64">
<p>
<code>hint</code> block.
</p>
</div>
<div class="definition" id="org7e5066e">
<p>
<code>definition</code> block.
</p>
</div>
<div class="exampl" id="orgfb7cf51">
<p>
<code>exampl</code> block.
</p>
</div>
<div class="question" id="orgdbd62f5">
<p>
<code>question</code> block.
</p>
</div>
<div class="summary" id="org314b23e">
<p>
<code>summary</code> block.
</p>
</div>
<div class="important" id="orgfc4dbf5">
<p>
<code>important</code> block.
</p>
</div>
<div class="caution" id="org791482a">
<p>
<code>caution</code> block.
</p>
</div>
<div class="warning" id="orgd4b1f7e">
<p>
<code>warning</code> block.
</p>
</div>
</div>
</div>
<div id="outline-container-org59c0f96" class="outline-2">
<h2 id="org59c0f96"><span class="section-number-2">7</span> Source Blocks</h2>
<div class="outline-text-2" id="text-7">
</div>
<div id="outline-container-orgea3aa6f" class="outline-3">
<h3 id="orgea3aa6f"><span class="section-number-3">7.1</span> Figures</h3>
<div class="outline-text-3" id="text-7-1">
<div class="org-src-container">
<pre class="src src-matlab">t = 0<span class="org-type">:</span>0.01<span class="org-type">:</span>5; <span class="org-comment">% Time [s]</span>
x = sin(2<span class="org-type">*</span><span class="org-constant">pi</span><span class="org-type">*</span>t); <span class="org-comment">% Output Voltage [V]</span>
</pre>
</div>
<div class="org-src-container">
<pre class="src src-matlab"><span class="org-type">figure</span>;
plot(t, x);
xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-string">'Voltage [V]'</span>);
</pre>
</div>
<div id="org8e547de" class="figure">
<p><img src="figs/matlab_fig_example.png" alt="matlab_fig_example.png" />
</p>
<p><span class="figure-number">Figure 1: </span>Matlab Figure</p>
</div>
</div>
</div>
<div id="outline-container-org2213975" class="outline-3">
<h3 id="org2213975"><span class="section-number-3">7.2</span> Table Result</h3>
<div class="outline-text-3" id="text-7-2">
<div class="org-src-container">
<pre class="src src-matlab">x = 1<span class="org-type">:</span>10;
y = x<span class="org-type">.^</span>2;
</pre>
</div>
<table id="org3718a71" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 1:</span> Table caption</caption>
<colgroup>
<col class="org-right" />
<col class="org-right" />
</colgroup>
<thead>
<tr>
<th scope="col" class="org-right">\(x\)</th>
<th scope="col" class="org-right">\(y = x^2\)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-right">1</td>
<td class="org-right">1</td>
</tr>
<tr>
<td class="org-right">2</td>
<td class="org-right">4</td>
</tr>
<tr>
<td class="org-right">3</td>
<td class="org-right">9</td>
</tr>
<tr>
<td class="org-right">4</td>
<td class="org-right">16</td>
</tr>
<tr>
<td class="org-right">5</td>
<td class="org-right">25</td>
</tr>
<tr>
<td class="org-right">6</td>
<td class="org-right">36</td>
</tr>
<tr>
<td class="org-right">7</td>
<td class="org-right">49</td>
</tr>
<tr>
<td class="org-right">8</td>
<td class="org-right">64</td>
</tr>
<tr>
<td class="org-right">9</td>
<td class="org-right">81</td>
</tr>
<tr>
<td class="org-right">10</td>
<td class="org-right">100</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-orgcd6bfa1" class="outline-3">
<h3 id="orgcd6bfa1"><span class="section-number-3">7.3</span> Inline Results</h3>
<div class="outline-text-3" id="text-7-3">
<div class="org-src-container">
<pre class="src src-matlab">sqrt(2)
</pre>
</div>
<pre class="example">
1.4142
</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">
<pre class="src src-matlab">y
</pre>
</div>
<pre class="example">
y =
1 4 9 16 25 36 49 64 81 100
</pre>
</div>
</div>
</div>
<div id="outline-container-org068750c" class="outline-2">
<h2 id="org068750c"><span class="section-number-2">8</span> Images</h2>
<div class="outline-text-2" id="text-8">
<details><summary>Code</summary>
<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>}
<span class="org-comment">% Blocs</span>
<span class="org-font-latex-sedate">\node</span>[block={2.0cm}{2.0cm}] (P) {<span class="org-font-latex-math">$P$</span>};
<span class="org-font-latex-sedate">\node</span>[block={1.5cm}{1.5cm}, below=0.7 of P] (K) {<span class="org-font-latex-math">$K$</span>};
<span class="org-comment">% Input and outputs coordinates</span>
<span class="org-font-latex-sedate">\coordinate</span>[] (inputw) at (<span class="org-font-latex-math">$(P.south west)!0.75!(P.north west)$</span>);
<span class="org-font-latex-sedate">\coordinate</span>[] (inputu) at (<span class="org-font-latex-math">$(P.south west)!0.25!(P.north west)$</span>);
<span class="org-font-latex-sedate">\coordinate</span>[] (outputz) at (<span class="org-font-latex-math">$(P.south east)!0.75!(P.north east)$</span>);
<span class="org-font-latex-sedate">\coordinate</span>[] (outputv) at (<span class="org-font-latex-math">$(P.south east)!0.25!(P.north east)$</span>);
<span class="org-comment">% Connections and labels</span>
<span class="org-font-latex-sedate">\draw</span>[&lt;-] (inputw) node[above left, align=right]{(weighted)<span class="org-font-latex-warning">\\</span>exogenous inputs<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$w$</span>} -- ++(-1.5, 0);
<span class="org-font-latex-sedate">\draw</span>[&lt;-] (inputu) -- ++(-0.8, 0) |- node[left, near start, align=right]{control signals<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$u$</span>} (K.west);
<span class="org-font-latex-sedate">\draw</span>[-&gt;] (outputz) node[above right, align=left]{(weighted)<span class="org-font-latex-warning">\\</span>exogenous outputs<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$z$</span>} -- ++(1.5, 0);
<span class="org-font-latex-sedate">\draw</span>[-&gt;] (outputv) -- ++(0.8, 0) |- node[right, near start, align=left]{sensed output<span class="org-font-latex-warning">\\</span><span class="org-font-latex-math">$v$</span>} (K.east);
<span class="org-font-latex-sedate"><span class="org-keyword">\end</span></span>{<span class="org-function-name">tikzpicture</span>}
</pre>
</div>
</details>
<div id="orgfffcc1c" class="figure">
<p><img src="figs/general_control_names.png" alt="general_control_names.png" />
</p>
<p><span class="figure-number">Figure 2: </span>Figure caption</p>
</div>
</div>
</div>
<div id="outline-container-org1e5d187" class="outline-2">
<h2 id="org1e5d187"><span class="section-number-2">9</span> Tables</h2>
<div class="outline-text-2" id="text-9">
<table id="orgcf00ba1" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 2:</span> Table caption</caption>
<colgroup>
<col class="org-left" />
<col class="org-left" />
<col class="org-left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left">a</th>
<th scope="col" class="org-left">b</th>
<th scope="col" class="org-left">c</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">x</td>
<td class="org-left">\(\int_0^\infty f(x) dx\)</td>
<td class="org-left">0</td>
</tr>
<tr>
<td class="org-left">y</td>
<td class="org-left">sdf</td>
<td class="org-left">sdf</td>
</tr>
<tr>
<td class="org-left">sdf</td>
<td class="org-left">sdf</td>
<td class="org-left">sd</td>
</tr>
<tr>
<td class="org-left">fsd</td>
<td class="org-left">df</td>
<td class="org-left">sdf</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-org7ec24af" class="outline-2">
<h2 id="org7ec24af"><span class="section-number-2">10</span> Details</h2>
<div class="outline-text-2" id="text-10">
<div class="question" id="org50d4569">
<p>
What is the approximate diameter of the earth?
</p>
<details><summary>Answer</summary>
<p>
It is approximately 12,742 km
</p>
</details>
</div>
</div>
</div>
<div id="outline-container-org0edd71e" class="outline-2">
<h2 id="org0edd71e"><span class="section-number-2">11</span> Videos</h2>
<div class="outline-text-2" id="text-11">
<p>
<div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/A7wHSr6GRnc" frameborder="0" allowfullscreen></iframe></div>
</p>
</div>
</div>
<div id="outline-container-org889143b" class="outline-2">
<h2 id="org889143b"><span class="section-number-2">12</span> Links</h2>
</div>
<div id="footnotes">
<h2 class="footnotes">Footnotes: </h2>
<div id="text-footnotes">
<div class="footdef"><sup><a id="fn.1" class="footnum" href="#fnr.1">1</a></sup> <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>.
</p></div></div>
<div class="footdef"><sup><a id="fn.2" class="footnum" href="#fnr.2">2</a></sup> <div class="footpara"><p class="footpara">
An other footnote.
</p></div></div>
</div>
</div></div>
<div id="postamble" class="status">
<p class="author">Author: Dehaeze Thomas</p>
<p class="date">Created: 2020-11-26 jeu. 13:12</p>
</div>
</body>
</html>