From a6bfc73895e16382221497cb0a1746b0f21c8592 Mon Sep 17 00:00:00 2001
From: Finnder <mcguirefinneganftw@gmail.com>
Date: Thu, 24 Mar 2022 23:14:52 -0400
Subject: [PATCH] Made some tab hovering effects, and some general touch ups

---
 content/about.md       |  3 ++-
 sass/main.scss         | 31 ++++++++++++++++++++++++++-----
 templates/sidebar.html |  2 +-
 3 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/content/about.md b/content/about.md
index 5b15c91..e29a3a7 100644
--- a/content/about.md
+++ b/content/about.md
@@ -2,5 +2,6 @@
 title="About Us"
 +++
 <hr>
-We like linux :)
+We like linux :) 
+
 
diff --git a/sass/main.scss b/sass/main.scss
index f9bf05a..1150ec9 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -1,9 +1,15 @@
-$sidebar_width: 20%;
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap');
+
+$sidebar_width: 15%;
 $sidebar_background: rgba(45, 45, 45, 1);
 $body_background: rgba(30, 30, 30, 1);
+$content_background: rgb(35, 35, 35);
 
 body {
     margin: 0;
+    font-family: 'Fira Code', monospace;
+
+    // Sidebar
     nav {
         height: 100%;
         position: fixed;
@@ -11,12 +17,26 @@ body {
         background: $sidebar_background;
         padding-top: 32px;
         padding-bottom: 16px;
-        img {
-            width: 100%;
-        }
+        border-right-style: solid;
+        border-width: 2px;
+        border-color: black;
+        color: white;
+
         div {
             padding: 0 16px 0 16px;
         }
+        
+        // Refrence to the tab interface
+        .tabs {
+            a {
+                text-decoration: none;
+                color: grey;
+                &:hover {
+                    color: white;
+                    background-color: rgba(40, 40, 40, 0.5);
+                }
+            }
+        }
     }
 
     main {
@@ -31,7 +51,8 @@ body {
             margin: auto;
             border: 1px solid white;
             padding: 13px;
-            max-width: 1000px;
+            max-width: 92%;
+            background: $content_background;
         }
     }
 }
diff --git a/templates/sidebar.html b/templates/sidebar.html
index c4f6072..83ea66a 100644
--- a/templates/sidebar.html
+++ b/templates/sidebar.html
@@ -2,7 +2,7 @@
     <div>
         <a href="/"><img src="{{ get_url(path='logo.png') }}"></a>
     </div>
-    <div>
+    <div class="tabs">
         <ul>
         {% for page in config.extra.toolbar_pages %}
         <li>