overlay changes
This commit is contained in:
parent
59137245a0
commit
0da6a11606
2 changed files with 33 additions and 7 deletions
|
@ -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%;
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in a new issue