archive/wagtail-website-2018-spike
Archived
1
Fork 0
Code Releases Packages Activity

Add navbar and footer

Browse source
This commit is contained in:
Jake Howard 2018-07-24 21:45:21 +01:00
parent 53cbee964f
commit cdc4bcd93a
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 40 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
templates/base.html
View file

@ -17,8 +17,12 @@
<body> <body>
{% wagtailuserbar %} {% wagtailuserbar %}
{% include 'common/navbar.html' with page=self %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
{% include 'common/footer.html' with page=self %}
<script src='{% static "js/mermaid.min.js" %}'></script> <script src='{% static "js/mermaid.min.js" %}'></script>
<script src='{% static "js/app.js" %}'></script> <script src='{% static "js/app.js" %}'></script>
</body> </body>

15
templates/common/footer.html Normal file
View file

@ -0,0 +1,15 @@
<footer class="bg-light p-5 {% if not page.is_home %}mt-5{% endif %}">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p>&copy; {% now "Y" %} <a href='{{ settings.BASE_URL }}'>{{ settings.WAGTAIL_SITE_NAME }}</a>.</p>
<p></p>
</div>
<div class="col-sm-6">
<h3 class="text-right">
</h3>
</div>
</div>
</div>
</footer>

21
templates/common/navbar.html Normal file
View file

@ -0,0 +1,21 @@
<nav class="navbar navbar-expand-sm navbar-dark bg-black fixed-top">
<a class="navbar-brand" href='{{ settings.BASE_URL }}'><code>/home/{{ settings.WAGTAIL_SITE_NAME|lower }}</code></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a href="/" class="nav-link">
<code>~/something</code>
</a>
</li>
</ul>
<div class="d-none d-lg-block">
<ul class="navbar-nav">
</ul>
</div>
</div>
</nav>