Jocelyn/hsmwebsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Started reworking page layout

Browse source
This commit is contained in:
Jocelyn 2024-11-28 00:25:01 +01:00
parent 91a3b0d8e9
commit 018afd075b
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/style.css
View file

@ -1,7 +1,12 @@
* {
box-sizing: border-box;
}
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: sans-serif; font-family: sans-serif;
overflow: clip;
} }
.navbar { .navbar {
@ -27,8 +32,8 @@ body {
.sidebar { .sidebar {
height: 100%; height: 100%;
width: 200px; width: 15%;
position: fixed; float: left;
border-right: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA;
} }
@ -46,8 +51,17 @@ body {
margin-bottom: 10px; margin-bottom: 10px;
} }
.clearfix::after {
content: "";
clear: both;
display: table;
}
.content { .content {
padding: 20px; padding: 20px;
margin-left: 200px; float: left;
width: 85%;
height: 100%;
color: #000040; color: #000040;
overflow: auto;
} }

2
template.tpl
View file

@ -10,7 +10,7 @@
<span class="nav-name">Jocelyn Otto</span> <span class="nav-name">Jocelyn Otto</span>
<a href="https://jossco.de">Private page</a> <a href="https://jossco.de">Private page</a>
</header> </header>
<div class="sidebar"> <div class="sidebar clearfix">
<ul class="sidemenu"> <ul class="sidemenu">
% echo $SIDEBAR % echo $SIDEBAR
</ul> </ul>