aboutsummaryrefslogtreecommitdiffstats
path: root/pyblackbird_cc/templates/base.html
blob: 6de8fef6f30a7259107c5b624d53b494484b94b4 (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
125
126
127
128
129
130
131
{% 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>&nbsp;</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>