luxick/estus-shots-py
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dark theme.

Browse Source
This commit is contained in:
luxick
2019-02-15 23:32:21 +01:00
parent 97fd6fcde0
commit 6a6b4015c8
12 changed files with 99 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
templates/base.html
View File

@@ -5,6 +5,8 @@
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="/static/dark_theme.css">
<link rel="stylesheet" href="/static/custom.css">
{% endblock %}
{% block navbar %}
@@ -15,21 +17,32 @@
('/drinks', 'drinks', 'Drinks', 'fas fa-beer')
]-%}
<div class="container">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<ul class="nav navbar-nav mr-auto">
{% for href, id, caption, icon in nav_bar %}
<li class="nav-item{% if id == active_page %} active{% endif %}">
<a class="nav-link" href="{{ href|e }}">
<i class="{{ icon|e }}"></i> {{ caption|e }}
</a>
</li>
{% endfor %}
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/logout">Logout</a>
</li>
</ul>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<a class="navbar-brand">
<img class="brand-icon" alt="" src="/static/img/brand.png">
Estus Shots
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
{% for href, id, caption, icon in nav_bar %}
<li class="nav-item{% if id == active_page %} active{% endif %}">
<a class="nav-link" href="{{ href|e }}">
<i class="{{ icon|e }} icon-primary"></i> {{ caption|e }}
</a>
</li>
{% endfor %}
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/logout">Logout</a>
</li>
</ul>
</div>
</nav>
</div>
{% endblock %}