Add navbar to docs

Signed-off-by: trivernis <trivernis@protonmail.com>

_layouts/doc.html

@@ -8,12 +8,21 @@ layout: default
         page.date | date: "%b %-d, %Y" }}</time></p>
   </div>
 
-  <div class="prose" itemprop="articleBody">
+  <div class="prose doc-body" itemprop="articleBody">
     {{ content }}
   </div>
-
 </article>
 
+<div class="navigation">
+  {% for doc in site.docs %}
+  {% if doc.draft == false %}
+  <h3 class="{% if doc.url == page.url %}selected{% endif %}">
+      <a href="{{ doc.url | prepend: site.baseurl }}">{{ doc.title }}</a>
+  </h3>
+  {% endif %}
+  {% endfor %}
+</div>
+
 <div class="container mx-auto px-2 py-2 clearfix">
   {% include previous-next_docs.html %}
 </div>

_sass/_components.scss

@@ -161,3 +161,22 @@ code {
     font-size: 5em;
   }
 }
+
+.navigation {
+  display: none;
+
+  @media (min-width: 90em) {
+    display: block;
+    position: fixed;
+    word-break: break-all;
+    top: 50px;
+    left: 1em;
+    width: 12em;
+    padding-right: 1em;
+    border-right: $color-border 1px solid;
+  }
+
+  .selected {
+    color: $color-text-accent;
+  }
+}

index.html

@@ -40,3 +40,5 @@ layout: home
     </div>
     
 </div>
+
+<h1 class="text-centered"><a href="/docs/10_installation">Getting Started</a></h1>