diff --git a/content/about.md b/content/about.md
index 28961f6..e29a3a7 100644
--- a/content/about.md
+++ b/content/about.md
@@ -1,5 +1,7 @@
+++
title="About Us"
+++
+
+We like linux :)
+
-This is an about us page
diff --git a/sass/main.scss b/sass/main.scss
index eb921eb..246c75b 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -1,9 +1,15 @@
-$sidebar_width: 20%;
-$sidebar_background: rgba(255, 0, 0, .1);
-$body_background: rgba(0, 255, 0, .1);
+@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,24 +17,48 @@ 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;
}
+
+ img {
+ width: auto;
+ }
+
+ // Refrence to the tab interface
+ .tabs {
+ a {
+ text-decoration: none;
+ color: rgb(190, 190, 190);
+
+ &:hover {
+ color: white;
+ background-color: rgba(40, 40, 40, 0.5);
+ }
+ }
+ }
}
+
main {
height: 100%;
box-sizing: border-box;
margin-left: $sidebar_width;
background: $body_background;
- padding-top: 50px;
+ padding-top: 32px;
+ color: white;
+
article {
margin: auto;
- border: 1px solid blue;
- padding: 16px;
- max-width: 1000px;
+ border: 1px solid white;
+ border-radius: 3px;
+ padding: 13px;
+ max-width: 1500px;
+ 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 %}
-