aboutsummaryrefslogtreecommitdiffstats
path: root/pyblackbird_cc/templates/base.html
blob: 1eb9966b751281d88ac5ec5e4a9be8f69dcbb487 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
{% 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 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 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
    ================================================== -->
    {# 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 "js/htmx.min.js" %}"></script>
    {% endblock javascript %}
  </head>
  <body>
    <header>
      <div class="inner-header">
        <div>&nbsp;</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>&nbsp;</div>
        <div>&nbsp;</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>
        </div>
      </div>
    </header>
    <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>