raspberrypi
diff --git a/‎jekyll-assets/_includes/head.html‎
Lines changed: 0 additions & 2 deletions b/‎jekyll-assets/_includes/head.html‎
Lines changed: 0 additions & 2 deletions
diff --git a/‎jekyll-assets/_layouts/boxes.html‎
Lines changed: 1 addition & 1 deletion b/‎jekyll-assets/_layouts/boxes.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎jekyll-assets/_layouts/docs.html‎
Lines changed: 10 additions & 6 deletions b/‎jekyll-assets/_layouts/docs.html‎
Lines changed: 10 additions & 6 deletions
diff --git a/‎jekyll-assets/css/style.css‎
Lines changed: 0 additions & 5 deletions b/‎jekyll-assets/css/style.css‎
Lines changed: 0 additions & 5 deletions
diff --git a/‎jekyll-assets/scripts/toc.js‎
Lines changed: 0 additions & 36 deletions b/‎jekyll-assets/scripts/toc.js‎
Lines changed: 0 additions & 36 deletions
@@ -21,8 +21,6 @@
 <link rel="stylesheet" href="{{ site.baseurl }}/css/asciidoctor-tabs.css?ver={{ site.time | date: '%s' }}">
 <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax-highlighting.css?ver={{ site.time | date: '%s' }}">
 <link rel="stylesheet" href="{{ site.baseurl }}/css/tocbot.css?ver={{ site.time | date: '%s' }}">
-<script type="text/javascript" src="{{ site.baseurl }}/scripts/tocbot.js?ver={{ site.time | date: '%s' }}"></script>
-<script type="text/javascript" src="{{ site.baseurl }}/scripts/toc.js?ver={{ site.time | date: '%s' }}"></script>
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-V8TFXM3BKJ"></script>
 <script>
   window.dataLayer = window.dataLayer || [];
 
@@ -3,7 +3,7 @@
   <head>
     {% include head.html %}
   </head>
-  <body onload="makeToc()">
+  <body>
     {% include header.html %}
 
     <div class="toptitle">
 
@@ -3,7 +3,7 @@
   <head>
     {% include head.html %}
   </head>
-  <body onload="makeToc()">
+  <body>
     <input type="checkbox" id="mobile-toggle" />
     {% include header.html %}
     <div id="docs-content">
@@ -162,11 +162,7 @@ <h1>{{ page.sub_title | markdownify | remove: '<p>' | remove: '</p>'}}</h1>
           <div id="on-this-page">
             <div id="on-this-page-inner">
               <h5>On this page</h5>
-              <div id="toc">
-                {{ page.document | tocify_asciidoc: 3 }}
-              </div>
-              <div id="tocbot">
-              </div>
+              <div id="tocbot" class="js-toc"></div>
             </div>
           </div>
         </div>
@@ -178,6 +174,14 @@ <h5>On this page</h5>
         <script async type="text/javascript" src="{{ site.baseurl }}/scripts/asciidoctor-tabs.js?ver={{ site.time | date: '%s' }}"></script>
         <script async type="text/javascript" src="{{ site.baseurl }}/scripts/clipboard.min.js?ver={{ site.time | date: '%s' }}"></script>
         <script async type="text/javascript" src="{{ site.baseurl }}/scripts/copy-to-clipboard.js?ver={{ site.time | date: '%s' }}"></script>
+        <script type="text/javascript" src="{{ site.baseurl }}/scripts/tocbot.min.js?ver={{ site.time | date: '%s' }}"></script>
+        <script>
+          tocbot.init({
+              contentSelector: '#content',
+              headingSelector: 'h1, h2, h3, h4',
+              includeHtml: true
+          });
+        </script>
 
         {% include search.html %}
       </div>
 
@@ -368,11 +368,6 @@ input:checked + li span label div .toc-item::before {
   margin-bottom: 6px;
 }
 
-/* hide the non-tocbot non-interactive toctree from view -- just needed to generate tocbot version */
-#on-this-page-inner #toc {
-  display: none;
-}
-
 .sectlevel1 {
   flex-grow: 0;
   margin-right: 10px;