Merge pull request 'finnder' (#6) from finnder into master

Reviewed-on: #6
This commit is contained in:
Cameron Himes 2022-03-25 05:34:44 +00:00
commit 7fc2acd7f1
3 changed files with 44 additions and 12 deletions

View File

@ -1,5 +1,7 @@
+++ +++
title="About Us" title="About Us"
+++ +++
<hr>
We like linux :)
This is an about us page

View File

@ -1,9 +1,15 @@
$sidebar_width: 20%; @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap');
$sidebar_background: rgba(255, 0, 0, .1);
$body_background: rgba(0, 255, 0, .1); $sidebar_width: 15%;
$sidebar_background: rgba(45, 45, 45, 1);
$body_background: rgba(30, 30, 30, 1);
$content_background: rgb(35, 35, 35);
body { body {
margin: 0; margin: 0;
font-family: 'Fira Code', monospace;
// Sidebar
nav { nav {
height: 100%; height: 100%;
position: fixed; position: fixed;
@ -11,24 +17,48 @@ body {
background: $sidebar_background; background: $sidebar_background;
padding-top: 32px; padding-top: 32px;
padding-bottom: 16px; padding-bottom: 16px;
img { border-right-style: solid;
width: 100%; border-width: 2px;
} border-color: black;
color: white;
div { div {
padding: 0 16px 0 16px; 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 { main {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-left: $sidebar_width; margin-left: $sidebar_width;
background: $body_background; background: $body_background;
padding-top: 50px; padding-top: 32px;
color: white;
article { article {
margin: auto; margin: auto;
border: 1px solid blue; border: 1px solid white;
padding: 16px; border-radius: 3px;
max-width: 1000px; padding: 13px;
max-width: 1500px;
background: $content_background;
} }
} }
} }

View File

@ -2,7 +2,7 @@
<div> <div>
<a href="/"><img src="{{ get_url(path='logo.png') }}"></a> <a href="/"><img src="{{ get_url(path='logo.png') }}"></a>
</div> </div>
<div> <div class="tabs">
<ul> <ul>
{% for page in config.extra.toolbar_pages %} {% for page in config.extra.toolbar_pages %}
<li> <li>