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

Reviewed-on: #6
master
Cameron Himes 9 months ago
commit 7fc2acd7f1
  1. 4
      content/about.md
  2. 50
      sass/main.scss
  3. 2
      templates/sidebar.html

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

@ -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;
}
}
}

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

Loading…
Cancel
Save