docs: add table of contents to every page

docs/config.json

@@ -18,6 +18,11 @@
   ],
   "enableGitInfo": true,
   "markup": {
+    "tableOfContents": {
+      "endLevel": 3,
+      "ordered": false,
+      "startLevel": 2
+    },
     "goldmark": {
       "extensions": {
         "typographer": false

docs/content/_index.md

@@ -2,6 +2,7 @@
 title: "Rclone"
 description: "Rclone syncs your files to cloud storage: Google Drive, S3, Swift, Dropbox, Google Cloud Storage, Azure, Box and many more."
 type: page
+notoc: true
 ---
 
 # Rclone syncs your files to cloud storage

docs/layouts/chrome/menu.html

@@ -1,3 +1,14 @@
+{{ if and (gt .WordCount 200 ) (not (.Params.notoc)) }}
+<div class="card">
+  <div class="card-header" style="padding: 5px 10px;">
+    Contents
+  </div>
+  <div class="card-body">
+    {{ .TableOfContents }}
+  </div>
+</div>
+{{end}}
+
 <div class="card">
   <div class="card-header" style="padding: 5px 10px;">
     Share and Enjoy

docs/static/css/custom.css

@@ -171,3 +171,14 @@ a.badge-primary.focus, a.badge-primary:focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(112,202,242,.5);
 }
+nav#TableOfContents ul {
+    list-style-type: none;
+    padding: 0.0rem;
+    margin: 0.5rem;
+    font-size: 90%;
+    white-space: nowrap;
+    overflow:hidden;
+}
+nav#TableOfContents ul:hover {
+    overflow:visible;
+}