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

Compare commits

base: tdehaeze:10518c61280717b52f3aaad070f2fdc3b7b4544a
Branches Tags
tdehaeze:master
...
compare: tdehaeze:d1258aeb1120015001222e2652671af38dd88db6
Branches Tags
tdehaeze:master

2 Commits
10518c6128 ... d1258aeb11

Author SHA1 Message Date
Thomas Dehaeze
d1258aeb11 Build Js and CSS 2020-11-27 11:13:20 +01:00
Thomas Dehaeze
041569ece7 Reduce subtitle size 2020-11-27 11:10:18 +01:00
7 changed files with 284 additions and 259 deletions
Show Stats Expand all files Collapse all files

134
dist/script.js vendored
View File

@ -1,11 +1,7 @@
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
"use strict";
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
// var $ = require('jquery');
// window.$ = $;
// require('bootstrap');
// Blocks
docReady(function() {
@ -19,79 +15,88 @@ docReady(function () {
"important": "Important",
"caution": "Caution",
"warning": "Warning"
};
}
for (var className in boxesNames) {
var boxes = document.querySelectorAll('div.' + className);
let boxes = document.querySelectorAll('div.' + className)
var _iterator = _createForOfIteratorHelper(boxes),
_step;
for (let box of boxes) {
let boxTitle = document.createElement('p')
boxTitle.className = "admonition-title " + className
boxTitle.textContent = boxesNames[className]
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var box = _step.value;
var boxTitle = document.createElement('p');
boxTitle.className = "admonition-title " + className;
boxTitle.textContent = boxesNames[className];
box.parentNode.insertBefore(boxTitle, box);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
}); // Copy Source Block
});
// Copy Source Block
docReady(function() {
var srcContainers = document.querySelectorAll('pre.src');
let srcContainers = document.querySelectorAll('pre.src')
var _iterator2 = _createForOfIteratorHelper(srcContainers),
_step2;
try {
var _loop = function _loop() {
var srcContrainer = _step2.value;
var boxCopy = document.createElement('div');
boxCopy.className = "src-copy";
boxCopy.textContent = "Copy";
for (let srcContrainer of srcContainers) {
let boxCopy = document.createElement('div')
boxCopy.className = "src-copy"
boxCopy.textContent = "Copy"
boxCopy.onclick = function() {
// Create a clone the node to not affect the original one
var nodeClone = this.parentNode.cloneNode(true); // Remove Line Numbers and Copy Button
var linenumNodes = nodeClone.querySelectorAll('.linenr,.src-copy');
let nodeClone = this.parentNode.cloneNode(true)
// Remove Line Numbers and Copy Button
let linenumNodes = nodeClone.querySelectorAll('.linenr,.src-copy')
for (var i = linenumNodes.length - 1 ; i >= 0 ; --i) {
nodeClone.removeChild(linenumNodes[i]);
} // Copy the filetered content to the clipboard
nodeClone.removeChild(linenumNodes[i])
}
var srcText = nodeClone.textContent;
// Copy the filetered content to the clipboard
let srcText = nodeClone.textContent
navigator.clipboard.writeText(srcText).then(function() {
boxCopy.textContent = "Copied";
boxCopy.classList.add("src-copied");
boxCopy.textContent = "Copied"
boxCopy.classList.add("src-copied")
setTimeout(function() {
boxCopy.textContent = "Copy";
boxCopy.classList.remove("src-copied");
boxCopy.textContent = "Copy"
boxCopy.classList.remove("src-copied")
}, 2000);
});
};
}
srcContrainer.prepend(boxCopy);
};
}
});
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
_loop();
// Equivalent of Jquery $.ready
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on next available tick
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}); // var $ = require('jquery');
// // Table of Contents
// function collapse_toc_elements_on_click (nav_li_a){
// /*
// When an `a' element in the TOC is clicked, its parent
// `li' element's active attribute is toggled. This causes
// the element to toggle between minimized and maximized
// states. The active attribute is documented in bootstrap.
// https://getbootstrap.com/docs/4.0/components/navbar/#nav
// */
// $(nav_li_a).parent().toggleClass("active");
// }
// $( document ).ready(function() {
// // When the document is loaded and ready, bind the
// // function `collapse_toc_elements_on_click' to the
// // `a' elements in the table of contents.
// $("#text-table-of-contents a").click(function() {
// collapse_toc_elements_on_click(this);
// });
// });
// $( document ).ready(function() {
// // Shift nav in mobile when clicking the menu.
// $(document).on('click', "[data-toggle='wy-nav-top']", function() {
// $("[data-toggle='wy-nav-shift']").toggleClass("shift");
@ -108,25 +113,31 @@ docReady(function () {
// // Make tables responsive
// $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
// });
// $( document ).ready(function() {
// $('#text-table-of-contents ul').first().addClass('nav');
// // ScrollSpy also requires that we use
// // a Bootstrap nav component.
// $('body').scrollspy({target: '#text-table-of-contents'});
// // add sticky table headers
// // DON'T add sticky table headers (Fix issue #69?)
// // $('table').stickyTableHeaders();
// // set the height of tableOfContents
// var $postamble = $('#postamble');
// var $tableOfContents = $('#table-of-contents');
// $tableOfContents.css({paddingBottom: $postamble.outerHeight()});
// // add TOC button
// var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>');
// $('#content').prepend(toggleSidebar);
// // add close button when sidebar showed in mobile screen
// var closeBtn = $('<a class="close-sidebar" href="#">Close</a>');
// var tocTitle = $('#table-of-contents').find('h2');
// tocTitle.append(closeBtn);
// });
// window.SphinxRtdTheme = (function (jquery) {
// var stickyNav = (function () {
// var navBar,
@ -156,16 +167,5 @@ docReady(function () {
// StickyNav : stickyNav
// };
// }($));
// Equivalent of Jquery $.ready
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on next available tick
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
}
},{}]},{},[1]);

2
dist/style.css vendored
View File

File diff suppressed because one or more lines are too long

262
index.html
View File

@ -3,7 +3,7 @@
"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. 19:52 -->
<!-- 2020-11-27 ven. 10:51 -->
<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" />
@ -33,69 +33,69 @@
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#orgaa2a67f">1. Basics</a>
<li><a href="#org65663e9">1. Basics</a>
<ul>
<li><a href="#orgd89d6f4">1.1. Normal Markup</a></li>
<li><a href="#orgec448c0">1.2. Links to Footnotes</a></li>
<li><a href="#org5f7cfbe">1.3. Lists</a></li>
<li><a href="#orge1307b7">1.4. Links</a></li>
<li><a href="#orgf976ebe">1.5. Maths</a></li>
<li><a href="#org31f988a">1.6. Verse, Quote</a></li>
<li><a href="#orga75fcdd">1.7. Aside</a></li>
<li><a href="#org539d118">1.8. Inline Task</a></li>
<li><a href="#org2dd87aa">1.1. Normal Markup</a></li>
<li><a href="#org6faaea2">1.2. Links to Footnotes</a></li>
<li><a href="#org95213c0">1.3. Lists</a></li>
<li><a href="#orgb8626a0">1.4. Links</a></li>
<li><a href="#org89b7577">1.5. Maths</a></li>
<li><a href="#orgd589837">1.6. Verse, Quote</a></li>
<li><a href="#org94d4483">1.7. Aside</a></li>
<li><a href="#org9c694d9">1.8. Inline Task</a></li>
</ul>
</li>
<li><a href="#orgd8f41ad">2. Headlines</a>
<li><a href="#org99de171">2. Headlines</a>
<ul>
<li><a href="#orgd793639">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="#org174ebf8">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>
<li><a href="#orgd26e367">2.1.1. Third level Headline</a>
<li><a href="#orgc04f3a4">2.1.1. Third level Headline</a>
<ul>
<li><a href="#orgad7ccc8">2.1.1.1. Fourth level Headline</a></li>
<li><a href="#org85943d7">2.1.1.1. Fourth level Headline</a></li>
</ul>
</li>
<li><a href="#org8270df7">2.1.2. Third level Headline</a>
<li><a href="#org3745941">2.1.2. Third level Headline</a>
<ul>
<li><a href="#orgb36a453">2.1.2.1. Fourth level Headline</a></li>
<li><a href="#org6fa548d">2.1.2.1. Fourth level Headline</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#orgfecfd4d">2.2. <span class="todo TODO">TODO</span> Second level Headline with Schedule</a></li>
<li><a href="#orgff4aa95">2.3. <span class="priority">[B]</span> Second level Headline with a priority</a></li>
<li><a href="#orga8ab1d0">2.4. <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</a></li>
<li><a href="#org884b24c">2.5. <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</a>
<li><a href="#org2bf6a3b">2.2. <span class="todo TODO">TODO</span> Second level Headline with Schedule</a></li>
<li><a href="#org7d99384">2.3. <span class="priority">[B]</span> Second level Headline with a priority</a></li>
<li><a href="#orgd18a6f3">2.4. <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</a></li>
<li><a href="#org97e6766">2.5. <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</a>
<ul>
<li><a href="#org06eebe1">2.5.1. <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</a></li>
<li><a href="#org29ca5d5">2.5.1. <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#org9ce7da0">3. Blocks</a></li>
<li><a href="#org954a5f7">4. Source Blocks</a>
<li><a href="#org7602b57">3. Blocks</a></li>
<li><a href="#org79f5e97">4. Source Blocks</a>
<ul>
<li><a href="#orga4713ea">4.1. Figures</a></li>
<li><a href="#org8264fca">4.2. Table Result</a></li>
<li><a href="#org36044d8">4.3. Inline Results</a></li>
<li><a href="#orgf71987d">4.4. Caption and Reference</a></li>
<li><a href="#org487ec05">4.5. Source Blocks with Line Numbers</a></li>
<li><a href="#org545c7e9">4.1. Figures</a></li>
<li><a href="#orgdb2b817">4.2. Table Result</a></li>
<li><a href="#orge5bf18a">4.3. Inline Results</a></li>
<li><a href="#org4c7b2e7">4.4. Caption and Reference</a></li>
<li><a href="#org0e93278">4.5. Source Blocks with Line Numbers</a></li>
</ul>
</li>
<li><a href="#org9b0994c">5. Images</a></li>
<li><a href="#org24d9ab9">6. Tables</a></li>
<li><a href="#orgda35f86">7. Details</a></li>
<li><a href="#org6ed0c2c">8. Videos</a></li>
<li><a href="#org143ad15">9. Bibliography</a></li>
<li><a href="#orgc48bfa7">5. Images</a></li>
<li><a href="#org274e18e">6. Tables</a></li>
<li><a href="#org919b242">7. Details</a></li>
<li><a href="#org5408d5c">8. Videos</a></li>
<li><a href="#orgda216d4">9. Bibliography</a></li>
</ul>
</div>
</div>
<div id="outline-container-orgaa2a67f" class="outline-2">
<h2 id="orgaa2a67f"><span class="section-number-2">1</span> Basics</h2>
<div id="outline-container-org65663e9" class="outline-2">
<h2 id="org65663e9"><span class="section-number-2">1</span> Basics</h2>
<div class="outline-text-2" id="text-1">
</div>
<div id="outline-container-orgd89d6f4" class="outline-3">
<h3 id="orgd89d6f4"><span class="section-number-3">1.1</span> Normal Markup</h3>
<div id="outline-container-org2dd87aa" class="outline-3">
<h3 id="org2dd87aa"><span class="section-number-3">1.1</span> Normal Markup</h3>
<div class="outline-text-3" id="text-1-1">
<p>
You can make words <b>bold</b>, <i>italic</i>, <span class="underline">underlined</span>, <code>verbatim</code> and <code>code</code>, and, if you must, <del>strike-through</del>.
@ -103,8 +103,8 @@ You can make words <b>bold</b>, <i>italic</i>, <span class="underline">underline
</div>
</div>
<div id="outline-container-orgec448c0" class="outline-3">
<h3 id="orgec448c0"><span class="section-number-3">1.2</span> Links to Footnotes</h3>
<div id="outline-container-org6faaea2" class="outline-3">
<h3 id="org6faaea2"><span class="section-number-3">1.2</span> Links to Footnotes</h3>
<div class="outline-text-3" id="text-1-2">
<p>
A link to a footnote<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup> and to another footnote<sup><a id="fnr.2" class="footref" href="#fn.2">2</a></sup>.
@ -112,8 +112,8 @@ A link to a footnote<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup>
</div>
</div>
<div id="outline-container-org5f7cfbe" class="outline-3">
<h3 id="org5f7cfbe"><span class="section-number-3">1.3</span> Lists</h3>
<div id="outline-container-org95213c0" class="outline-3">
<h3 id="org95213c0"><span class="section-number-3">1.3</span> Lists</h3>
<div class="outline-text-3" id="text-1-3">
<p>
<b>Unordered List</b>:
@ -190,26 +190,26 @@ maximus lorem quis accumsan vehicula.</dd>
</div>
</div>
<div id="outline-container-orge1307b7" class="outline-3">
<h3 id="orge1307b7"><span class="section-number-3">1.4</span> Links</h3>
<div id="outline-container-orgb8626a0" class="outline-3">
<h3 id="orgb8626a0"><span class="section-number-3">1.4</span> Links</h3>
<div class="outline-text-3" id="text-1-4">
<p>
Here is a list of links to:
</p>
<ul class="org-ul">
<li>Figure <a href="#org2ed7f47">3</a></li>
<li>Table <a href="#orgcadb600">2</a></li>
<li>Listing <a href="#org78a6809">1</a></li>
<li>Figure <a href="#orgb76855b">3</a></li>
<li>Table <a href="#org16fb0d3">2</a></li>
<li>Listing <a href="#org2b85768">1</a></li>
<li>Specific <a href="#coderef-test" class="coderef" onmouseover="CodeHighlightOn(this, 'coderef-test');" onmouseout="CodeHighlightOff(this, 'coderef-test');">line of code</a></li>
<li>Equation \eqref{eq:numbered}</li>
<li>Section <a href="#org7f3a8fe">2</a></li>
<li>Section <a href="#orgf2189e4">2</a></li>
<li>Bibliographic Reference <a href="#citeproc_bib_item_1">[1]</a>, and <a href="#citeproc_bib_item_1">[1]</a>–<a href="#citeproc_bib_item_3">[3]</a></li>
</ul>
</div>
</div>
<div id="outline-container-orgf976ebe" class="outline-3">
<h3 id="orgf976ebe"><span class="section-number-3">1.5</span> Maths</h3>
<div id="outline-container-org89b7577" class="outline-3">
<h3 id="org89b7577"><span class="section-number-3">1.5</span> Maths</h3>
<div class="outline-text-3" id="text-1-5">
<p>
Here is some inline mathematics: \(z = 2\).
@ -237,8 +237,8 @@ Using the <code>align</code> environment Equations \eqref{eq:align_1} and \eqref
</div>
</div>
<div id="outline-container-org31f988a" class="outline-3">
<h3 id="org31f988a"><span class="section-number-3">1.6</span> Verse, Quote</h3>
<div id="outline-container-orgd589837" class="outline-3">
<h3 id="orgd589837"><span class="section-number-3">1.6</span> Verse, Quote</h3>
<div class="outline-text-3" id="text-1-6">
<p>
Below is a verse.
@ -270,14 +270,14 @@ Nearly everything is really interesting if you go into it deeply enough.
</div>
</div>
<div id="outline-container-orga75fcdd" class="outline-3">
<h3 id="orga75fcdd"><span class="section-number-3">1.7</span> Aside</h3>
<div id="outline-container-org94d4483" class="outline-3">
<h3 id="org94d4483"><span class="section-number-3">1.7</span> Aside</h3>
<div class="outline-text-3" id="text-1-7">
<p>
An aside block can be used as shown below.
</p>
<div class="aside" id="orgd8c657c">
<div class="aside" id="orgfa9f090">
<p>
This is a note about the text using the <code>aside</code> environment.
This can be as long as wanted
@ -291,8 +291,8 @@ Cras elementum ex vel orci congue porttitor. Vestibulum scelerisque gravida matt
</div>
</div>
<div id="outline-container-org539d118" class="outline-3">
<h3 id="org539d118"><span class="section-number-3">1.8</span> Inline Task</h3>
<div id="outline-container-org9c694d9" class="outline-3">
<h3 id="org9c694d9"><span class="section-number-3">1.8</span> Inline Task</h3>
<div class="outline-text-3" id="text-1-8">
<p>
Some text.
@ -310,24 +310,24 @@ Some text.
</div>
</div>
<div id="outline-container-orgd8f41ad" class="outline-2">
<h2 id="orgd8f41ad"><span class="section-number-2">2</span> Headlines</h2>
<div id="outline-container-org99de171" class="outline-2">
<h2 id="org99de171"><span class="section-number-2">2</span> Headlines</h2>
<div class="outline-text-2" id="text-2">
<p>
<a id="org7f3a8fe"></a>
<a id="orgf2189e4"></a>
</p>
</div>
<div id="outline-container-orgd793639" class="outline-3">
<h3 id="orgd793639"><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 id="outline-container-org174ebf8" class="outline-3">
<h3 id="org174ebf8"><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>
<div id="outline-container-orgd26e367" class="outline-4">
<h4 id="orgd26e367"><span class="section-number-4">2.1.1</span> Third level Headline</h4>
<div id="outline-container-orgc04f3a4" class="outline-4">
<h4 id="orgc04f3a4"><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-orgad7ccc8" class="outline-5">
<h5 id="orgad7ccc8"><span class="section-number-5">2.1.1.1</span> Fourth level Headline</h5>
<div id="outline-container-org85943d7" class="outline-5">
<h5 id="org85943d7"><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.
@ -336,12 +336,12 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div>
</div>
<div id="outline-container-org8270df7" class="outline-4">
<h4 id="org8270df7"><span class="section-number-4">2.1.2</span> Third level Headline</h4>
<div id="outline-container-org3745941" class="outline-4">
<h4 id="org3745941"><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-orgb36a453" class="outline-5">
<h5 id="orgb36a453"><span class="section-number-5">2.1.2.1</span> Fourth level Headline</h5>
<div id="outline-container-org6fa548d" class="outline-5">
<h5 id="org6fa548d"><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.
@ -351,8 +351,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div>
</div>
<div id="outline-container-orgfecfd4d" class="outline-3">
<h3 id="orgfecfd4d"><span class="section-number-3">2.2</span> <span class="todo TODO">TODO</span> Second level Headline with Schedule</h3>
<div id="outline-container-org2bf6a3b" class="outline-3">
<h3 id="org2bf6a3b"><span class="section-number-3">2.2</span> <span class="todo TODO">TODO</span> Second level Headline with Schedule</h3>
<div class="outline-text-3" id="text-2-2">
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span> <span class="timestamp">&lt;2020-11-26 jeu.&gt;</span></span></p>
@ -362,8 +362,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div>
</div>
<div id="outline-container-orgff4aa95" class="outline-3">
<h3 id="orgff4aa95"><span class="section-number-3">2.3</span> <span class="priority">[B]</span> Second level Headline with a priority</h3>
<div id="outline-container-org7d99384" class="outline-3">
<h3 id="org7d99384"><span class="section-number-3">2.3</span> <span class="priority">[B]</span> Second level Headline with a priority</h3>
<div class="outline-text-3" id="text-2-3">
<p>
Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna.
@ -371,8 +371,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
</div>
</div>
<div id="outline-container-orga8ab1d0" class="outline-3">
<h3 id="orga8ab1d0"><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 id="outline-container-orgd18a6f3" class="outline-3">
<h3 id="orgd18a6f3"><span class="section-number-3">2.4</span> <span class="todo TODO">TODO</span> <span class="priority">[C]</span> Second level Headline with TODO State</h3>
<div class="outline-text-3" id="text-2-4">
<p>
Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo.
@ -380,8 +380,8 @@ Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra
</div>
</div>
<div id="outline-container-org884b24c" class="outline-3">
<h3 id="org884b24c"><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 id="outline-container-org97e6766" class="outline-3">
<h3 id="org97e6766"><span class="section-number-3">2.5</span> <span class="done DONE">DONE</span> <span class="priority">[A]</span> Second level Headline with DONE State</h3>
<div class="outline-text-3" id="text-2-5">
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">CLOSED:</span> <span class="timestamp">[2020-11-26 jeu. 18:53]</span></span></p>
<p>
@ -389,8 +389,8 @@ Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae sus
</p>
</div>
<div id="outline-container-org06eebe1" class="outline-4">
<h4 id="org06eebe1"><span class="section-number-4">2.5.1</span> <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</h4>
<div id="outline-container-org29ca5d5" class="outline-4">
<h4 id="org29ca5d5"><span class="section-number-4">2.5.1</span> <span class="todo WAIT">WAIT</span> Third level Headline with DONE State</h4>
<div class="outline-text-4" id="text-2-5-1">
<p><span class="timestamp-wrapper"><span class="timestamp-kwd">CLOSED:</span> <span class="timestamp">[2020-11-26 jeu. 18:53]</span></span></p>
<p>
@ -401,66 +401,66 @@ Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean so
</div>
</div>
<div id="outline-container-org9ce7da0" class="outline-2">
<h2 id="org9ce7da0"><span class="section-number-2">3</span> Blocks</h2>
<div id="outline-container-org7602b57" class="outline-2">
<h2 id="org7602b57"><span class="section-number-2">3</span> Blocks</h2>
<div class="outline-text-2" id="text-3">
<div class="seealso" id="orga0e4a3c">
<div class="seealso" id="org5073077">
<p>
<code>seealso</code> block.
</p>
</div>
<div class="hint" id="orgef7ad92">
<div class="hint" id="orgd31ea7f">
<p>
<code>hint</code> block.
</p>
</div>
<div class="definition" id="orgc59a5c6">
<div class="definition" id="orgc4cfd73">
<p>
<code>definition</code> block.
</p>
</div>
<div class="exampl" id="org548e616">
<div class="exampl" id="orgc37c321">
<p>
<code>exampl</code> block.
</p>
</div>
<div class="question" id="org1e7f6e7">
<div class="question" id="orgd20db05">
<p>
<code>question</code> block.
</p>
</div>
<div class="summary" id="orgf801dd8">
<div class="summary" id="orgd3837a9">
<p>
<code>summary</code> block.
</p>
</div>
<div class="important" id="org66f1cf8">
<div class="important" id="orga264a31">
<p>
<code>important</code> block.
</p>
</div>
<div class="caution" id="orgd3d90a5">
<div class="caution" id="org84faa5c">
<p>
<code>caution</code> block.
</p>
</div>
<div class="warning" id="org210617f">
<div class="warning" id="org8f2e0f1">
<p>
<code>warning</code> block.
</p>
@ -469,12 +469,12 @@ Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean so
</div>
</div>
<div id="outline-container-org954a5f7" class="outline-2">
<h2 id="org954a5f7"><span class="section-number-2">4</span> Source Blocks</h2>
<div id="outline-container-org79f5e97" class="outline-2">
<h2 id="org79f5e97"><span class="section-number-2">4</span> Source Blocks</h2>
<div class="outline-text-2" id="text-4">
</div>
<div id="outline-container-orga4713ea" class="outline-3">
<h3 id="orga4713ea"><span class="section-number-3">4.1</span> Figures</h3>
<div id="outline-container-org545c7e9" class="outline-3">
<h3 id="org545c7e9"><span class="section-number-3">4.1</span> Figures</h3>
<div class="outline-text-3" id="text-4-1">
<div class="org-src-container">
<pre class="src src-matlab">t = 0<span class="org-type">:</span>0.01<span class="org-type">:</span>5; <span class="org-comment">% Time [s]</span>
@ -490,7 +490,7 @@ xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-stri
</div>
<div id="org118e3f1" class="figure">
<div id="org8c9fa3a" 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>
@ -498,8 +498,8 @@ xlabel(<span class="org-string">'Time [s]'</span>); ylabel(<span class="org-stri
</div>
</div>
<div id="outline-container-org8264fca" class="outline-3">
<h3 id="org8264fca"><span class="section-number-3">4.2</span> Table Result</h3>
<div id="outline-container-orgdb2b817" class="outline-3">
<h3 id="orgdb2b817"><span class="section-number-3">4.2</span> Table Result</h3>
<div class="outline-text-3" id="text-4-2">
<div class="org-src-container">
<pre class="src src-matlab">x = 1<span class="org-type">:</span>10;
@ -507,7 +507,7 @@ y = x<span class="org-type">.^</span>2;
</pre>
</div>
<table id="orgdfe2f20" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<table id="org6f4cd18" 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>
@ -576,8 +576,8 @@ y = x<span class="org-type">.^</span>2;
</div>
</div>
<div id="outline-container-org36044d8" class="outline-3">
<h3 id="org36044d8"><span class="section-number-3">4.3</span> Inline Results</h3>
<div id="outline-container-orge5bf18a" class="outline-3">
<h3 id="orge5bf18a"><span class="section-number-3">4.3</span> Inline Results</h3>
<div class="outline-text-3" id="text-4-3">
<p>
Results can be automatically outputed as shown below.
@ -606,35 +606,35 @@ y =
</div>
</div>
<div id="outline-container-orgf71987d" class="outline-3">
<h3 id="orgf71987d"><span class="section-number-3">4.4</span> Caption and Reference</h3>
<div id="outline-container-org4c7b2e7" class="outline-3">
<h3 id="org4c7b2e7"><span class="section-number-3">4.4</span> Caption and Reference</h3>
<div class="outline-text-3" id="text-4-4">
<p>
Captions can be added to code blocks.
Moreover, we can link to specific bode blocks (Listing <a href="#org78a6809">1</a> or <a href="#orgca6c420">2</a>).
Moreover, we can link to specific bode blocks (Listing <a href="#org2b85768">1</a> or <a href="#org1629eb7">2</a>).
</p>
<div class="org-src-container">
<label class="org-src-name"><span class="listing-number">Listing 1: </span>Code to produce a nice contour plot</label><pre class="src src-matlab" id="org78a6809"><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="org2b85768"><span class="org-type">figure</span>;
[X,Y,Z] = peaks;
contour(X,Y,Z,20)
</pre>
</div>
<div id="org5e0acec" class="figure">
<div id="org340b96b" class="figure">
<p><img src="figs/matlab_logo.png" alt="matlab_logo.png" />
</p>
<p><span class="figure-number">Figure 2: </span>Obtained Contour Plot</p>
</div>
<div class="org-src-container">
<label class="org-src-name"><span class="listing-number">Listing 2: </span>Code to compute the Singular Value Decomposition</label><pre class="src src-matlab" id="orgca6c420">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="org1629eb7">A = [1 2; 3 4; 5 6; 7 8]
[U,S,V] = svd(A)
</pre>
</div>
<pre class="example" id="org04a2c7e">
<pre class="example" id="org1b7dfb5">
A = [1 2; 3 4; 5 6; 7 8]
A =
1 2
@ -659,11 +659,11 @@ V =
</div>
</div>
<div id="outline-container-org487ec05" class="outline-3">
<h3 id="org487ec05"><span class="section-number-3">4.5</span> Source Blocks with Line Numbers</h3>
<div id="outline-container-org0e93278" class="outline-3">
<h3 id="org0e93278"><span class="section-number-3">4.5</span> Source Blocks with Line Numbers</h3>
<div class="outline-text-3" id="text-4-5">
<p>
The Listing <a href="#org2717d5b">3</a> has line numbers as the <code>-n</code> option was used.
The Listing <a href="#orgdf6c073">3</a> has line numbers as the <code>-n</code> option was used.
</p>
<p>
@ -672,7 +672,7 @@ For instance, the code used to specify the wanted the vertical label is on line
</p>
<div class="org-src-container">
<label class="org-src-name"><span class="listing-number">Listing 3: </span>Specify Labels</label><pre class="src src-matlab" id="org2717d5b"><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="orgdf6c073"><span class="linenr">1: </span><span class="org-type">figure</span>;
<span class="linenr">2: </span>plot(t, x)
<span class="linenr">3: </span>xlabel(<span class="org-string">'Time [s]'</span>);
<span id="coderef-test" class="coderef-off"><span class="linenr">4: </span>ylabel(<span class="org-string">'Output [V]'</span>);</span>
@ -693,15 +693,15 @@ Numbering can be continued by using <code>+n</code> option as shown below.
</div>
</div>
<div id="outline-container-org9b0994c" class="outline-2">
<h2 id="org9b0994c"><span class="section-number-2">5</span> Images</h2>
<div id="outline-container-orgc48bfa7" class="outline-2">
<h2 id="orgc48bfa7"><span class="section-number-2">5</span> Images</h2>
<div class="outline-text-2" id="text-5">
<p>
Figure <a href="#org2ed7f47">3</a> shows the results of the Tikz code of listing <a href="#orgcaf78d5">4</a>.
Figure <a href="#orgb76855b">3</a> shows the results of the Tikz code of listing <a href="#orgf90fb61">4</a>.
</p>
<div class="org-src-container">
<label class="org-src-name"><span class="listing-number">Listing 4: </span>Tikz code that is used to generate Figure <a href="#org2ed7f47">3</a></label><pre class="src src-latex" id="orgcaf78d5"><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="#orgb76855b">3</a></label><pre class="src src-latex" id="orgf90fb61"><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>};
@ -724,7 +724,7 @@ Figure <a href="#org2ed7f47">3</a> shows the results of the Tikz code of listing
</div>
<div id="org2ed7f47" class="figure">
<div id="orgb76855b" class="figure">
<p><img src="figs/general_control_names.png" alt="general_control_names.png" />
</p>
<p><span class="figure-number">Figure 3: </span>General Control Configuration</p>
@ -732,14 +732,14 @@ Figure <a href="#org2ed7f47">3</a> shows the results of the Tikz code of listing
</div>
</div>
<div id="outline-container-org24d9ab9" class="outline-2">
<h2 id="org24d9ab9"><span class="section-number-2">6</span> Tables</h2>
<div id="outline-container-org274e18e" class="outline-2">
<h2 id="org274e18e"><span class="section-number-2">6</span> Tables</h2>
<div class="outline-text-2" id="text-6">
<p>
Table <a href="#orgcadb600">2</a> shows a table with some mathematics inside.
Table <a href="#org16fb0d3">2</a> shows a table with some mathematics inside.
</p>
<table id="orgcadb600" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<table id="org16fb0d3" 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>
@ -797,8 +797,8 @@ Table <a href="#orgcadb600">2</a> shows a table with some mathematics inside.
</div>
</div>
<div id="outline-container-orgda35f86" class="outline-2">
<h2 id="orgda35f86"><span class="section-number-2">7</span> Details</h2>
<div id="outline-container-org919b242" class="outline-2">
<h2 id="org919b242"><span class="section-number-2">7</span> Details</h2>
<div class="outline-text-2" id="text-7">
<p>
Below is some content hidden until you click the bar.
@ -809,7 +809,7 @@ Below is some content hidden until you click the bar.
Almost anything can be put here for instance this table below.
</p>
<table id="orgb694d18" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<table id="orgcd47368" 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>
@ -877,7 +877,7 @@ It is approximately <b>12,742 km</b>
</p>
</details>
<div class="question" id="org1086913">
<div class="question" id="org8e2b4ce">
<p>
What is the approximate diameter of the earth?
</p>
@ -892,17 +892,17 @@ It is approximately <b>12,742 km</b>
</div>
</div>
<div id="outline-container-org6ed0c2c" class="outline-2">
<h2 id="org6ed0c2c"><span class="section-number-2">8</span> Videos</h2>
<div id="outline-container-org5408d5c" class="outline-2">
<h2 id="org5408d5c"><span class="section-number-2">8</span> Videos</h2>
<div class="outline-text-2" id="text-8">
<p>
<div class="yt"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/A7wHSr6GRnc" 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>
</p>
</div>
</div>
<div id="outline-container-org143ad15" class="outline-2">
<h2 id="org143ad15"><span class="section-number-2">9</span> Bibliography</h2>
<div id="outline-container-orgda216d4" class="outline-2">
<h2 id="orgda216d4"><span class="section-number-2">9</span> Bibliography</h2>
<div class="outline-text-2" id="text-9">
<p>
@ -927,7 +927,7 @@ It is approximately <b>12,742 km</b>
<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="#org2ed7f47">3</a>.
A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure <a href="#orgb76855b">3</a>.
</p></div></div>
<div class="footdef"><sup><a id="fn.2" class="footnum" href="#fnr.2">2</a></sup> <div class="footpara"><p class="footpara">
@ -939,7 +939,7 @@ An other footnote.
</div></div>
<div id="postamble" class="status">
<p class="author">Author: Dehaeze Thomas</p>
<p class="date">Created: 2020-11-26 jeu. 19:52</p>
<p class="date">Created: 2020-11-27 ven. 10:51</p>
</div>
</body>
</html>

6
index.org
View File

@ -3,7 +3,7 @@
:DRAWER:
#+STARTUP: overview
#+OPTIONS: num:t toc:t |:t f:t todo:t tasks:t pri:t tags:t <:t *:t
#+OPTIONS: num:t toc:t |:t p:t f:t todo:t tasks:t pri:t tags:t <:t *:t
#+LANGUAGE: en
#+EMAIL: dehaeze.thomas@gmail.com
@ -15,6 +15,8 @@
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="dist/style.css"/>
#+HTML_HEAD: <script type="text/javascript" src="dist/script.js"></script>
# #+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
#+HTML_MATHJAX: align: center tagside: right font: TeX
#+BIBLIOGRAPHY: ref.bib
@ -469,7 +471,7 @@ It is approximately *12,742 km*
* Videos
yt:A7wHSr6GRnc
yt:SzA2YODtgK4
* Bibliography
bibliographystyle:unsrt

52
js/script.js
View File

@ -1,3 +1,7 @@
// var $ = require('jquery');
// window.$ = $;
// require('bootstrap');
// Blocks
docReady(function() {
var boxesNames = {
@ -59,9 +63,37 @@ docReady(function() {
}
});
// var $ = require('jquery');
// Equivalent of Jquery $.ready
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on next available tick
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
}
// function collapse_toc_elements_on_click (nav_li_a){
// /*
// When an `a' element in the TOC is clicked, its parent
// `li' element's active attribute is toggled. This causes
// the element to toggle between minimized and maximized
// states. The active attribute is documented in bootstrap.
// https://getbootstrap.com/docs/4.0/components/navbar/#nav
// */
// $(nav_li_a).parent().toggleClass("active");
// }
// $( document ).ready(function() {
// // When the document is loaded and ready, bind the
// // function `collapse_toc_elements_on_click' to the
// // `a' elements in the table of contents.
// $("#text-table-of-contents a").click(function() {
// collapse_toc_elements_on_click(this);
// });
// });
// // Table of Contents
// $( document ).ready(function() {
// // Shift nav in mobile when clicking the menu.
@ -81,14 +113,13 @@ docReady(function() {
// $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
// });
// $( document ).ready(function() {
// $('#text-table-of-contents ul').first().addClass('nav');
// // ScrollSpy also requires that we use
// // a Bootstrap nav component.
// $('body').scrollspy({target: '#text-table-of-contents'});
// // add sticky table headers
// // DON'T add sticky table headers (Fix issue #69?)
// // $('table').stickyTableHeaders();
// // set the height of tableOfContents
@ -106,7 +137,6 @@ docReady(function() {
// tocTitle.append(closeBtn);
// });
// window.SphinxRtdTheme = (function (jquery) {
// var stickyNav = (function () {
// var navBar,
@ -136,15 +166,3 @@ docReady(function() {
// StickyNav : stickyNav
// };
// }($));
// Equivalent of Jquery $.ready
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on next available tick
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
}

2
package.json
View File

@ -5,9 +5,11 @@
"main": "index.js",
"scripts": {
"scss": "node-sass --output-style compressed -o dist/ scss",
"js": "browserify js/script.js -o dist/script.js",
"serve": "browser-sync start --server --files 'dist/*.css, dist/*.js, index.html'",
"watch:js": "watchify -t babelify js/script.js -o dist/script.js",
"watch:css": "onchange 'scss' -- npm run scss",
"build": "npm run scss && npm run js",
"start": "run-p serve watch:css watch:js"
},
"author": "Dehaeze Thomas",

9
scss/partials/_headlines.scss
View File

@ -1,8 +1,11 @@
.title {
.subtitle{
font-size:95%;
font-size:175%;
margin-bottom: 1em;
font-weight:700;
text-align: center;
.subtitle{
font-size:80%;
}
}