Add the possibility for a sidebar

This commit is contained in:
floppydiskette 2024-08-07 00:34:30 +01:00
commit 7047991dd5
No known key found for this signature in database
2 changed files with 46 additions and 2 deletions

View file

@ -47,11 +47,20 @@ p, ul, pre {
margin: 0;
}
.header,
.section {
padding-bottom: 1em;
}
.section {
min-width: 20em;
width: max-content;
}
.section:last-child {
padding-bottom: 0;
}
ul.members li {
text-indent: 0em;
}
@ -60,6 +69,10 @@ ul.members li:before {
content: none
}
ul.sidebar-links li:before {
content: ">";
}
body > div {
padding-bottom: 1em;
}
@ -92,3 +105,25 @@ table.services tr td:last-child {
font-style: italic;
}
.page-container {
display: grid;
grid-template-columns: 1fr 250px;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.page-container > div {
padding: 5px;
}
.page-container > div.sidebar {
border-left: 2px solid gray;
padding-left: 10px;
}
.footer hr {
margin-top: 0;
border: none;
border-top: 2px solid gray;
}

View file

@ -9,9 +9,18 @@
</head>
<body>
<%= yield %>
<hr>
<div class="page-container">
<div>
<%= yield %>
</div>
<!-- <div class="sidebar">-->
<!-- <ul class="sidebar-links">-->
<!-- <li><a href="">Discord</a></li>-->
<!-- </ul>-->
<!-- </div>-->
</div>
<div class="footer">
<hr>
(c) frzn.dev 2018 - <%= Date.today.year %> / design and backend by <a href="/~floppy">~floppy</a> / v<%=FrznDev::Application::VERSION %>
</div>
</body>