diff options
| author | Matthew Lemon <y@yulqen.org> | 2024-09-01 17:00:09 +0100 |
|---|---|---|
| committer | Matthew Lemon <y@yulqen.org> | 2024-09-01 17:00:09 +0100 |
| commit | 511786f9ad75bd20157f3cbff1b17e48ac9734f5 (patch) | |
| tree | 00521a0b13410a37632e4d8b0e1e51097f4b2a3a /pyblackbird_cc/templates/base.html | |
| parent | b8cb50d3983e4087fa54c2295cf8066c8d27b4a5 (diff) | |
Logo and new navbar and new detail design
- logo in place
- new navbar - removed Joanna Lemon, etc
- tidying up the detail page, using cards and nicer titles
- better detail panel at the top of the page with a table in it
Diffstat (limited to 'pyblackbird_cc/templates/base.html')
| -rw-r--r-- | pyblackbird_cc/templates/base.html | 61 |
1 files changed, 30 insertions, 31 deletions
diff --git a/pyblackbird_cc/templates/base.html b/pyblackbird_cc/templates/base.html index b02c52c..36c8c5a 100644 --- a/pyblackbird_cc/templates/base.html +++ b/pyblackbird_cc/templates/base.html @@ -51,40 +51,39 @@ </head> <body> <header> - <div class="container text-center"> - <div> </div> - <div class="row"> - <div class="col"> - <h1>Joanna Lemon Learning</h1> - <p class="text-black-50"> - Experienced primary school teacher, dedicated to creating colourful and - clear educational learning resources. - </p> + <nav class="navbar navbar-expand-lg navbar-light bg-white"> + <div class="container-fluid"> + <a class="navbar-brand" href="{% url "home" %}"> + <img src="{% static "images/AL_long_logo_black_grey.png" %}" width=300px alt="Alphabet Learning Logo"> + </a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 ms-auto"> + <li class="nav-item"> + <a class="nav-link text-dark fw-bold" href="{% url "resources:resource_list" %}">Resources</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark fw-bold" + href="https://www.tes.com/teaching-resources/shop/joannalemon" + target="_blank">TES Shop</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark fw-bold" href="https://joannalemon.etsy.com/" + target="_blank">Etsy</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark fw-bold" href="https://blog.joannalemon.com" + target="_blank">Blog</a> + </li> + </ul> </div> </div> - <div class="row"> - <p class="text-black-50"> - For information: please contact <a href="mailto:joanna@joannalemon.com">joanna@joannalemon.com</a> - </p> - </div> - <div class="row"> - <div class="col"> - <a href="https://www.tes.com/teaching-resources/shop/joannalemon" - target="_blank">TES Shop</a> - </div> - <div class="col"> - <a href="https://joannalemon.etsy.com/" target="_blank">Etsy</a> - </div> - <div class="col"> - <a href="{% url "resources:resource_list" %}">Resources</a> - </div> - <div class="col"> - <a href="https://blog.joannalemon.com" target="_blank">Blog</a> - </div> - </div> - </div> + </nav> + <div class="border-bottom border-dark border-1"></div> </header> -<hr/> <main> {% block body %} {% if messages %} |