overlay changes

This commit is contained in:
j 2023-07-27 09:12:53 +02:00
parent 59137245a0
commit 0da6a11606
2 changed files with 33 additions and 7 deletions

View file

@ -9,6 +9,21 @@ header {
color: yellow; color: yellow;
text-decoration: none; text-decoration: none;
} }
display: flex;
div {
margin-top: auto;
margin-bottom: auto;
line-height: 1;
}
.burger {
cursor: pointer;
padding-left: 4px;
padding-right: 4px;
svg {
width: 16px;
height: 16px;
}
}
} }
.index { .index {
@ -51,11 +66,6 @@ header {
} }
} }
.burger {
cursor: pointer;
padding-left: 4px;
}
nav.overlay { nav.overlay {
position: absolute; position: absolute;
width: 100%; width: 100%;

View file

@ -15,11 +15,27 @@
<body> <body>
{% block header %} {% block header %}
<header> <header>
<span class="burger">[=]</span> <a href="/">{{ settings.SITENAME }}</a> <div class="burger">
<svg width="512" height="512" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<path fill="#F0F0F0" d="M32 29H4a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2Z" />
<path fill="#F0F0F0" d="M32 19H4a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2Z" />
<path fill="#F0F0F0" d="M32 9H4a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2Z" />
</svg>
</div>
<div>
<a href="/">{{ settings.SITENAME }}</a>
</div>
</header> </header>
<nav class="overlay"> <nav class="overlay">
<header> <header>
<span class="burger">[x]</span> <a href="/">{{ settings.SITENAME }}</a> <div class="burger">
<svg width="512" height="512" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path fill="#f0f0f0" d="M24 9.4L22.6 8L16 14.6L9.4 8L8 9.4l6.6 6.6L8 22.6L9.4 24l6.6-6.6l6.6 6.6l1.4-1.4l-6.6-6.6L24 9.4z"/>
</svg>
</div>
<div>
<a href="/">{{ settings.SITENAME }}</a>
</div>
</header> </header>
<div class="about"> <div class="about">
{{ about.content | safe }} {{ about.content | safe }}