forked from Frzn/frzn.dev
Add the possibility for a sidebar
This commit is contained in:
parent
6a33eb0f83
commit
7047991dd5
2 changed files with 46 additions and 2 deletions
|
|
@ -47,11 +47,20 @@ p, ul, pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header,
|
||||||
|
.section {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.section {
|
.section {
|
||||||
min-width: 20em;
|
min-width: 20em;
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.section:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
ul.members li {
|
ul.members li {
|
||||||
text-indent: 0em;
|
text-indent: 0em;
|
||||||
}
|
}
|
||||||
|
|
@ -60,6 +69,10 @@ ul.members li:before {
|
||||||
content: none
|
content: none
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul.sidebar-links li:before {
|
||||||
|
content: ">";
|
||||||
|
}
|
||||||
|
|
||||||
body > div {
|
body > div {
|
||||||
padding-bottom: 1em;
|
padding-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
@ -92,3 +105,25 @@ table.services tr td:last-child {
|
||||||
font-style: italic;
|
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;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,9 +9,18 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<%= yield %>
|
<div class="page-container">
|
||||||
<hr>
|
<div>
|
||||||
|
<%= yield %>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="sidebar">-->
|
||||||
|
<!-- <ul class="sidebar-links">-->
|
||||||
|
<!-- <li><a href="">Discord</a></li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
|
<hr>
|
||||||
(c) frzn.dev 2018 - <%= Date.today.year %> / design and backend by <a href="/~floppy">~floppy</a> / v<%=FrznDev::Application::VERSION %>
|
(c) frzn.dev 2018 - <%= Date.today.year %> / design and backend by <a href="/~floppy">~floppy</a> / v<%=FrznDev::Application::VERSION %>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue