diff --git a/CHANGELOG.md b/CHANGELOG.md
old mode 100644
new mode 100755
index d0c0768..be3c988
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog:
 
+- - -
+## 0.4.0 - 2018-10-11
+
+#### Changed:
+* [Refactored sliding (mobile) menu panel](https://github.com/hfagerlund/mkdocs-docskimmer/issues/11)
+* Updated [demo](https://hfagerlund.github.io/mkdocs-docskimmer/) (to docSkimmer v0.4.0)
+* Bumped version number
 - - -
 ## 0.3.1 - 2018-07-04
 
@@ -47,7 +54,7 @@
 ## 0.1.1 - 2017-06-15
 
 #### New features:
-* Launched documentation site
+* Launched [documentation site/demo](https://hfagerlund.github.io/mkdocs-docskimmer/)
 
 #### Changed:
 * Replaced screenshot
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
index ccd6b5a..6ab5e3c
--- a/README.md
+++ b/README.md
@@ -15,7 +15,7 @@
 * no libs - except for a single (~2KB) module (include only what you prefer using `extra_javascript`);
 * supports MkDocs configuration features such as `google_analytics`.
 
-## Install
+## Installation
 
 * Clone docSkimmer from GitHub:
 
@@ -30,9 +30,11 @@ Or [download the required version](https://github.com/hfagerlund/mkdocs-docskimm
 
 * Copy the contents of the `mkdocs_docskimmer` directory into the MkDocs project root (ie. at the same level as the `docs` directory).
 
+## Usage
+
 * Modify the following settings in the 'mkdocs.yml' file:
 
-### For docSkimmer v0.3.x:
+### For docSkimmer v0.3.x, v0.4.x:
 ```yaml
 # mkdocs.yml:
 
@@ -110,6 +112,7 @@ theme_dir: 'mkdocs_docskimmer'
 
 | docSkimmer theme version(s) | MkDocs version(s) |
 | :------: | :------: |
+| 0.4.0 | 1.0.4 |
 | 0.3.1 | 1.0.4<br>[Template URL filter addition](https://github.com/mkdocs/mkdocs/tree/decaf6141c90b0123a4b7f03ee839d0780570bc9) |
 | 0.3.0 | [Pages refactor](https://github.com/mkdocs/mkdocs/tree/34ef3ca6d0390959080ce93a695361eea1649272) |
 | 0.2.1 | 0.17.4<br>0.17.3<br>0.17.2<br>0.17.1<br>0.17.0 |
diff --git a/docs/404.html b/docs/404.html
old mode 100644
new mode 100755
index cf9f45d..abf86ea
--- a/docs/404.html
+++ b/docs/404.html
@@ -91,7 +91,7 @@ <h2 class="header-main__heading"><a class="header-main__link" href="/mkdocs-docs
       
     
 
-    <button id="menu-hamburger" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
+    <button class="menu-hamburger" data-js="menuOpenCtrl" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
     <!-- END subnav -->
     
    
@@ -140,8 +140,8 @@ <h1>404 Page Not Found</h1>
 
   <!--
   MkDocs version : 1.0.4
-  docSkimmer theme version: 0.3.1
-  Build Date UTC : 2018-09-18 18:45:13
+  docSkimmer theme version: 0.4.0
+  Build Date UTC : 2018-10-11 16:16:40
   -->
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/css/docskimmer.css b/docs/css/docskimmer.css
old mode 100644
new mode 100755
index e54752b..1d15c4c
--- a/docs/css/docskimmer.css
+++ b/docs/css/docskimmer.css
@@ -1,5 +1,5 @@
 /*
-   docSkimmer theme v0.3.1
+   docSkimmer theme v0.4.0
    License: BSD-2-Clause license (https://github.com/hfagerlund/mkdocs-docskimmer/blob/master/LICENSE)
 */
 
@@ -207,7 +207,7 @@ ol ol,ul ul{margin-left:1.5em}
 /* phone-and-tablet */
   @media only screen and (max-width:1199px) {
     /* BEGIN page TOC menu panel */
-    #maincontent{padding:0;transition:margin-left .5s}
+    .maincontent{padding:0;transition:margin-left .5s}
     .page-toc{background-color:#eee;border-right:1px solid #999;height:100%;left:0;overflow-x:hidden;position:fixed;top:0;transition:0.5s;width:0;z-index:2}
     .page-toc__closebtn{border:1px solid #085f5f;font-size:1.4em;margin-top:0.5em;padding:0 0.2em;position:absolute;right:0.5em;text-decoration:none;top:0}
     .page-toc__heading{margin-left:1em}
@@ -216,7 +216,7 @@ ol ol,ul ul{margin-left:1.5em}
     
     code{background-color:transparent;border-left:7px solid #eee;border-radius:0}
     .form__input{min-width:70%;width:auto}
-    #menu-hamburger{background-color:#222;color:#fff;cursor:pointer;border-radius:25px;float:right;font-size:1.2em;margin:0.5em 0.5em 0 0;padding:0.2em 0.5em}
+    .menu-hamburger{background-color:#222;color:#fff;cursor:pointer;border-radius:25px;float:right;font-size:1.2em;margin:0.5em 0.5em 0 0;padding:0.2em 0.5em}
     .page-toc__heading{border-bottom:0;margin-bottom:0;padding-top:2em}
     .page-toc__item{margin:0}
   } /* END phone-and-tablet */
@@ -266,8 +266,8 @@ ol ol,ul ul{margin-left:1.5em}
 
 /* desktop-up */
   @media only screen and (min-width:1200px) {
-    #maincontent{margin-left:7em;margin-right:19em} 
-    #menu-hamburger,.page-toc__closebtn{display:none}
+    .maincontent{margin-left:7em;margin-right:19em}
+    .menu-hamburger,.page-toc__closebtn{display:none}
     .page-toc{display:block;float:right;position:absolute;top:17em;right:0;margin:0;padding:0.5em 1em 2em 2em;max-width:15em}
   }
 
diff --git a/docs/examples/another-sample-page/index.html b/docs/examples/another-sample-page/index.html
old mode 100644
new mode 100755
index 6a15d2b..5dc30f6
--- a/docs/examples/another-sample-page/index.html
+++ b/docs/examples/another-sample-page/index.html
@@ -113,11 +113,11 @@ <h2 class="header-main__heading"><a class="header-main__link" href="../..">docSk
       
     
 
-    <button id="menu-hamburger" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
+    <button class="menu-hamburger" data-js="menuOpenCtrl" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
     <!-- END subnav -->
     
    
-     <main id="maincontent" role="main">
+     <main class="maincontent" data-js="mainContent" role="main">
       <h1 id="another-sample-page">Another sample page</h1>
 <p>This is another sample page to demonstrate:</p>
 <ul>
@@ -460,28 +460,28 @@ <h2 id="data-tables">Data tables</h2>
 </table>
      </main>
 
-     <aside id="page-toc" class="page-toc" role="complementary" aria-label="Table of Contents for this page">
-       <button aria-label="Close" id="page-toc__closebtn" class="page-toc__closebtn">X</button>
+     <aside class="page-toc" data-js="toc" role="complementary" aria-label="Table of Contents for this page">
+       <button aria-label="Close" class="page-toc__closebtn" data-js="tocCloseCtrl">X</button>
        <h2 class="page-toc__heading">On this Page:</h2>
 <ul>
 
-    <li class="page-toc__item"><a href="../../#another-sample-page" class="page-toc__link" tabindex="0">Another sample page</a></li>
+    <li class="page-toc__item"><a href="../../#another-sample-page" class="page-toc__link" data-js="tocLink" tabindex="0">Another sample page</a></li>
     
-        <li class="page-toc__item"><a href="./#body-copy" class="page-toc__link" tabindex="0">Body copy</a></li>
+        <li class="page-toc__item"><a href="./#body-copy" class="page-toc__link" data-js="tocLink" tabindex="0">Body copy</a></li>
     
-        <li class="page-toc__item"><a href="./#headings" class="page-toc__link" tabindex="0">Headings</a></li>
+        <li class="page-toc__item"><a href="./#headings" class="page-toc__link" data-js="tocLink" tabindex="0">Headings</a></li>
     
-        <li class="page-toc__item"><a href="./#headings-with-secondary-text" class="page-toc__link" tabindex="0">Headings with secondary text</a></li>
+        <li class="page-toc__item"><a href="./#headings-with-secondary-text" class="page-toc__link" data-js="tocLink" tabindex="0">Headings with secondary text</a></li>
     
-        <li class="page-toc__item"><a href="./#blockquotes" class="page-toc__link" tabindex="0">Blockquotes</a></li>
+        <li class="page-toc__item"><a href="./#blockquotes" class="page-toc__link" data-js="tocLink" tabindex="0">Blockquotes</a></li>
     
-        <li class="page-toc__item"><a href="./#lists" class="page-toc__link" tabindex="0">Lists</a></li>
+        <li class="page-toc__item"><a href="./#lists" class="page-toc__link" data-js="tocLink" tabindex="0">Lists</a></li>
     
-        <li class="page-toc__item"><a href="./#code-blocks" class="page-toc__link" tabindex="0">Code blocks</a></li>
+        <li class="page-toc__item"><a href="./#code-blocks" class="page-toc__link" data-js="tocLink" tabindex="0">Code blocks</a></li>
     
-        <li class="page-toc__item"><a href="./#horizontal-rules" class="page-toc__link" tabindex="0">Horizontal rules</a></li>
+        <li class="page-toc__item"><a href="./#horizontal-rules" class="page-toc__link" data-js="tocLink" tabindex="0">Horizontal rules</a></li>
     
-        <li class="page-toc__item"><a href="./#data-tables" class="page-toc__link" tabindex="0">Data tables</a></li>
+        <li class="page-toc__item"><a href="./#data-tables" class="page-toc__link" data-js="tocLink" tabindex="0">Data tables</a></li>
     
 
 </ul>
@@ -527,8 +527,8 @@ <h2 class="page-toc__heading">On this Page:</h2>
 
   <!--
   MkDocs version : 1.0.4
-  docSkimmer theme version: 0.3.1
-  Build Date UTC : 2018-09-18 18:45:13
+  docSkimmer theme version: 0.4.0
+  Build Date UTC : 2018-10-11 16:16:40
   -->
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/examples/sample-page/index.html b/docs/examples/sample-page/index.html
old mode 100644
new mode 100755
index feb98c0..a0d8d90
--- a/docs/examples/sample-page/index.html
+++ b/docs/examples/sample-page/index.html
@@ -113,11 +113,11 @@ <h2 class="header-main__heading"><a class="header-main__link" href="../..">docSk
       
     
 
-    <button id="menu-hamburger" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
+    <button class="menu-hamburger" data-js="menuOpenCtrl" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
     <!-- END subnav -->
     
    
-     <main id="maincontent" role="main">
+     <main class="maincontent" data-js="mainContent" role="main">
       <h1 id="sample-page">Sample page</h1>
 <p>This is a sample page to demonstrate:</p>
 <ul>
@@ -460,28 +460,28 @@ <h2 id="data-tables">Data tables</h2>
 </table>
      </main>
 
-     <aside id="page-toc" class="page-toc" role="complementary" aria-label="Table of Contents for this page">
-       <button aria-label="Close" id="page-toc__closebtn" class="page-toc__closebtn">X</button>
+     <aside class="page-toc" data-js="toc" role="complementary" aria-label="Table of Contents for this page">
+       <button aria-label="Close" class="page-toc__closebtn" data-js="tocCloseCtrl">X</button>
        <h2 class="page-toc__heading">On this Page:</h2>
 <ul>
 
-    <li class="page-toc__item"><a href="../../#sample-page" class="page-toc__link" tabindex="0">Sample page</a></li>
+    <li class="page-toc__item"><a href="../../#sample-page" class="page-toc__link" data-js="tocLink" tabindex="0">Sample page</a></li>
     
-        <li class="page-toc__item"><a href="./#body-copy" class="page-toc__link" tabindex="0">Body copy</a></li>
+        <li class="page-toc__item"><a href="./#body-copy" class="page-toc__link" data-js="tocLink" tabindex="0">Body copy</a></li>
     
-        <li class="page-toc__item"><a href="./#headings" class="page-toc__link" tabindex="0">Headings</a></li>
+        <li class="page-toc__item"><a href="./#headings" class="page-toc__link" data-js="tocLink" tabindex="0">Headings</a></li>
     
-        <li class="page-toc__item"><a href="./#headings-with-secondary-text" class="page-toc__link" tabindex="0">Headings with secondary text</a></li>
+        <li class="page-toc__item"><a href="./#headings-with-secondary-text" class="page-toc__link" data-js="tocLink" tabindex="0">Headings with secondary text</a></li>
     
-        <li class="page-toc__item"><a href="./#blockquotes" class="page-toc__link" tabindex="0">Blockquotes</a></li>
+        <li class="page-toc__item"><a href="./#blockquotes" class="page-toc__link" data-js="tocLink" tabindex="0">Blockquotes</a></li>
     
-        <li class="page-toc__item"><a href="./#lists" class="page-toc__link" tabindex="0">Lists</a></li>
+        <li class="page-toc__item"><a href="./#lists" class="page-toc__link" data-js="tocLink" tabindex="0">Lists</a></li>
     
-        <li class="page-toc__item"><a href="./#code-blocks" class="page-toc__link" tabindex="0">Code blocks</a></li>
+        <li class="page-toc__item"><a href="./#code-blocks" class="page-toc__link" data-js="tocLink" tabindex="0">Code blocks</a></li>
     
-        <li class="page-toc__item"><a href="./#horizontal-rules" class="page-toc__link" tabindex="0">Horizontal rules</a></li>
+        <li class="page-toc__item"><a href="./#horizontal-rules" class="page-toc__link" data-js="tocLink" tabindex="0">Horizontal rules</a></li>
     
-        <li class="page-toc__item"><a href="./#data-tables" class="page-toc__link" tabindex="0">Data tables</a></li>
+        <li class="page-toc__item"><a href="./#data-tables" class="page-toc__link" data-js="tocLink" tabindex="0">Data tables</a></li>
     
 
 </ul>
@@ -529,8 +529,8 @@ <h2 class="page-toc__heading">On this Page:</h2>
 
   <!--
   MkDocs version : 1.0.4
-  docSkimmer theme version: 0.3.1
-  Build Date UTC : 2018-09-18 18:45:13
+  docSkimmer theme version: 0.4.0
+  Build Date UTC : 2018-10-11 16:16:40
   -->
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
old mode 100644
new mode 100755
index b9460f7..2dc3dac
--- a/docs/index.html
+++ b/docs/index.html
@@ -91,11 +91,11 @@ <h2 class="header-main__heading"><a class="header-main__link" href=".">docSkimme
       
     
 
-    <button id="menu-hamburger" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
+    <button class="menu-hamburger" data-js="menuOpenCtrl" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
     <!-- END subnav -->
     
    
-     <main id="maincontent" role="main">
+     <main class="maincontent" data-js="mainContent" role="main">
       <h1 id="docskimmer">docSkimmer</h1>
 <p><a href="https://github.com/hfagerlund/mkdocs-docskimmer/">docSkimmer</a> is a skimmable minimal theme for static documentation sites built using <a href="https://github.com/mkdocs/mkdocs/">MkDocs</a>.</p>
 <p>Supports <a href="https://hfagerlund.github.io/mkdocs-docskimmer/#version-compatibility">MkDocs versions &gt;= 0.16.2</a>.</p>
@@ -116,14 +116,13 @@ <h2 id="installation">Installation</h2>
 
 <p>Or <a href="https://github.com/hfagerlund/mkdocs-docskimmer/releases">download the required version</a> - refer to: <a href="https://hfagerlund.github.io/mkdocs-docskimmer/#version-compatibility">'Version compatibility'</a>.</p>
 <ul>
-<li>
-<p>Copy the contents of the '/mkdocs_docskimmer' directory into your MkDocs project root (ie. at the same level as the project's '/docs' directory).</p>
-</li>
-<li>
-<p>Modify the following settings in the 'mkdocs.yml' file:</p>
-</li>
+<li>Copy the contents of the '/mkdocs_docskimmer' directory into your MkDocs project root (ie. at the same level as the project's '/docs' directory).</li>
 </ul>
-<h3 id="for-docskimmer-v03x">For docSkimmer v0.3.x:</h3>
+<h2 id="usage">Usage</h2>
+<ul>
+<li>Modify the following settings in the 'mkdocs.yml' file:</li>
+</ul>
+<h3 id="for-docskimmer-v03x-v04x">For docSkimmer v0.3.x, v0.4.x:</h3>
 <pre><code># mkdocs.yml:
 
 nav:
@@ -203,6 +202,10 @@ <h2 id="version-compatibility">Version compatibility</h2>
 </thead>
 <tbody>
 <tr>
+<td align="center">0.4.0</td>
+<td align="center">1.0.4</td>
+</tr>
+<tr>
 <td align="center">0.3.1</td>
 <td align="center">1.0.4<br><a href="https://github.com/mkdocs/mkdocs/tree/decaf6141c90b0123a4b7f03ee839d0780570bc9">Template URL filter addition</a></td>
 </tr>
@@ -228,20 +231,22 @@ <h2 id="examples">Examples</h2>
 <p>Examples of how Markdown syntax is rendered and how 2nd-level navigation is displayed in the <a href="https://github.com/hfagerlund/mkdocs-docskimmer/">docSkimmer theme</a> are available on <a href="/examples/sample-page">this sample page</a>.</p>
      </main>
 
-     <aside id="page-toc" class="page-toc" role="complementary" aria-label="Table of Contents for this page">
-       <button aria-label="Close" id="page-toc__closebtn" class="page-toc__closebtn">X</button>
+     <aside class="page-toc" data-js="toc" role="complementary" aria-label="Table of Contents for this page">
+       <button aria-label="Close" class="page-toc__closebtn" data-js="tocCloseCtrl">X</button>
        <h2 class="page-toc__heading">On this Page:</h2>
 <ul>
 
-    <li class="page-toc__item"><a href="#docskimmer" class="page-toc__link" tabindex="0">docSkimmer</a></li>
+    <li class="page-toc__item"><a href="#docskimmer" class="page-toc__link" data-js="tocLink" tabindex="0">docSkimmer</a></li>
+    
+        <li class="page-toc__item"><a href=".#features" class="page-toc__link" data-js="tocLink" tabindex="0">Features</a></li>
     
-        <li class="page-toc__item"><a href=".#features" class="page-toc__link" tabindex="0">Features</a></li>
+        <li class="page-toc__item"><a href=".#installation" class="page-toc__link" data-js="tocLink" tabindex="0">Installation</a></li>
     
-        <li class="page-toc__item"><a href=".#installation" class="page-toc__link" tabindex="0">Installation</a></li>
+        <li class="page-toc__item"><a href=".#usage" class="page-toc__link" data-js="tocLink" tabindex="0">Usage</a></li>
     
-        <li class="page-toc__item"><a href=".#version-compatibility" class="page-toc__link" tabindex="0">Version compatibility</a></li>
+        <li class="page-toc__item"><a href=".#version-compatibility" class="page-toc__link" data-js="tocLink" tabindex="0">Version compatibility</a></li>
     
-        <li class="page-toc__item"><a href=".#examples" class="page-toc__link" tabindex="0">Examples</a></li>
+        <li class="page-toc__item"><a href=".#examples" class="page-toc__link" data-js="tocLink" tabindex="0">Examples</a></li>
     
 
 </ul>
@@ -287,8 +292,8 @@ <h2 class="page-toc__heading">On this Page:</h2>
 
   <!--
   MkDocs version : 1.0.4
-  docSkimmer theme version: 0.3.1
-  Build Date UTC : 2018-09-18 18:45:13
+  docSkimmer theme version: 0.4.0
+  Build Date UTC : 2018-10-11 16:16:40
   -->
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/js/theme.js b/docs/js/theme.js
old mode 100644
new mode 100755
index 297a320..8b98446
--- a/docs/js/theme.js
+++ b/docs/js/theme.js
@@ -1,30 +1,40 @@
 /*
-   docSkimmer theme v0.3.1
+   docSkimmer theme v0.4.0
    License: BSD-2-Clause license (https://github.com/hfagerlund/mkdocs-docskimmer/blob/master/LICENSE)
 */
 
-var MenuPanel = (function() {
+const MenuPanel = (function() {
   'use strict';
 
-  var menuOpenControl = document.getElementById('menu-hamburger');
-  var containerPageToc = document.getElementById("page-toc");
-  var menuCloseControl = document.getElementById('page-toc__closebtn');
-  var pageTocLinks = document.getElementsByClassName("page-toc__link");
-  var containerMainContent = document.getElementById("maincontent");
-
-  function _bindEventListeners(){
-    menuCloseControl.addEventListener('click', _menuCloseControlEventHandler);
-    menuCloseControl.addEventListener('keydown', _menuCloseControlEventHandler);
-    menuOpenControl.addEventListener('click', _menuOpenControlEventHandler);
-    menuOpenControl.addEventListener('keydown', _menuOpenControlEventHandler);
+  const datajs = function (selector) {
+      return document.querySelector('[data-js=' + selector + ']');
+  };
+
+  const datajsMulti = function (selector) {
+      return document.querySelectorAll('[data-js=' + selector + ']');
+  };
+
+  const containerPageToc = datajs('toc');
+  const containerMainContent = datajs('mainContent');
+  const menuOpenControl = datajs('menuOpenCtrl');
+  const menuCloseControl = datajs('tocCloseCtrl');
+  const pageTocLinks = datajsMulti('tocLink');
+
+  function _bindEventListeners(options){
+    ['click', 'keydown'].forEach(function(e) {
+      menuCloseControl.addEventListener(e, _menuCloseControlEventHandler);
+      menuOpenControl.addEventListener(e, _menuOpenControlEventHandler);
+    });
+
     for (var i = 0; i < pageTocLinks.length; i++) {
-      pageTocLinks[i].addEventListener('click', _menuCloseControlEventHandler);
-      pageTocLinks[i].addEventListener('keydown', _menuCloseControlEventHandler);
+      ['click', 'keydown'].forEach(function(e) {
+        pageTocLinks[i].addEventListener(e, _menuCloseControlEventHandler);
+      });
     }
   }
 
-  function _hideMenuOpenControl(){
-    menuOpenControl.style.visibility = "hidden";
+  function _hideControl(ctrl){
+    ctrl.style.visibility = "hidden";
   }
 
   function _menuOpenControlEventHandler(event) {
@@ -36,10 +46,10 @@ var MenuPanel = (function() {
     //only respond to Enter or Space keys, or to click event
     if((event.keyCode === 13 || event.keyCode === 32) || (event.type === 'click')){
       containerPageToc.style.width = "0";
-      containerMainContent.style.marginLeft= "2em";
+      containerMainContent.style.marginLeft = "2em";
       //check whether page-toc link was activated
       if(event.target.href){
-        var link = event.target.href,
+        const link = event.target.href,
             anchor = "#";
         if(link.indexOf(anchor) !== -1){
           //scroll activated anchor link to top of page
@@ -49,14 +59,17 @@ var MenuPanel = (function() {
     }
   }
 
+  const main = function() {
+    if(containerPageToc){
+      _bindEventListeners();
+    } else {
+      const menuOpenControl = datajs('menuOpenCtrl');
+      _hideControl(menuOpenControl);
+    }
+  }
+
   return {
-    init: function() {
-      if(containerPageToc){
-        _bindEventListeners();
-      } else {
-        _hideMenuOpenControl();
-      }
-    } //END init
+    init: main
   };
 })();
 
diff --git a/docs/search.html b/docs/search.html
old mode 100644
new mode 100755
index a70db95..3143666
--- a/docs/search.html
+++ b/docs/search.html
@@ -91,7 +91,7 @@ <h2 class="header-main__heading"><a class="header-main__link" href="./.">docSkim
       
     
 
-    <button id="menu-hamburger" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
+    <button class="menu-hamburger" data-js="menuOpenCtrl" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
     <!-- END subnav -->
     
    
@@ -140,8 +140,8 @@ <h1>Search Results</h1>
 
   <!--
   MkDocs version : 1.0.4
-  docSkimmer theme version: 0.3.1
-  Build Date UTC : 2018-09-18 18:45:13
+  docSkimmer theme version: 0.4.0
+  Build Date UTC : 2018-10-11 16:16:39
   -->
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/search/search_index.json b/docs/search/search_index.json
old mode 100644
new mode 100755
index 573cc8f..3c1aa9b
--- a/docs/search/search_index.json
+++ b/docs/search/search_index.json
@@ -1 +1 @@
-{"config":{"lang":["en"],"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"docSkimmer docSkimmer is a skimmable minimal theme for static documentation sites built using MkDocs . Supports MkDocs versions = 0.16.2 . Features accessible; lightweight - no fonts or libs included (except for a single ~2KB module) - so that you can add only what you prefer; responsive; skimmable; valid HTML5 + CSS3. Installation Clone docSkimmer from GitHub : git clone https://github.com/hfagerlund/mkdocs-docskimmer.git Or download the required version - refer to: 'Version compatibility' . Copy the contents of the '/mkdocs_docskimmer' directory into your MkDocs project root (ie. at the same level as the project's '/docs' directory). Modify the following settings in the 'mkdocs.yml' file: For docSkimmer v0.3.x: # mkdocs.yml: nav: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] # add theme version number here extra: version: 0.3.x For docSkimmer v0.2.1: # mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] extra: version: 0.2.1 For docSkimmer v0.2.0: # mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' static_templates: - 404.html extra: version: 0.2.0 For docSkimmer v0.1.x: # mkdocs.yml: pages: ## add your custom pages hierarchy here theme_dir: 'mkdocs_docskimmer' Version compatibility docSkimmer theme version(s) MkDocs version(s) 0.3.1 1.0.4 Template URL filter addition 0.3.0 Pages refactor 0.2.1 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.2.0 0.17.0 0.1.1 0.1.0 0.16.3 0.16.2 Examples Examples of how Markdown syntax is rendered and how 2nd-level navigation is displayed in the docSkimmer theme are available on this sample page .","title":"Intro"},{"location":"#docskimmer","text":"docSkimmer is a skimmable minimal theme for static documentation sites built using MkDocs . Supports MkDocs versions = 0.16.2 .","title":"docSkimmer"},{"location":"#features","text":"accessible; lightweight - no fonts or libs included (except for a single ~2KB module) - so that you can add only what you prefer; responsive; skimmable; valid HTML5 + CSS3.","title":"Features"},{"location":"#installation","text":"Clone docSkimmer from GitHub : git clone https://github.com/hfagerlund/mkdocs-docskimmer.git Or download the required version - refer to: 'Version compatibility' . Copy the contents of the '/mkdocs_docskimmer' directory into your MkDocs project root (ie. at the same level as the project's '/docs' directory). Modify the following settings in the 'mkdocs.yml' file:","title":"Installation"},{"location":"#for-docskimmer-v03x","text":"# mkdocs.yml: nav: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] # add theme version number here extra: version: 0.3.x","title":"For docSkimmer v0.3.x:"},{"location":"#for-docskimmer-v021","text":"# mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] extra: version: 0.2.1","title":"For docSkimmer v0.2.1:"},{"location":"#for-docskimmer-v020","text":"# mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' static_templates: - 404.html extra: version: 0.2.0","title":"For docSkimmer v0.2.0:"},{"location":"#for-docskimmer-v01x","text":"# mkdocs.yml: pages: ## add your custom pages hierarchy here theme_dir: 'mkdocs_docskimmer'","title":"For docSkimmer v0.1.x:"},{"location":"#version-compatibility","text":"docSkimmer theme version(s) MkDocs version(s) 0.3.1 1.0.4 Template URL filter addition 0.3.0 Pages refactor 0.2.1 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.2.0 0.17.0 0.1.1 0.1.0 0.16.3 0.16.2","title":"Version compatibility"},{"location":"#examples","text":"Examples of how Markdown syntax is rendered and how 2nd-level navigation is displayed in the docSkimmer theme are available on this sample page .","title":"Examples"},{"location":"examples/another-sample-page/","text":"Another sample page This is another sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme . Body copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum. Headings The 3rd level The 4th level The 5th level The 6th level Headings with secondary text The 3rd level with secondary text The 4th level with secondary text The 5th level with secondary text The 6th level with secondary text Blockquotes Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur. Blockquote nesting Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa. Other content blocks Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero. Lists Unordered lists Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam. Ordered lists Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo. Definition lists Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Code blocks Inline Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus. Listing #!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Horizontal rules Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Data tables Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Sample2"},{"location":"examples/another-sample-page/#another-sample-page","text":"This is another sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme .","title":"Another sample page"},{"location":"examples/another-sample-page/#body-copy","text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum.","title":"Body copy"},{"location":"examples/another-sample-page/#headings","text":"","title":"Headings"},{"location":"examples/another-sample-page/#the-3rd-level","text":"","title":"The 3rd level"},{"location":"examples/another-sample-page/#the-4th-level","text":"","title":"The 4th level"},{"location":"examples/another-sample-page/#the-5th-level","text":"","title":"The 5th level"},{"location":"examples/another-sample-page/#the-6th-level","text":"","title":"The 6th level"},{"location":"examples/another-sample-page/#headings-with-secondary-text","text":"","title":"Headings with secondary text"},{"location":"examples/another-sample-page/#the-3rd-level-with-secondary-text","text":"","title":"The 3rd level with secondary text"},{"location":"examples/another-sample-page/#the-4th-level-with-secondary-text","text":"","title":"The 4th level with secondary text"},{"location":"examples/another-sample-page/#the-5th-level-with-secondary-text","text":"","title":"The 5th level with secondary text"},{"location":"examples/another-sample-page/#the-6th-level-with-secondary-text","text":"","title":"The 6th level with secondary text"},{"location":"examples/another-sample-page/#blockquotes","text":"Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur.","title":"Blockquotes"},{"location":"examples/another-sample-page/#blockquote-nesting","text":"Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa.","title":"Blockquote nesting"},{"location":"examples/another-sample-page/#other-content-blocks","text":"Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero.","title":"Other content blocks"},{"location":"examples/another-sample-page/#lists","text":"","title":"Lists"},{"location":"examples/another-sample-page/#unordered-lists","text":"Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam.","title":"Unordered lists"},{"location":"examples/another-sample-page/#ordered-lists","text":"Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo.","title":"Ordered lists"},{"location":"examples/another-sample-page/#definition-lists","text":"Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris.","title":"Definition lists"},{"location":"examples/another-sample-page/#code-blocks","text":"","title":"Code blocks"},{"location":"examples/another-sample-page/#inline","text":"Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.","title":"Inline"},{"location":"examples/another-sample-page/#listing","text":"#!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; };","title":"Listing"},{"location":"examples/another-sample-page/#horizontal-rules","text":"Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales.","title":"Horizontal rules"},{"location":"examples/another-sample-page/#data-tables","text":"Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Data tables"},{"location":"examples/sample-page/","text":"Sample page This is a sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme . Body copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum. Headings The 3rd level The 4th level The 5th level The 6th level Headings with secondary text The 3rd level with secondary text The 4th level with secondary text The 5th level with secondary text The 6th level with secondary text Blockquotes Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur. Blockquote nesting Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa. Other content blocks Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero. Lists Unordered lists Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam. Ordered lists Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo. Definition lists Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Code blocks Inline Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus. Listing #!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Horizontal rules Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Data tables Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Sample1"},{"location":"examples/sample-page/#sample-page","text":"This is a sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme .","title":"Sample page"},{"location":"examples/sample-page/#body-copy","text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum.","title":"Body copy"},{"location":"examples/sample-page/#headings","text":"","title":"Headings"},{"location":"examples/sample-page/#the-3rd-level","text":"","title":"The 3rd level"},{"location":"examples/sample-page/#the-4th-level","text":"","title":"The 4th level"},{"location":"examples/sample-page/#the-5th-level","text":"","title":"The 5th level"},{"location":"examples/sample-page/#the-6th-level","text":"","title":"The 6th level"},{"location":"examples/sample-page/#headings-with-secondary-text","text":"","title":"Headings with secondary text"},{"location":"examples/sample-page/#the-3rd-level-with-secondary-text","text":"","title":"The 3rd level with secondary text"},{"location":"examples/sample-page/#the-4th-level-with-secondary-text","text":"","title":"The 4th level with secondary text"},{"location":"examples/sample-page/#the-5th-level-with-secondary-text","text":"","title":"The 5th level with secondary text"},{"location":"examples/sample-page/#the-6th-level-with-secondary-text","text":"","title":"The 6th level with secondary text"},{"location":"examples/sample-page/#blockquotes","text":"Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur.","title":"Blockquotes"},{"location":"examples/sample-page/#blockquote-nesting","text":"Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa.","title":"Blockquote nesting"},{"location":"examples/sample-page/#other-content-blocks","text":"Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero.","title":"Other content blocks"},{"location":"examples/sample-page/#lists","text":"","title":"Lists"},{"location":"examples/sample-page/#unordered-lists","text":"Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam.","title":"Unordered lists"},{"location":"examples/sample-page/#ordered-lists","text":"Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo.","title":"Ordered lists"},{"location":"examples/sample-page/#definition-lists","text":"Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris.","title":"Definition lists"},{"location":"examples/sample-page/#code-blocks","text":"","title":"Code blocks"},{"location":"examples/sample-page/#inline","text":"Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.","title":"Inline"},{"location":"examples/sample-page/#listing","text":"#!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; };","title":"Listing"},{"location":"examples/sample-page/#horizontal-rules","text":"Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales.","title":"Horizontal rules"},{"location":"examples/sample-page/#data-tables","text":"Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Data tables"}]}
\ No newline at end of file
+{"config":{"lang":["en"],"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"docSkimmer docSkimmer is a skimmable minimal theme for static documentation sites built using MkDocs . Supports MkDocs versions = 0.16.2 . Features accessible; lightweight - no fonts or libs included (except for a single ~2KB module) - so that you can add only what you prefer; responsive; skimmable; valid HTML5 + CSS3. Installation Clone docSkimmer from GitHub : git clone https://github.com/hfagerlund/mkdocs-docskimmer.git Or download the required version - refer to: 'Version compatibility' . Copy the contents of the '/mkdocs_docskimmer' directory into your MkDocs project root (ie. at the same level as the project's '/docs' directory). Usage Modify the following settings in the 'mkdocs.yml' file: For docSkimmer v0.3.x, v0.4.x: # mkdocs.yml: nav: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] # add theme version number here extra: version: 0.3.x For docSkimmer v0.2.1: # mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] extra: version: 0.2.1 For docSkimmer v0.2.0: # mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' static_templates: - 404.html extra: version: 0.2.0 For docSkimmer v0.1.x: # mkdocs.yml: pages: ## add your custom pages hierarchy here theme_dir: 'mkdocs_docskimmer' Version compatibility docSkimmer theme version(s) MkDocs version(s) 0.4.0 1.0.4 0.3.1 1.0.4 Template URL filter addition 0.3.0 Pages refactor 0.2.1 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.2.0 0.17.0 0.1.1 0.1.0 0.16.3 0.16.2 Examples Examples of how Markdown syntax is rendered and how 2nd-level navigation is displayed in the docSkimmer theme are available on this sample page .","title":"Intro"},{"location":"#docskimmer","text":"docSkimmer is a skimmable minimal theme for static documentation sites built using MkDocs . Supports MkDocs versions = 0.16.2 .","title":"docSkimmer"},{"location":"#features","text":"accessible; lightweight - no fonts or libs included (except for a single ~2KB module) - so that you can add only what you prefer; responsive; skimmable; valid HTML5 + CSS3.","title":"Features"},{"location":"#installation","text":"Clone docSkimmer from GitHub : git clone https://github.com/hfagerlund/mkdocs-docskimmer.git Or download the required version - refer to: 'Version compatibility' . Copy the contents of the '/mkdocs_docskimmer' directory into your MkDocs project root (ie. at the same level as the project's '/docs' directory).","title":"Installation"},{"location":"#usage","text":"Modify the following settings in the 'mkdocs.yml' file:","title":"Usage"},{"location":"#for-docskimmer-v03x-v04x","text":"# mkdocs.yml: nav: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] # add theme version number here extra: version: 0.3.x","title":"For docSkimmer v0.3.x, v0.4.x:"},{"location":"#for-docskimmer-v021","text":"# mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' include_search_page: true search_index_only: false static_templates: - 404.html plugins: ['search'] extra: version: 0.2.1","title":"For docSkimmer v0.2.1:"},{"location":"#for-docskimmer-v020","text":"# mkdocs.yml: pages: ## add your custom pages hierarchy here theme: name: null custom_dir: 'mkdocs_docskimmer' static_templates: - 404.html extra: version: 0.2.0","title":"For docSkimmer v0.2.0:"},{"location":"#for-docskimmer-v01x","text":"# mkdocs.yml: pages: ## add your custom pages hierarchy here theme_dir: 'mkdocs_docskimmer'","title":"For docSkimmer v0.1.x:"},{"location":"#version-compatibility","text":"docSkimmer theme version(s) MkDocs version(s) 0.4.0 1.0.4 0.3.1 1.0.4 Template URL filter addition 0.3.0 Pages refactor 0.2.1 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.2.0 0.17.0 0.1.1 0.1.0 0.16.3 0.16.2","title":"Version compatibility"},{"location":"#examples","text":"Examples of how Markdown syntax is rendered and how 2nd-level navigation is displayed in the docSkimmer theme are available on this sample page .","title":"Examples"},{"location":"examples/another-sample-page/","text":"Another sample page This is another sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme . Body copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum. Headings The 3rd level The 4th level The 5th level The 6th level Headings with secondary text The 3rd level with secondary text The 4th level with secondary text The 5th level with secondary text The 6th level with secondary text Blockquotes Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur. Blockquote nesting Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa. Other content blocks Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero. Lists Unordered lists Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam. Ordered lists Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo. Definition lists Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Code blocks Inline Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus. Listing #!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Horizontal rules Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Data tables Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Sample2"},{"location":"examples/another-sample-page/#another-sample-page","text":"This is another sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme .","title":"Another sample page"},{"location":"examples/another-sample-page/#body-copy","text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum.","title":"Body copy"},{"location":"examples/another-sample-page/#headings","text":"","title":"Headings"},{"location":"examples/another-sample-page/#the-3rd-level","text":"","title":"The 3rd level"},{"location":"examples/another-sample-page/#the-4th-level","text":"","title":"The 4th level"},{"location":"examples/another-sample-page/#the-5th-level","text":"","title":"The 5th level"},{"location":"examples/another-sample-page/#the-6th-level","text":"","title":"The 6th level"},{"location":"examples/another-sample-page/#headings-with-secondary-text","text":"","title":"Headings with secondary text"},{"location":"examples/another-sample-page/#the-3rd-level-with-secondary-text","text":"","title":"The 3rd level with secondary text"},{"location":"examples/another-sample-page/#the-4th-level-with-secondary-text","text":"","title":"The 4th level with secondary text"},{"location":"examples/another-sample-page/#the-5th-level-with-secondary-text","text":"","title":"The 5th level with secondary text"},{"location":"examples/another-sample-page/#the-6th-level-with-secondary-text","text":"","title":"The 6th level with secondary text"},{"location":"examples/another-sample-page/#blockquotes","text":"Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur.","title":"Blockquotes"},{"location":"examples/another-sample-page/#blockquote-nesting","text":"Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa.","title":"Blockquote nesting"},{"location":"examples/another-sample-page/#other-content-blocks","text":"Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero.","title":"Other content blocks"},{"location":"examples/another-sample-page/#lists","text":"","title":"Lists"},{"location":"examples/another-sample-page/#unordered-lists","text":"Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam.","title":"Unordered lists"},{"location":"examples/another-sample-page/#ordered-lists","text":"Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo.","title":"Ordered lists"},{"location":"examples/another-sample-page/#definition-lists","text":"Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris.","title":"Definition lists"},{"location":"examples/another-sample-page/#code-blocks","text":"","title":"Code blocks"},{"location":"examples/another-sample-page/#inline","text":"Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.","title":"Inline"},{"location":"examples/another-sample-page/#listing","text":"#!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; };","title":"Listing"},{"location":"examples/another-sample-page/#horizontal-rules","text":"Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales.","title":"Horizontal rules"},{"location":"examples/another-sample-page/#data-tables","text":"Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Data tables"},{"location":"examples/sample-page/","text":"Sample page This is a sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme . Body copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum. Headings The 3rd level The 4th level The 5th level The 6th level Headings with secondary text The 3rd level with secondary text The 4th level with secondary text The 5th level with secondary text The 6th level with secondary text Blockquotes Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur. Blockquote nesting Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa. Other content blocks Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero. Lists Unordered lists Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam. Ordered lists Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo. Definition lists Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Code blocks Inline Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus. Listing #!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Horizontal rules Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Data tables Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Sample1"},{"location":"examples/sample-page/#sample-page","text":"This is a sample page to demonstrate: how 2nd-level navigation (above) is rendered in the docSkimmer theme ; how various Markdown syntax (below) is rendered in the docSkimmer theme .","title":"Sample page"},{"location":"examples/sample-page/#body-copy","text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero, mollis sed massa vel, ornare viverra ex . Mauris a ullamcorper lacus. Nullam urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan tempor. Sed suscipit , orci non pretium pretium, quam mi gravida metus, vel venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum eros. Nulla aliquam orci sit amet nisl posuere malesuada. Proin aliquet nulla velit, quis ultricies orci feugiat et. Ut tincidunt sollicitudin tincidunt. Aenean ullamcorper sit amet nulla at interdum.","title":"Body copy"},{"location":"examples/sample-page/#headings","text":"","title":"Headings"},{"location":"examples/sample-page/#the-3rd-level","text":"","title":"The 3rd level"},{"location":"examples/sample-page/#the-4th-level","text":"","title":"The 4th level"},{"location":"examples/sample-page/#the-5th-level","text":"","title":"The 5th level"},{"location":"examples/sample-page/#the-6th-level","text":"","title":"The 6th level"},{"location":"examples/sample-page/#headings-with-secondary-text","text":"","title":"Headings with secondary text"},{"location":"examples/sample-page/#the-3rd-level-with-secondary-text","text":"","title":"The 3rd level with secondary text"},{"location":"examples/sample-page/#the-4th-level-with-secondary-text","text":"","title":"The 4th level with secondary text"},{"location":"examples/sample-page/#the-5th-level-with-secondary-text","text":"","title":"The 5th level with secondary text"},{"location":"examples/sample-page/#the-6th-level-with-secondary-text","text":"","title":"The 6th level with secondary text"},{"location":"examples/sample-page/#blockquotes","text":"Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie imperdiet consectetur.","title":"Blockquotes"},{"location":"examples/sample-page/#blockquote-nesting","text":"Sed aliquet , neque at rutrum mollis, neque nisi tincidunt nibh, vitae faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem libero fermentum urna, ut efficitur elit ligula et nunc. Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla. Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio. Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum. eu odio. Suspendisse rutrum facilisis risus , eu posuere neque commodo a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo bibendum, sodales mauris ut, tincidunt massa.","title":"Blockquote nesting"},{"location":"examples/sample-page/#other-content-blocks","text":"Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Praesent at :::js return target , sodales nibh vel, tempor felis. Fusce vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices. Donec consectetur mauris non neque imperdiet, eget volutpat libero.","title":"Other content blocks"},{"location":"examples/sample-page/#lists","text":"","title":"Lists"},{"location":"examples/sample-page/#unordered-lists","text":"Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris. Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam.","title":"Unordered lists"},{"location":"examples/sample-page/#ordered-lists","text":"Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam pellentesque lacinia eu vel odio. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed. Mauris dictum mi lacus Ut sit amet placerat ante Suspendisse ac eros arcu Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed aliquet, neque at rutrum mollis, neque nisi tincidunt nibh. Pellentesque eget :::js var _extends ornare tellus, ut gravida mi. js hl_lines=\"1\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; }; Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo.","title":"Ordered lists"},{"location":"examples/sample-page/#definition-lists","text":"Lorem ipsum dolor sit amet : Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Cras arcu libero : Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam ac, aliquet sed mauris.","title":"Definition lists"},{"location":"examples/sample-page/#code-blocks","text":"","title":"Code blocks"},{"location":"examples/sample-page/#inline","text":"Morbi eget dapibus felis . Vivamus venenatis porttitor tortor sit amet rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet quam enim , eu volutpat urna rutrum a. Nam vehicula nunc :::js return target mauris, a ultricies libero efficitur sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.","title":"Inline"},{"location":"examples/sample-page/#listing","text":"#!js hl_lines=\"8\" var _extends = function(target) { for (var i = 1; i arguments.length; i++) { var source = arguments[i]; for (var key in source) { target[key] = source[key]; } } return target; };","title":"Listing"},{"location":"examples/sample-page/#horizontal-rules","text":"Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna non auctor. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla consectetur feugiat sodales.","title":"Horizontal rules"},{"location":"examples/sample-page/#data-tables","text":"Sollicitudo / Pellentesi consectetur adipiscing elit arcu sed Vivamus a pharetra yes yes yes yes yes Ornare viverra ex yes yes yes yes yes Mauris a ullamcorper yes yes partial yes yes Nullam urna elit yes yes yes yes yes Malesuada eget finibus yes yes yes yes yes Ullamcorper yes yes yes yes yes Vestibulum sodales yes - yes - yes Pulvinar nisl yes yes yes - - Pharetra aliquet est yes yes yes yes yes Sed suscipit yes yes yes yes yes Orci non pretium yes partial - - - Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci, at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero. Left Center Right Lorem dolor amet ipsum sit Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl, sit amet laoreet nibh. Table with colgroups (Pandoc) Lorem ipsum dolor sit amet. Sed sagittis eleifend rutrum. Donec vitae suscipit est.","title":"Data tables"}]}
\ No newline at end of file
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
old mode 100644
new mode 100755
index 37dbf44..8b3de4d
--- a/docs/sitemap.xml
+++ b/docs/sitemap.xml
@@ -2,17 +2,17 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     <url>
      <loc>https://hfagerlund.github.io/mkdocs-docskimmer/</loc>
-     <lastmod>2018-09-18</lastmod>
+     <lastmod>2018-10-11</lastmod>
      <changefreq>daily</changefreq>
     </url>
     <url>
      <loc>https://hfagerlund.github.io/mkdocs-docskimmer/examples/sample-page/</loc>
-     <lastmod>2018-09-18</lastmod>
+     <lastmod>2018-10-11</lastmod>
      <changefreq>daily</changefreq>
     </url>
     <url>
      <loc>https://hfagerlund.github.io/mkdocs-docskimmer/examples/another-sample-page/</loc>
-     <lastmod>2018-09-18</lastmod>
+     <lastmod>2018-10-11</lastmod>
      <changefreq>daily</changefreq>
     </url>
 </urlset>
\ No newline at end of file
diff --git a/docs/sitemap.xml.gz b/docs/sitemap.xml.gz
old mode 100644
new mode 100755
index 4f7a072..915dfc1
Binary files a/docs/sitemap.xml.gz and b/docs/sitemap.xml.gz differ
diff --git a/mkdocs.yml b/mkdocs.yml
old mode 100644
new mode 100755
index 49cf207..90ece72
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -22,7 +22,7 @@ theme:
 plugins: ['search']
 
 extra:
-    version: 0.3.1
+    version: 0.4.0
 
 copyright: Copyright &copy; 2017 Heini Fagerlund
 google_analytics: ['UA-38407980-4', 'auto']
diff --git a/mkdocs_docskimmer/base.html b/mkdocs_docskimmer/base.html
old mode 100644
new mode 100755
index 43cc853..8729f98
--- a/mkdocs_docskimmer/base.html
+++ b/mkdocs_docskimmer/base.html
@@ -54,16 +54,16 @@
       {% endif %}
     {% endfor %}
 
-    <button id="menu-hamburger" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
+    <button class="menu-hamburger" data-js="menuOpenCtrl" aria-label="Open menu table of contents for this page" type="button" title="Menu">&#9776; open</button>
     <!-- END subnav -->
     
    {% block content %}
-     <main id="maincontent" role="main">
+     <main class="maincontent" data-js="mainContent" role="main">
       {{ page.content }}
      </main>
 
-     <aside id="page-toc" class="page-toc" role="complementary" aria-label="Table of Contents for this page">
-       <button aria-label="Close" id="page-toc__closebtn" class="page-toc__closebtn">X</button>
+     <aside class="page-toc" data-js="toc" role="complementary" aria-label="Table of Contents for this page">
+       <button aria-label="Close" class="page-toc__closebtn" data-js="tocCloseCtrl">X</button>
        {% include "page-toc.html" %}
      </aside>
    {% endblock content %}
diff --git a/mkdocs_docskimmer/css/docskimmer.css b/mkdocs_docskimmer/css/docskimmer.css
old mode 100644
new mode 100755
index e54752b..1d15c4c
--- a/mkdocs_docskimmer/css/docskimmer.css
+++ b/mkdocs_docskimmer/css/docskimmer.css
@@ -1,5 +1,5 @@
 /*
-   docSkimmer theme v0.3.1
+   docSkimmer theme v0.4.0
    License: BSD-2-Clause license (https://github.com/hfagerlund/mkdocs-docskimmer/blob/master/LICENSE)
 */
 
@@ -207,7 +207,7 @@ ol ol,ul ul{margin-left:1.5em}
 /* phone-and-tablet */
   @media only screen and (max-width:1199px) {
     /* BEGIN page TOC menu panel */
-    #maincontent{padding:0;transition:margin-left .5s}
+    .maincontent{padding:0;transition:margin-left .5s}
     .page-toc{background-color:#eee;border-right:1px solid #999;height:100%;left:0;overflow-x:hidden;position:fixed;top:0;transition:0.5s;width:0;z-index:2}
     .page-toc__closebtn{border:1px solid #085f5f;font-size:1.4em;margin-top:0.5em;padding:0 0.2em;position:absolute;right:0.5em;text-decoration:none;top:0}
     .page-toc__heading{margin-left:1em}
@@ -216,7 +216,7 @@ ol ol,ul ul{margin-left:1.5em}
     
     code{background-color:transparent;border-left:7px solid #eee;border-radius:0}
     .form__input{min-width:70%;width:auto}
-    #menu-hamburger{background-color:#222;color:#fff;cursor:pointer;border-radius:25px;float:right;font-size:1.2em;margin:0.5em 0.5em 0 0;padding:0.2em 0.5em}
+    .menu-hamburger{background-color:#222;color:#fff;cursor:pointer;border-radius:25px;float:right;font-size:1.2em;margin:0.5em 0.5em 0 0;padding:0.2em 0.5em}
     .page-toc__heading{border-bottom:0;margin-bottom:0;padding-top:2em}
     .page-toc__item{margin:0}
   } /* END phone-and-tablet */
@@ -266,8 +266,8 @@ ol ol,ul ul{margin-left:1.5em}
 
 /* desktop-up */
   @media only screen and (min-width:1200px) {
-    #maincontent{margin-left:7em;margin-right:19em} 
-    #menu-hamburger,.page-toc__closebtn{display:none}
+    .maincontent{margin-left:7em;margin-right:19em}
+    .menu-hamburger,.page-toc__closebtn{display:none}
     .page-toc{display:block;float:right;position:absolute;top:17em;right:0;margin:0;padding:0.5em 1em 2em 2em;max-width:15em}
   }
 
diff --git a/mkdocs_docskimmer/js/theme.js b/mkdocs_docskimmer/js/theme.js
old mode 100644
new mode 100755
index 297a320..8b98446
--- a/mkdocs_docskimmer/js/theme.js
+++ b/mkdocs_docskimmer/js/theme.js
@@ -1,30 +1,40 @@
 /*
-   docSkimmer theme v0.3.1
+   docSkimmer theme v0.4.0
    License: BSD-2-Clause license (https://github.com/hfagerlund/mkdocs-docskimmer/blob/master/LICENSE)
 */
 
-var MenuPanel = (function() {
+const MenuPanel = (function() {
   'use strict';
 
-  var menuOpenControl = document.getElementById('menu-hamburger');
-  var containerPageToc = document.getElementById("page-toc");
-  var menuCloseControl = document.getElementById('page-toc__closebtn');
-  var pageTocLinks = document.getElementsByClassName("page-toc__link");
-  var containerMainContent = document.getElementById("maincontent");
-
-  function _bindEventListeners(){
-    menuCloseControl.addEventListener('click', _menuCloseControlEventHandler);
-    menuCloseControl.addEventListener('keydown', _menuCloseControlEventHandler);
-    menuOpenControl.addEventListener('click', _menuOpenControlEventHandler);
-    menuOpenControl.addEventListener('keydown', _menuOpenControlEventHandler);
+  const datajs = function (selector) {
+      return document.querySelector('[data-js=' + selector + ']');
+  };
+
+  const datajsMulti = function (selector) {
+      return document.querySelectorAll('[data-js=' + selector + ']');
+  };
+
+  const containerPageToc = datajs('toc');
+  const containerMainContent = datajs('mainContent');
+  const menuOpenControl = datajs('menuOpenCtrl');
+  const menuCloseControl = datajs('tocCloseCtrl');
+  const pageTocLinks = datajsMulti('tocLink');
+
+  function _bindEventListeners(options){
+    ['click', 'keydown'].forEach(function(e) {
+      menuCloseControl.addEventListener(e, _menuCloseControlEventHandler);
+      menuOpenControl.addEventListener(e, _menuOpenControlEventHandler);
+    });
+
     for (var i = 0; i < pageTocLinks.length; i++) {
-      pageTocLinks[i].addEventListener('click', _menuCloseControlEventHandler);
-      pageTocLinks[i].addEventListener('keydown', _menuCloseControlEventHandler);
+      ['click', 'keydown'].forEach(function(e) {
+        pageTocLinks[i].addEventListener(e, _menuCloseControlEventHandler);
+      });
     }
   }
 
-  function _hideMenuOpenControl(){
-    menuOpenControl.style.visibility = "hidden";
+  function _hideControl(ctrl){
+    ctrl.style.visibility = "hidden";
   }
 
   function _menuOpenControlEventHandler(event) {
@@ -36,10 +46,10 @@ var MenuPanel = (function() {
     //only respond to Enter or Space keys, or to click event
     if((event.keyCode === 13 || event.keyCode === 32) || (event.type === 'click')){
       containerPageToc.style.width = "0";
-      containerMainContent.style.marginLeft= "2em";
+      containerMainContent.style.marginLeft = "2em";
       //check whether page-toc link was activated
       if(event.target.href){
-        var link = event.target.href,
+        const link = event.target.href,
             anchor = "#";
         if(link.indexOf(anchor) !== -1){
           //scroll activated anchor link to top of page
@@ -49,14 +59,17 @@ var MenuPanel = (function() {
     }
   }
 
+  const main = function() {
+    if(containerPageToc){
+      _bindEventListeners();
+    } else {
+      const menuOpenControl = datajs('menuOpenCtrl');
+      _hideControl(menuOpenControl);
+    }
+  }
+
   return {
-    init: function() {
-      if(containerPageToc){
-        _bindEventListeners();
-      } else {
-        _hideMenuOpenControl();
-      }
-    } //END init
+    init: main
   };
 })();
 
diff --git a/mkdocs_docskimmer/page-toc.html b/mkdocs_docskimmer/page-toc.html
old mode 100644
new mode 100755
index 280d993..1e0006f
--- a/mkdocs_docskimmer/page-toc.html
+++ b/mkdocs_docskimmer/page-toc.html
@@ -1,9 +1,9 @@
 <h2 class="page-toc__heading">On this Page:</h2>
 <ul>
 {% for toc_item in page.toc %}
-    <li class="page-toc__item"><a href="{{ toc_item.url|url }}" class="page-toc__link" tabindex="0">{{ toc_item.title }}</a></li>
+    <li class="page-toc__item"><a href="{{ toc_item.url|url }}" class="page-toc__link" data-js="tocLink" tabindex="0">{{ toc_item.title }}</a></li>
     {% for toc_item in toc_item.children %}
-        <li class="page-toc__item"><a href="{{ page.url|url }}#{{ toc_item.title|lower|replace(' ', '-') }}" class="page-toc__link" tabindex="0">{{ toc_item.title }}</a></li>
+        <li class="page-toc__item"><a href="{{ page.url|url }}#{{ toc_item.title|lower|replace(' ', '-') }}" class="page-toc__link" data-js="tocLink" tabindex="0">{{ toc_item.title }}</a></li>
     {% endfor %}
 {% endfor %}
 </ul>
\ No newline at end of file
diff --git a/setup.py b/setup.py
old mode 100644
new mode 100755
index a69ade0..beca6a4
--- a/setup.py
+++ b/setup.py
@@ -1,6 +1,6 @@
 from setuptools import setup, find_packages
 
-VERSION = '0.3.1'
+VERSION = '0.4.0'
 
 
 setup(