Add a footer; give the navbar the same style as the footer

This commit is contained in:
Paul van Tilburg 2018-01-02 12:49:16 +01:00
parent ee0d056d18
commit c4dcc6253f
2 changed files with 10 additions and 1 deletions

View File

@ -32,7 +32,7 @@
<body> <body>
{% block body %} {% block body %}
<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark" role="navigation"> <nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark text-light" role="navigation">
<div class="container"> <div class="container">
<a class="navbar-brand list-select" href="#">Online Prikbord</a> <a class="navbar-brand list-select" href="#">Online Prikbord</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@ -45,6 +45,7 @@
<div class="container" id="content"> <div class="container" id="content">
{% block content %}{% endblock content %} {% block content %}{% endblock content %}
</div> <!-- /.container --> </div> <!-- /.container -->
{% block footer %}{% endblock footer %}
{% block script %}{% endblock script %} {% block script %}{% endblock script %}
{% endblock body %} {% endblock body %}
</body> </body>

View File

@ -103,6 +103,14 @@ Horizontale lijn<pre>"></textarea>
</div> </div>
{% endblock content %} {% endblock content %}
{% block footer %}
<footer class="footer bg-dark text-light">
<div class="container text-center">
<small>Wishlists v{{app_version}} — &copy; 2018 Paul van Tilburg</small>
</div>
</footer>
{% endblock footer %}
{% block script %} {% block script %}
<script src="/js/wishlists.js"></script> <script src="/js/wishlists.js"></script>
{% endblock script %} {% endblock script %}