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 @@
-
+