From d7508630aec63990435c23a64571f1102ebef6cb Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@protonmail.com>
Date: Sun, 20 Feb 2022 12:10:57 +0100
Subject: [PATCH] Add navbar to docs

Signed-off-by: trivernis <trivernis@protonmail.com>
---
 _layouts/doc.html      | 13 +++++++++++--
 _sass/_components.scss | 19 +++++++++++++++++++
 index.html             |  4 +++-
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/_layouts/doc.html b/_layouts/doc.html
index e48dc04..5778907 100644
--- a/_layouts/doc.html
+++ b/_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>
\ No newline at end of file
diff --git a/_sass/_components.scss b/_sass/_components.scss
index b9f0cc1..3e6f7b7 100644
--- a/_sass/_components.scss
+++ b/_sass/_components.scss
@@ -160,4 +160,23 @@ code {
   @media (min-width: $breakpoint-lg) {
     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;
+  }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a2ac7a7..c8ad6f8 100644
--- a/index.html
+++ b/index.html
@@ -39,4 +39,6 @@ layout: home
         those via tcp.
     </div>
     
-</div>
\ No newline at end of file
+</div>
+
+<h1 class="text-centered"><a href="/docs/10_installation">Getting Started</a></h1>
\ No newline at end of file