use a flexbox for the header sections

this is better than a float because I have always kind of hated how
floating divs work, and this also orders and displays the navs better in
elinks
This commit is contained in:
2021-02-11 00:23:19 -06:00
parent ad33cf2e83
commit 5e41cde52e
4 changed files with 26 additions and 18 deletions

View File

@@ -11,15 +11,17 @@
<link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}">
<div class="site-wrap">
<div class="styles">
<a href="?style=dark">[dark]</a>
<a href="?style=light">[light]</a>
</div>
<div class="nav">
{% for nav in navs %}
<a href="{{ nav.1 }}">{{ nav.0 }}</a>
{% if not loop.last %} &raquo; {% endif %}
{% endfor %}
<div class="header">
<div class="nav">
{% for nav in navs %}
<a href="{{ nav.1 }}">{{ nav.0 }}</a>
{% if not loop.last %} &raquo; {% endif %}
{% endfor %}
</div>
<div class="styles">
<a href="?style=dark">[dark]</a>
<a href="?style=light">[light]</a>
</div>
</div>
<div class="content">
{{ content }}