diff options
Diffstat (limited to 'pyblackbird_cc/templates/base.html')
| -rw-r--r-- | pyblackbird_cc/templates/base.html | 175 |
1 files changed, 88 insertions, 87 deletions
diff --git a/pyblackbird_cc/templates/base.html b/pyblackbird_cc/templates/base.html index 6de8fef..b06e313 100644 --- a/pyblackbird_cc/templates/base.html +++ b/pyblackbird_cc/templates/base.html @@ -3,113 +3,114 @@ <!DOCTYPE html> {% get_current_language as LANGUAGE_CODE %} <html lang="{{ LANGUAGE_CODE }}"> - <head> - <meta charset="utf-8" /> - <meta http-equiv="x-ua-compatible" content="ie=edge" /> +<head> + <meta charset="utf-8"/> + <meta http-equiv="x-ua-compatible" content="ie=edge"/> <title> - {% block title %} - Joanna Lemon Learning - Resources - {% endblock title %} + {% block title %} + Joanna Lemon Learning - 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/wasp.png' %}" /> + <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/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" />#} - <!-- Your stuff: Third-party CSS libraries go here --> - <!-- This file stores project-specific CSS --> - <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}" /> - <link rel="stylesheet" href="{% static 'css/custom.css' %}" /> - <link rel="stylesheet" href="{% static 'css/project.css' %}" /> - {# <link rel="stylesheet" href="{% static "css/wrapper.css" %}" type="text/css" media="screen" charset="utf-8" />#} + <!--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" />#} + <!-- Your stuff: Third-party CSS libraries go here --> + <!-- This file stores project-specific CSS --> + <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}"/> + <link rel="stylesheet" href="{% static 'css/custom.css' %}"/> + <link rel="stylesheet" href="{% static 'css/project.css' %}"/> + <link rel="stylesheet" href="{% static 'css/features.css' %}"> + {# <link rel="stylesheet" href="{% static "css/wrapper.css" %}" type="text/css" media="screen" charset="utf-8" />#} {% endblock css %} <!-- Le javascript ================================================== --> {# Placed at the top of the document so pages load faster with defer #} {% block javascript %} - <!-- Bootstrap JS --> - {# <script defer#} - {# src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js"#} - {# integrity="sha512-1/RvZTcCDEUjY/CypiMz+iqqtaoQfAITmNSJY17Myp4Ms5mdxPS5UV7iOfdZoxcGhzFbOm6sntTKJppjvuhg4g=="#} - {# crossorigin="anonymous"#} - {# referrerpolicy="no-referrer"></script>#} - <!-- 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 "bootstrap/js/bootstrap.js" %}"></script> - <script src="{% static "js/htmx.min.js" %}"></script> + <!-- Bootstrap JS --> + {# <script defer#} + {# src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js"#} + {# integrity="sha512-1/RvZTcCDEUjY/CypiMz+iqqtaoQfAITmNSJY17Myp4Ms5mdxPS5UV7iOfdZoxcGhzFbOm6sntTKJppjvuhg4g=="#} + {# crossorigin="anonymous"#} + {# referrerpolicy="no-referrer"></script>#} + <!-- 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 "bootstrap/js/bootstrap.js" %}"></script> + <script src="{% static "js/htmx.min.js" %}"></script> {% endblock javascript %} - </head> - <body> - <header> - <div class="container text-center"> +</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> - </div> + <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> + </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> + <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 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> - </header> - <hr /> - <main> - {% block body %} + </div> +</header> +<hr/> +<main> + {% block body %} {% if messages %} - {% for message in messages %} - <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}"> - {{ message }} - <button type="button" - class="btn-close" - data-bs-dismiss="alert" - aria-label="Close"></button> - </div> - {% endfor %} + {% for message in messages %} + <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}"> + {{ message }} + <button type="button" + class="btn-close" + data-bs-dismiss="alert" + aria-label="Close"></button> + </div> + {% endfor %} {% endif %} {% block main %} - <div class="container"> - {% block content %} - {% endblock content %} - </div> + <div class="container"> + {% block content %} + {% endblock content %} + </div> {% endblock main %} - {% endblock body %} - </main> - <!-- /container --> - {% block modal %} - {% endblock modal %} - {% block inline_javascript %} - {% comment %} + {% 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> @@ -126,6 +127,6 @@ } </script> {% endcomment %} - {% endblock inline_javascript %} - </body> +{% endblock inline_javascript %} +</body> </html> |