replace bootstrap-toc dependency by tocbot

LICENSE.md

@@ -26,7 +26,6 @@ The following libraries are included in Racine under the MIT license
 * jQuery - Copyright (c) jQuery Foundation and other contributors.
 * jquery.jeditable.js - Copyright (c) 2006 Mika Tuupola, Dylan Verheul, Nicolas Carpi.
 * typeahead.js - Copyright (c) Twitter, Inc.
-* bootstrap-toc.min.js and bootstrap-toc.min.css - Copyright (c) 2015-2016 Aidan Feldman.
 * Lightbox2 - Copyright (c) 2015 Lokesh Dhakar.
 
 The following libraries are included in Racine under the Apache license

Makefile

@@ -71,7 +71,7 @@ install-js-dependencies: install-mathjax api-client
 	cp js/node_modules/bootstrap/dist/css/bootstrap.min.css app/static/css/bootstrap.min.css
 	cp js/node_modules/bootstrap/dist/fonts/* app/static/fonts/
 
-	cp js/node_modules/bootstrap-toc/dist/bootstrap-toc.min.css app/static/css/bootstrap-toc.min.css
+	cp js/node_modules/tocbot/dist/tocbot.css app/static/css/tocbot.css
 
 	cp js/node_modules/lightbox2/dist/css/lightbox.css app/static/css/lightbox.css
 	cp js/node_modules/lightbox2/dist/images/* app/static/images/

app/static/.gitignore

@@ -1,8 +1,8 @@
 mathjax/
 
 css/bootstrap.min.css
-css/bootstrap-toc.min.css
 css/lightbox.css
+css/tocbot.css
 css/typeahead.css
 
 fonts/

app/templates/help.html

@@ -2,16 +2,21 @@
 
 {% block styles %}
 {{super()}}
-    <link rel="stylesheet" href="/static/css/bootstrap-toc.min.css">
+    <link rel="stylesheet" href="/static/css/tocbot.css">
     <style>
-        /* see https://tscanlin.github.io/tocbot/ */
-        h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
-            display: block;
-            content: " ";
-            height: 60px;
-            margin-top: -60px;
-            visibility: hidden;
+        ul.toc-list {
+            list-style-type: none;
         }
+
+        ul.toc-list li {
+            padding-top: 5px;
+            padding-bottom: 5px;
+        }
+
+        div#js-toc-content {
+            max-width: 800px;
+        }
+
         p {
             text-align:justify;
         }
@@ -20,12 +25,12 @@
 
 {% block sidebarnav %}
 <div id="sidebar" class="col-sm-3 col-md-2 sidebar">
-    <nav id="toc" data-toggle="toc"></nav>
+    <nav id="js-toc"></nav>
 </div>
 {% endblock %}
 
 {% block page_content %}
-<div style="max-width: 800px;">
+<div class="js-toc-content">
     <h2>Racine version</h2>
     You are using Racine <b>{{ racine_version }}</b>.
     <h2>Introduction</h2>