Compare commits

...

8 Commits

Author SHA1 Message Date
Cameron Himes 7fc2acd7f1 Merge pull request 'finnder' (#6) from finnder into master
Reviewed-on: MountainLinuxClub/website#6
2022-03-25 05:34:44 +00:00
Cameron Himes 365ec7aae2
Merge branch 'master' into finnder 2022-03-25 01:30:28 -04:00
Finnder 3a223fa95e Tweaks to tab text, was to dark 2022-03-24 23:39:47 -04:00
Finnder 5239befe18 Changed sizing of image for now (no image added yet), now can see tabs 2022-03-24 23:25:17 -04:00
Finnder c8ab30b5ca Small sizing change 2022-03-24 23:20:33 -04:00
Finnder a6bfc73895 Made some tab hovering effects, and some general touch ups 2022-03-24 23:14:52 -04:00
Finnder d19460fa1e Re colored everything to darker colors 2022-03-24 22:13:37 -04:00
Finnder 070c6f0d40 test 2022-03-24 19:41:29 -04:00
3 changed files with 44 additions and 12 deletions

View File

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

View File

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

View File

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