{% load static i18n %} <!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" /> <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' %}" /> {% 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" />#} {% 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> {% endblock javascript %} </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> <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> </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 %} {% endif %} {% block main %} <div class="container"> {% block content %} {% endblock content %} </div> {% endblock main %} {% 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> {% endcomment %} {% endblock inline_javascript %} </body> </html>