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"
+++
-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 @@
-
+
{% for page in config.extra.toolbar_pages %}
-