docs: adjust docs layouts and add tables of contents

- add an auto-generated table of contents with markdown-toc
- docs pages now fill the whole page width; other pages are are 4/5ths wide as before
- clean up and reorganize some styles
- version dropdown moved to the left
- cleaned up the github edit link
- a couple of responsive cleanups
- add page title to HTML title attribute

Signed-off-by: Timothy Gerla <tim@gerla.net>

docs/website/components/TableOfContents.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <div class="text-gray-500 text-base font-bold uppercase">
+      Table of Contents
+    </div>
+    <nav class="text-sm">
+      <div id="toc" v-html="toc" class="pt-4 text-gray-700 text-sm"></div>
+    </nav>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TableOfContents',
+  props: { toc: { type: String, default: '' } }
+}
+</script>
+
+<style>
+div#toc {
+  top: 90px;
+  @apply font-sans tracking-wide;
+}
+
+div#toc ul {
+  @apply pl-4;
+}
+</style>