diff options
author | Matthew Lemon <y@yulqen.org> | 2024-05-13 20:57:54 +0100 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-05-13 20:57:54 +0100 |
commit | b5e2c4b9a7aab20db6dd6072a01abd114e8e55de (patch) | |
tree | d3367353fd4ffaa0ad2d26f05b918bc9e7a1abf1 /pyblackbird_cc/templates/base.html | |
parent | efbbd480ddc62e695123d31c31d233b0df5155bd (diff) |
Fudged in the header in base and the wasp!
Diffstat (limited to 'pyblackbird_cc/templates/base.html')
-rw-r--r-- | pyblackbird_cc/templates/base.html | 129 |
1 files changed, 63 insertions, 66 deletions
diff --git a/pyblackbird_cc/templates/base.html b/pyblackbird_cc/templates/base.html index 7c6f1b6..1eb9966 100644 --- a/pyblackbird_cc/templates/base.html +++ b/pyblackbird_cc/templates/base.html @@ -8,23 +8,25 @@ <meta http-equiv="x-ua-compatible" content="ie=edge" /> <title> {% block title %} - pyblackbird-cc + Joanna Lemon Resources {% endblock title %} </title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Joanna Lemon Resources" /> <meta name="author" content="Matthew Lemon" /> - <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}" /> + <link rel="icon" href="{% static 'images/favicons/wasp.png' %}" /> + {% block extra_css %} + {% endblock extra_css %} {% block css %} <!-- Latest compiled and minified Bootstrap CSS --> - <link rel="stylesheet" - href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" - integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" - crossorigin="anonymous" - referrerpolicy="no-referrer" /> + {# <link rel="stylesheet"#} + {# href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css"#} + {# integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA=="#} + {# crossorigin="anonymous"#} + {# referrerpolicy="no-referrer" />#} <!-- Your stuff: Third-party CSS libraries go here --> <!-- This file stores project-specific CSS --> - <link href="{% static 'css/project.css' %}" rel="stylesheet" /> + <!-- <link href="{% static 'css/project.css' %}" rel="stylesheet" /> --> <link rel="stylesheet" href="{% static "css/wrapper.css" %}" type="text/css" media="screen" charset="utf-8" /> {% endblock css %} <!-- Le javascript @@ -40,57 +42,43 @@ <!-- Your stuff: Third-party javascript libraries go here --> <!-- place project specific Javascript in this file --> <script defer src="{% static 'js/project.js' %}"></script> + <script src="{% static "js/htmx.min.js" %}"></script> {% endblock javascript %} </head> - <body class="{% block bodyclass %}{% endblock bodyclass %}"> - {% block body %} - <div class="mb-1"> - <nav class="navbar navbar-expand-md navbar-light bg-light"> - <div class="container-fluid"> - <button class="navbar-toggler navbar-toggler-right" - type="button" - data-bs-toggle="collapse" - data-bs-target="#navbarSupportedContent" - aria-controls="navbarSupportedContent" - aria-expanded="false" - aria-label="Toggle navigation"> - <span class="navbar-toggler-icon"></span> - </button> - <a class="navbar-brand" href="{% url 'home' %}">pyblackbird-cc</a> - <div class="collapse navbar-collapse" id="navbarSupportedContent"> - <ul class="navbar-nav mr-auto"> - <li class="nav-item active"> - <a class="nav-link" href="{% url 'home' %}">Home <span class="visually-hidden">(current)</span></a> - </li> - <li class="nav-item"> - <a class="nav-link" href="{% url 'about' %}">About</a> - </li> - {% if request.user.is_authenticated %} - <li class="nav-item"> - <a class="nav-link" href="{% url 'users:detail' request.user.pk %}">{% translate "My Profile" %}</a> - </li> - <li class="nav-item"> - {# URL provided by django-allauth/account/urls.py #} - <a class="nav-link" href="{% url 'account_logout' %}">{% translate "Sign Out" %}</a> - </li> - {% else %} - {% if ACCOUNT_ALLOW_REGISTRATION %} - <li class="nav-item"> - {# URL provided by django-allauth/account/urls.py #} - <a id="sign-up-link" class="nav-link" href="{% url 'account_signup' %}">{% translate "Sign Up" %}</a> - </li> - {% endif %} - <li class="nav-item"> - {# URL provided by django-allauth/account/urls.py #} - <a id="log-in-link" class="nav-link" href="{% url 'account_login' %}">{% translate "Sign In" %}</a> - </li> - {% endif %} - </ul> + <body> + <header> + <div class="inner-header"> + <div> </div> + <div class="info"> + <h1>Joanna Lemon Learning</h1> + <p> + Experienced primary school teacher, dedicated to creating colourful and + clear educational learning resources. + </p> + </div> + <div> </div> + <div> </div> + <div class="info"> + <p> + For information: please contact <a href="mailto:joanna@joannalemon.com">joanna@joannalemon.com</a> + </p> + <div class="jumplist"> + <div align="center"> + <a href="https://www.tes.com/teaching-resources/shop/joannalemon" + target="_blank">TES Shop</a> + </div> + <div align="center"> + <a href="https://joannalemon.etsy.com/" target="_blank">Etsy</a> + </div> + <div align="center"> + <a href="https://blog.joannalemon.com" target="_blank">Blog</a> </div> </div> - </nav> + </div> </div> - <div class="container"> + </header> + <main> + {% block body %} {% if messages %} {% for message in messages %} <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}"> @@ -103,24 +91,33 @@ {% endfor %} {% endif %} {% block main %} - {% block content %} - <p>Use this document as a way to quick start any new project.</p> - {% endblock content %} + <div class="container"> + {% block content %} + {% endblock content %} + </div> {% endblock main %} - </div> - {% endblock body %} + {% endblock body %} + </main> <!-- /container --> {% block modal %} {% endblock modal %} {% block inline_javascript %} {% comment %} - Script tags with only code, no src (defer by default). To run - with a "defer" so that you run inline code: - <script> - window.addEventListener('DOMContentLoaded', () => { - /* Run whatever you want */ - }); - </script> + Script tags with only code, no src (defer by default). To run + with a "defer" so that you run inline code: + <script> + # + } { + # window.addEventListener('DOMContentLoaded', () => { + # + } { + # /* Run whatever you want */ # + } { + # + }); + # + } + </script> {% endcomment %} {% endblock inline_javascript %} </body> |