1 Basics
+1 Basics
1.1 Normal Markup
+1.1 Normal Markup
You can make words bold, italic, underlined, verbatim and code, and, if you must, strike-through.
@@ -103,8 +103,8 @@ You can make words bold, italic, underline
1.2 Links to Footnotes
+1.2 Links to Footnotes
1.3 Lists
+1.3 Lists
Unordered List: @@ -190,26 +190,26 @@ maximus lorem quis accumsan vehicula.
1.4 Links
+1.4 Links
1.5 Maths
+1.5 Maths
Here is some inline mathematics: \(z = 2\).
@@ -237,8 +237,8 @@ Using the align environment Equations \eqref{eq:align_1} and \eqref
1.6 Verse, Quote
+1.6 Verse, Quote
Below is a verse. @@ -270,14 +270,14 @@ Nearly everything is really interesting if you go into it deeply enough.
1.7 Aside
+1.7 Aside
An aside block can be used as shown below.
-
This is a note about the text using the aside environment.
This can be as long as wanted
@@ -291,8 +291,8 @@ Cras elementum ex vel orci congue porttitor. Vestibulum scelerisque gravida matt
1.8 Inline Task
+1.8 Inline Task
Some text. @@ -310,24 +310,24 @@ Some text.
2 Headlines
+2 Headlines
-2.1 Second level Headline with tags @home @work
+2.1 Second level Headline with tags @home @work
2.1.1 Third level Headline
+2.1.1 Third level Headline
2.1.1.1 Fourth level Headline
+2.1.1.1 Fourth level Headline
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
2.1.2 Third level Headline
+2.1.2 Third level Headline
2.1.2.1 Fourth level Headline
+2.1.2.1 Fourth level Headline
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
2.2 TODO Second level Headline with Schedule
+2.2 TODO Second level Headline with Schedule
@@ -362,8 +362,8 @@ Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placera
2.3 [B] Second level Headline with a priority
+2.3 [B] Second level Headline with a priority
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
2.4 TODO [C] Second level Headline with TODO State
+2.4 TODO [C] Second level Headline with TODO State
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
2.5 DONE [A] Second level Headline with DONE State
+2.5 DONE [A] Second level Headline with DONE State
@@ -389,8 +389,8 @@ Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae sus
2.5.1 WAIT Third level Headline with DONE State
+2.5.1 WAIT Third level Headline with DONE State
@@ -401,80 +401,80 @@ Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean so
3 Blocks
+3 Blocks
seealso block.
hint block.
definition block.
important block.
exampl block.
exercice block.
question block.
answer block.
summary block.
caution block.
warning block.
4 Source Blocks
+4 Source Blocks
4.1 Figures
+4.1 Figures
t = 0:0.01:5; % Time [s] @@ -504,7 +504,7 @@ xlabel('Time [s]'); ylabel( +
Figure 1: Matlab Figure
@@ -512,8 +512,8 @@ xlabel('Time [s]'); ylabel( -4.2 Table Result
++4.2 Table Result
-x = 1:10; @@ -521,7 +521,7 @@ y = x.^2;+
Table 1: Table caption @@ -590,8 +590,8 @@ y = x.^2; - -4.3 Inline Results
++-4.3 Inline Results
Results can be automatically outputed as shown below. @@ -620,35 +620,35 @@ y =
-4.4 Caption and Reference
++4.4 Caption and Reference
-Captions can be added to code blocks. -Moreover, we can link to specific bode blocks (Listing 1 or 2). +Moreover, we can link to specific bode blocks (Listing 1 or 2).
--figure; +figure; [X,Y,Z] = peaks; contour(X,Y,Z,20)+
Figure 2: Obtained Contour Plot
--A = [1 2; 3 4; 5 6; 7 8] +A = [1 2; 3 4; 5 6; 7 8] [U,S,V] = svd(A)+A = [1 2; 3 4; 5 6; 7 8] A = 1 2 @@ -673,11 +673,11 @@ V =-4.5 Source Blocks with Line Numbers
++4.5 Source Blocks with Line Numbers
--The Listing 3 has line numbers as the
-noption was used. +The Listing 3 has line numbers as the-noption was used.@@ -686,7 +686,7 @@ For instance, the code used to specify the wanted the vertical label is on line
-1: figure; +1: figure; 2: plot(t, x) 3: xlabel('Time [s]'); 4: ylabel('Output [V]'); @@ -707,15 +707,15 @@ Numbering can be continued by using+noption as shown below.-5 Images
++5 Images
-Figure 3 shows the results of the Tikz code of listing 4. +Figure 3 shows the results of the Tikz code of listing 4.
--\begin{tikzpicture} +\begin{tikzpicture} % Blocs \node[block={2.0cm}{2.0cm}] (P) {$P$}; @@ -738,7 +738,7 @@ Figure 3 shows the results of the Tikz code of listing+-
Figure 3: General Control Configuration
@@ -746,14 +746,14 @@ Figure 3 shows the results of the Tikz code of listing-6 Tables
++6 Tables
-Table 2 shows a table with some mathematics inside. +Table 2 shows a table with some mathematics inside.
-+
-
Table 2: A Simple table with included math @@ -809,7 +809,7 @@ Table 2 shows a table with some mathematics inside. +
-
Table 3: Table without Head @@ -882,7 +882,7 @@ Table 2 shows a table with some mathematics inside. +
Table 4: Table with multiples groups @@ -1016,8 +1016,8 @@ Table 2 shows a table with some mathematics inside. - -7 Details
++7 Details
Below is some content hidden until you click the bar. @@ -1028,7 +1028,7 @@ Below is some content hidden until you click the bar. Almost anything can be put here for instance this table below.
-+
Table 5: A Simple table with included math @@ -1096,7 +1096,7 @@ It is approximately 12,742 km - +-What is the approximate diameter of the earth?
@@ -1111,8 +1111,8 @@ It is approximately 12,742 km-8 Videos
++-8 Videos
@@ -1120,8 +1120,8 @@ It is approximately 12,742 km
-9 Bibliography
++9 Bibliography
@@ -1146,7 +1146,7 @@ It is approximately 12,742 km
2@@ -1158,7 +1158,7 @@ An other footnote.
-diff --git a/js/script.js b/js/script.js index 9460004..d724f3f 100644 --- a/js/script.js +++ b/js/script.js @@ -1,7 +1,3 @@ -// var $ = require('jquery'); -// window.$ = $; -// require('bootstrap'); -// // Blocks docReady(function() { var boxesNames = { @@ -76,6 +72,51 @@ function docReady(fn) { } } + +// Load Jquery +var scr = document.createElement('script'), + head = document.head || document.getElementsByTagName('head')[0]; +scr.src = 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'; +scr.async = false; // optionally + +head.insertBefore(scr, head.firstChild); + + +// Load Bootstrap.js +var scr = document.createElement('script'), + head = document.head || document.getElementsByTagName('head')[0]; +scr.src = 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'; +scr.async = false; // optionally + +head.insertBefore(scr, head.firstChild); + +// After it is loaded +scr.addEventListener('load', () => { + $(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'}); + + // set the height of tableOfContents + var $postamble = $('#postamble'); + var $tableOfContents = $('#table-of-contents'); + $tableOfContents.css({paddingBottom: $postamble.outerHeight()}); + + // add TOC button + var toggleSidebar = $(''); + $('#content').prepend(toggleSidebar); + + // add close button when sidebar showed in mobile screen + var closeBtn = $('Close'); + var tocTitle = $('#table-of-contents').find('h2'); + tocTitle.append(closeBtn); + }); +}) + + + + // function collapse_toc_elements_on_click (nav_li_a){ // /* // When an `a' element in the TOC is clicked, its parent @@ -121,9 +162,6 @@ function docReady(fn) { // // a Bootstrap nav component. // $('body').scrollspy({target: '#text-table-of-contents'}); -// // DON'T add sticky table headers (Fix issue #69?) -// // $('table').stickyTableHeaders(); - // // set the height of tableOfContents // var $postamble = $('#postamble'); // var $tableOfContents = $('#table-of-contents'); diff --git a/scss/partials/_toc.scss b/scss/partials/_toc.scss index bdba6f5..c9bfc52 100644 --- a/scss/partials/_toc.scss +++ b/scss/partials/_toc.scss @@ -34,6 +34,10 @@ } } + .close-sidebar { + display: none; + } + // ToC Items li { list-style: none; @@ -70,134 +74,138 @@ -// ul.nav li ul li { -// display: none; -// } - -// ul.nav li ul li ul li { -// display: none; -// } - -// ul.nav li.active ul li { -// display: inline; -// } - -// ul.nav li.active ul li ul li { -// display: inline; -// } - -// ul.nav li.active ul li a { -// background-color: #E3E3E3; -// color: #8099B0; -// border-right:solid 1px #c9c9c9 !important; -// } - -// ul.nav li.active ul li.active a { -// background-color: #C9C9C9; -// color: black !important; -// font-weight: bold !important; -// } - -// ul.nav li.active ul li.active ul li.active a { -// color: black !important; -// font-weight: bold !important; -// display: block !important; -// } - -// ul.nav li.active ul li.active ul li a { -// color: #808080 !important; -// font-weight: normal !important; -// display: block !important; -// } - -// ul.nav li.active ul li ul li a { -// display: none !important; -// } - -// ul.nav li ul li ul li ul li { -// display: none !important; -// } - -// ul.nav li.active > a { -// border-bottom:solid 1px #c9c9c9 !important; -// border-right:solid 1px #c9c9c9 !important; -// } - -// ul.nav li.active a { -// color: gray !important; -// font-weight:bold; -// background-color: white; -// border-right:solid 0px white !important; -// } - -// ul.nav > li.active > a { -// color: black !important; -// } - -// #toggle-sidebar { -// display: none; -// } -// li { -// &.divide-top { -// border-top:solid 1px #404040; -// } +// Additionnal things to order -// &.divide-bottom { -// border-bottom:solid 1px #404040; -// } +ul.nav li ul li { + display: none; +} -// &.current { -// background:#e3e3e3; +ul.nav li ul li ul li { + display: none; +} -// a { -// color: gray; -// border-right: solid 1px #c9c9c9; -// padding: 0.4045em 2.427em; -// &:hover{ -// background: #d6d6d6; -// } -// } -// } +ul.nav li.active ul li { + display: inline; +} -// a { -// // padding:0.4045em 1.618em; -// position:relative; -// border:none; -// padding-left:1.618em -4px; -// } +ul.nav li.active ul li ul li { + display: inline; +} -// &.on a:hover { -// background: #fcfcfc; -// } -// &.current>a:hover{ -// background: #fcfcfc; -// } -// } +ul.nav li.active ul li a { + background-color: #E3E3E3; + color: #8099B0; + border-right:solid 1px #c9c9c9 !important; +} + +ul.nav li.active ul li.active a { + background-color: #C9C9C9; + color: black !important; + font-weight: bold !important; +} + +ul.nav li.active ul li.active ul li.active a { + color: black !important; + font-weight: bold !important; + display: block !important; +} + +ul.nav li.active ul li.active ul li a { + color: #808080 !important; + font-weight: normal !important; + display: block !important; +} + +ul.nav li.active ul li ul li a { + display: none !important; +} + +ul.nav li ul li ul li ul li { + display: none !important; +} + +ul.nav li.active > a { + border-bottom:solid 1px #c9c9c9 !important; + border-right:solid 1px #c9c9c9 !important; +} + +ul.nav li.active a { + color: gray !important; + font-weight:bold; + background-color: white; + border-right:solid 0px white !important; +} + +ul.nav > li.active > a { + color: black !important; +} + +#toggle-sidebar { + display: none; +} -// .close-sidebar { -// display: none; -// } -// li.current ul{ -// display:block; -// } -// .local-toc li ul{ -// display:block; -// } +li { + &.divide-top { + border-top:solid 1px #404040; + } + + &.divide-bottom { + border-bottom:solid 1px #404040; + } + + &.current { + background:#e3e3e3; + + a { + color: gray; + border-right: solid 1px #c9c9c9; + padding: 0.4045em 2.427em; + &:hover{ + background: #d6d6d6; + } + } + } + + a { + // padding:0.4045em 1.618em; + position:relative; + border:none; + padding-left:1.618em -4px; + } + + &.on a:hover { + background: #fcfcfc; + } + &.current>a:hover{ + background: #fcfcfc; + } +} -// li ul li a{ -// margin-bottom:0; -// color:#b3b3b3; -// font-weight:normal; -// } + +li.current ul{ + display:block; +} + + +.local-toc li ul{ + display:block; +} + + +li ul li a{ + margin-bottom:0; + color:#b3b3b3; + font-weight:normal; +}Created: 2020-11-27 ven. 23:05
+Created: 2020-12-01 mar. 17:20