Add navbar and footer
This commit is contained in:
parent
53cbee964f
commit
cdc4bcd93a
3 changed files with 40 additions and 0 deletions
|
@ -17,8 +17,12 @@
|
|||
<body>
|
||||
{% wagtailuserbar %}
|
||||
|
||||
{% include 'common/navbar.html' with page=self %}
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
{% include 'common/footer.html' with page=self %}
|
||||
|
||||
<script src='{% static "js/mermaid.min.js" %}'></script>
|
||||
<script src='{% static "js/app.js" %}'></script>
|
||||
</body>
|
||||
|
|
15
templates/common/footer.html
Normal file
15
templates/common/footer.html
Normal 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>© {% 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
21
templates/common/navbar.html
Normal 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>
|
Reference in a new issue