From 58ed559aea0ed8770b7148a6675edf176e0e40b8 Mon Sep 17 00:00:00 2001
From: Stephen Mudie <stephenm@ansto.gov.au>
Date: Thu, 10 Oct 2024 23:39:09 +1100
Subject: [PATCH 01/12] QR code PDF formating

---
 openday_scavenger/api/puzzles/service.py      |  17 +++-
 openday_scavenger/api/qr_codes.py             |  77 ++++++++++++++----
 openday_scavenger/api/visitors/service.py     |  15 +++-
 .../static/images/qr_codes/key.png            | Bin 0 -> 10884 bytes
 .../static/images/qr_codes/lock.png           | Bin 0 -> 9564 bytes
 pyproject.toml                                |   1 +
 uv.lock                                       |  15 ++++
 7 files changed, 108 insertions(+), 17 deletions(-)
 create mode 100644 openday_scavenger/static/images/qr_codes/key.png
 create mode 100644 openday_scavenger/static/images/qr_codes/lock.png

diff --git a/openday_scavenger/api/puzzles/service.py b/openday_scavenger/api/puzzles/service.py
index 9a26b864..d3edea0d 100644
--- a/openday_scavenger/api/puzzles/service.py
+++ b/openday_scavenger/api/puzzles/service.py
@@ -2,6 +2,8 @@
 import random
 from datetime import datetime, timedelta
 from io import BytesIO
+from pathlib import Path
+from sys import modules
 from typing import Any
 
 from fastapi.encoders import jsonable_encoder
@@ -452,7 +454,20 @@ def generate_puzzle_qr_code(name: str, as_file_buff: bool = False) -> str | Byte
 def generate_puzzle_qr_codes_pdf(db_session: Session):
     puzzles = get_all(db_session, only_active=False)
 
-    return generate_qr_codes_pdf([f"{config.BASE_URL}puzzles/{puzzle.name}/" for puzzle in puzzles])
+    module = modules["openday_scavenger"]
+    module_path = module.__file__
+    if module_path is not None:
+        logo_path = Path(module_path).parent / "static/images/qr_codes/lock.png"
+    else:
+        logo_path = None
+
+    return generate_qr_codes_pdf(
+        [f"{config.BASE_URL}puzzles/{puzzle.name}/" for puzzle in puzzles],
+        logo=logo_path,
+        title="You Found A Puzzle Lock!",
+        title_font_size=30,
+        url_font_size=16,
+    )
 
 
 def generate_test_data(
diff --git a/openday_scavenger/api/qr_codes.py b/openday_scavenger/api/qr_codes.py
index 25085a01..ccb342f6 100644
--- a/openday_scavenger/api/qr_codes.py
+++ b/openday_scavenger/api/qr_codes.py
@@ -1,12 +1,16 @@
 from io import BytesIO
+from pathlib import Path
 
+from PIL import Image
 from reportlab.lib.pagesizes import A4
 from reportlab.lib.utils import ImageReader
 from reportlab.pdfgen import canvas
 from segno import make_qr
 
 
-def generate_qr_code(url: str, as_file_buff: bool = False) -> str | BytesIO:
+def generate_qr_code(
+    url: str, as_file_buff: bool = False, logo: Path | None = None
+) -> str | BytesIO:
     """Generates a QR code for the provided URL.
 
     Args:
@@ -21,9 +25,27 @@ def generate_qr_code(url: str, as_file_buff: bool = False) -> str | BytesIO:
     """
     _qr = make_qr(f"{url}", error="H")
 
+    if logo is not None:
+        qr_image = _qr.to_pil()
+        qr_image = qr_image.convert("RGB")
+        logo_image = Image.open(logo)
+        qr_image = qr_image.resize((500, 500), Image.NEAREST)
+        qr_width, qr_height = qr_image.size
+        logo_width, logo_height = logo_image.size
+        max_logo_size = min(qr_width // 5, qr_height // 5)
+        ratio = min(max_logo_size / logo_width, max_logo_size / logo_height)
+        logo_image = logo_image.resize((int(logo_width * ratio), int(logo_height * ratio)))
+
+        # Calculate the center position for the logo
+        logo_x = (qr_width - logo_image.width) // 2
+        logo_y = (qr_height - logo_image.height) // 2
+
+        # Paste the logo onto the QR code image
+        qr_image.paste(logo_image, (logo_x, logo_y))
+
     if as_file_buff:
         buff = BytesIO()
-        _qr.save(buff, kind="png")
+        qr_image.save(buff, format="png")
         buff.seek(0)
         qr = buff
     else:
@@ -32,7 +54,15 @@ def generate_qr_code(url: str, as_file_buff: bool = False) -> str | BytesIO:
     return qr
 
 
-def generate_qr_codes_pdf(entries: list[str]) -> BytesIO:
+def generate_qr_codes_pdf(
+    entries: list[str],
+    title: str = "blah",
+    title_font_size: int = 14,
+    url_font_size: int = 10,
+    columns: int = 1,
+    rows: int = 1,
+    logo: Path | None = None,
+) -> BytesIO:
     """Generates a PDF document containing QR codes for each URL in the provided list.
 
     Args:
@@ -47,30 +77,47 @@ def generate_qr_codes_pdf(entries: list[str]) -> BytesIO:
     c = canvas.Canvas(pdf_io, pagesize=A4)
     width, height = A4
 
-    # Calculate the position to center the QR code
-    qr_size = 400  # Size of the QR code
-    x = (width - qr_size) / 2
-    y = (height - qr_size) / 2
+    x_margin = 50 / columns
+    y_margin = 100
+
+    qr_size = 500 / (rows)
+
+    for i, entry in enumerate(entries):
+        col_index = i % columns
+        row_index = 0 if i % (columns * rows) < 2 else 1
+
+        x = x_margin + col_index * (qr_size + x_margin)
+        y = height - (row_index + 1) * (qr_size + y_margin)
+
+        # Set the font size for the Title text
+        c.setFillColorRGB(0, 0.46, 0.75)
+        c.setFont("Helvetica-Bold", title_font_size)
+
+        # Calculate the position to center the text
+        text_width = c.stringWidth(f"{title}", "Helvetica-Bold", title_font_size)
+        text_x = x + (qr_size - text_width) / 2
+
+        # Add the Title text above the QR code
+        c.drawString(text_x, y + 510 / rows, f"{title}")
 
-    for entry in entries:
         # Draw the QR code image from BytesIO
-        qr_code = generate_qr_code(entry, as_file_buff=True)
+        qr_code = generate_qr_code(entry, as_file_buff=True, logo=logo)
         qr_image = ImageReader(qr_code)
         c.drawImage(qr_image, x, y, width=qr_size, height=qr_size)
 
         # Set the font size for the URL text
-        font_size = 24
-        c.setFont("Helvetica", font_size)
+        c.setFont("Helvetica", url_font_size)
 
         # Calculate the position to center the text
-        text_width = c.stringWidth(f"{entry}", "Helvetica", font_size)
-        text_x = (width - text_width) / 2
+        text_width = c.stringWidth(f"{entry}", "Helvetica", url_font_size)
+        text_x = x + (qr_size - text_width) / 2
 
         # Add the URL text below the QR code
-        c.drawString(text_x, y - 30, f"{entry}")
+        c.drawString(text_x, y, f"{entry}")
 
         # Create a new page for the next QR code
-        c.showPage()
+        if (i + 1) % (columns * rows) == 0:
+            c.showPage()
 
     c.save()
     pdf_io.seek(0)
diff --git a/openday_scavenger/api/visitors/service.py b/openday_scavenger/api/visitors/service.py
index 2b14d460..1c07fd29 100644
--- a/openday_scavenger/api/visitors/service.py
+++ b/openday_scavenger/api/visitors/service.py
@@ -1,6 +1,8 @@
 import json
 from datetime import datetime
 from io import BytesIO
+from pathlib import Path
+from sys import modules
 from typing import Any
 from uuid import uuid4
 
@@ -222,8 +224,19 @@ def generate_visitor_qr_code(uid: str, as_file_buff: bool = False) -> str | Byte
 def generate_visitor_qr_codes_pdf(db_session: Session):
     visitors = get_visitor_pool(db_session)
 
+    module = modules["openday_scavenger"]
+    module_path = module.__file__
+    if module_path is not None:
+        logo_path = Path(module_path).parent / "static/images/qr_codes/key.png"
+    else:
+        logo_path = None
+
     return generate_qr_codes_pdf(
-        [f"{config.BASE_URL}register/{visitor.uid}" for visitor in visitors]
+        [f"{config.BASE_URL}register/{visitor.uid}" for visitor in visitors],
+        logo=logo_path,
+        rows=2,
+        columns=2,
+        title="Your Personal Adventure Key!",
     )
 
 
diff --git a/openday_scavenger/static/images/qr_codes/key.png b/openday_scavenger/static/images/qr_codes/key.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c25a97c7e9ad4608c3b35140fab65927288af1b
GIT binary patch
literal 10884
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
V-^+8cJo$GYQe8)_K=szW{{>bHob3Pr

literal 0
HcmV?d00001

diff --git a/openday_scavenger/static/images/qr_codes/lock.png b/openday_scavenger/static/images/qr_codes/lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9dfb3352ccd39a9ccac0b55aaacf654854c6977
GIT binary patch
literal 9564
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
Q|7%6>l(BZXreoB90ihAy`Tzg`

literal 0
HcmV?d00001

diff --git a/pyproject.toml b/pyproject.toml
index daba524e..2a8ffb83 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -14,6 +14,7 @@ dependencies = [
     "python-dotenv>=1.0.1",
     "plotly>=5.24.1",
     "pandas>=2.2.3",
+    "qrcode-artistic>=3.0.2",
 ]
 
 [project.optional-dependencies]
diff --git a/uv.lock b/uv.lock
index 14313f26..6989ba53 100644
--- a/uv.lock
+++ b/uv.lock
@@ -411,6 +411,7 @@ dependencies = [
     { name = "plotly" },
     { name = "pydantic-settings" },
     { name = "python-dotenv" },
+    { name = "qrcode-artistic" },
     { name = "reportlab" },
     { name = "segno" },
     { name = "sqlalchemy" },
@@ -445,6 +446,7 @@ requires-dist = [
     { name = "psycopg2", marker = "extra == 'postgres'", specifier = ">=2.9.9" },
     { name = "pydantic-settings", specifier = ">=2.4.0" },
     { name = "python-dotenv", specifier = ">=1.0.1" },
+    { name = "qrcode-artistic", specifier = ">=3.0.2" },
     { name = "reportlab", specifier = ">=4.2.2" },
     { name = "segno", specifier = ">=1.6.1" },
     { name = "sqlalchemy", specifier = ">=2.0.32" },
@@ -748,6 +750,19 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/fa/de/02b54f42487e3d3c6efb3f89428677074ca7bf43aae402517bc7cca949f3/PyYAML-6.0.2-cp313-cp313-win_amd64.whl", hash = "sha256:8388ee1976c416731879ac16da0aff3f63b286ffdd57cdeb95f3f2e085687563", size = 156446 },
 ]
 
+[[package]]
+name = "qrcode-artistic"
+version = "3.0.2"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "pillow" },
+    { name = "segno" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/4f/cf/5fff014b4ba48c7e985343bc59827e134a11bae71227c15a47bee3b999aa/qrcode-artistic-3.0.2.tar.gz", hash = "sha256:eb71f12673c89f638cf7252554a74ecbe4a22f1ce15920caa53da75a48c181f4", size = 9336 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/10/62/81f17a375319b3d0242a3b93dd2d30ce16e5592544e1762f8c2e7514c9d2/qrcode_artistic-3.0.2-py3-none-any.whl", hash = "sha256:a2aa751a7f0220767f70842cceec206b21f9207478b9612d468273a1f46429ae", size = 7636 },
+]
+
 [[package]]
 name = "reportlab"
 version = "4.2.2"

From cf75fec5ad16810489531f7fb79742b5e02dcb7b Mon Sep 17 00:00:00 2001
From: Stephen Mudie <stephenm@ansto.gov.au>
Date: Fri, 11 Oct 2024 09:37:00 +1100
Subject: [PATCH 02/12] Docstrings and defensive code for qr code logo.

---
 openday_scavenger/api/puzzles/service.py |  2 ++
 openday_scavenger/api/qr_codes.py        | 43 +++++++++++++++---------
 2 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/openday_scavenger/api/puzzles/service.py b/openday_scavenger/api/puzzles/service.py
index d3edea0d..aef5b76d 100644
--- a/openday_scavenger/api/puzzles/service.py
+++ b/openday_scavenger/api/puzzles/service.py
@@ -458,6 +458,8 @@ def generate_puzzle_qr_codes_pdf(db_session: Session):
     module_path = module.__file__
     if module_path is not None:
         logo_path = Path(module_path).parent / "static/images/qr_codes/lock.png"
+        if not logo_path.exists():
+            logo_path = None
     else:
         logo_path = None
 
diff --git a/openday_scavenger/api/qr_codes.py b/openday_scavenger/api/qr_codes.py
index ccb342f6..79b855fa 100644
--- a/openday_scavenger/api/qr_codes.py
+++ b/openday_scavenger/api/qr_codes.py
@@ -1,3 +1,4 @@
+import logging
 from io import BytesIO
 from pathlib import Path
 
@@ -7,6 +8,8 @@
 from reportlab.pdfgen import canvas
 from segno import make_qr
 
+logger = logging.getLogger(__name__)
+
 
 def generate_qr_code(
     url: str, as_file_buff: bool = False, logo: Path | None = None
@@ -18,30 +21,40 @@ def generate_qr_code(
         as_file_buff (bool, optional): If True, returns the QR code as a BytesIO object
             containing the PNG image data. Defaults to False, which returns the QR code as
             an SVG data URI string.
+        logo (Path, optional): Pathlib Path to an image to use as a logo in middle of QR code. Must be
+            compatible with `PIL.Image.open`. Logo is only created with `as_file_buff=True`.
+            If the image is incompatible a warning is logged and QR code is created without the logo.
+            Currently the ratio of logo to QR size is fixed at 1/25th.
 
     Returns:
         str | BytesIO: The QR code representation. If `as_file_buff` is True, a BytesIO
             object; otherwise, an SVG data URI string.
     """
     _qr = make_qr(f"{url}", error="H")
+    qr_image = _qr.to_pil()  # type: ignore
 
     if logo is not None:
-        qr_image = _qr.to_pil()
         qr_image = qr_image.convert("RGB")
-        logo_image = Image.open(logo)
-        qr_image = qr_image.resize((500, 500), Image.NEAREST)
-        qr_width, qr_height = qr_image.size
-        logo_width, logo_height = logo_image.size
-        max_logo_size = min(qr_width // 5, qr_height // 5)
-        ratio = min(max_logo_size / logo_width, max_logo_size / logo_height)
-        logo_image = logo_image.resize((int(logo_width * ratio), int(logo_height * ratio)))
-
-        # Calculate the center position for the logo
-        logo_x = (qr_width - logo_image.width) // 2
-        logo_y = (qr_height - logo_image.height) // 2
-
-        # Paste the logo onto the QR code image
-        qr_image.paste(logo_image, (logo_x, logo_y))
+        try:
+            logo_image = Image.open(logo)
+            qr_image = qr_image.resize((500, 500), Image.NEAREST)
+            qr_width, qr_height = qr_image.size
+            logo_width, logo_height = logo_image.size
+            max_logo_size = min(qr_width // 5, qr_height // 5)
+            ratio = min(max_logo_size / logo_width, max_logo_size / logo_height)
+            logo_image = logo_image.resize((int(logo_width * ratio), int(logo_height * ratio)))
+
+            # Calculate the center position for the logo
+            logo_x = (qr_width - logo_image.width) // 2
+            logo_y = (qr_height - logo_image.height) // 2
+
+            # Paste the logo onto the QR code image
+            qr_image.paste(logo_image, (logo_x, logo_y))
+
+        except Exception as e:
+            logger.error(
+                f"Opening and merging Logo {logo} with the qr code raised an exception {e}"
+            )
 
     if as_file_buff:
         buff = BytesIO()

From 3a6ae506da7064c5e9d3d7c5400c037e770f4677 Mon Sep 17 00:00:00 2001
From: Stephen Mudie <stephenm@ansto.gov.au>
Date: Fri, 11 Oct 2024 10:43:31 +1100
Subject: [PATCH 03/12] Set default number of UID in form to 10.

---
 openday_scavenger/views/admin/templates/visitors_pool.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openday_scavenger/views/admin/templates/visitors_pool.html b/openday_scavenger/views/admin/templates/visitors_pool.html
index b9f4431b..24435dde 100644
--- a/openday_scavenger/views/admin/templates/visitors_pool.html
+++ b/openday_scavenger/views/admin/templates/visitors_pool.html
@@ -11,7 +11,7 @@ <h5 class="border-bottom pb-2 mb-0">Visitor Pool</h5>
     <form id='visitor-pool-form' class="mt-3" hx-encoding='multipart/form-data' hx-post='/admin/visitors/pool' hx-ext='json-enc' hx-swap="innerHTML" hx-target="#visitor-pool-table"> 
         <div class="mb-3">
             <label for="number_of_entries" class="form-label">Number of UIDs:</label>
-            <input type="number" id="number_of_entries" name="number_of_entries" class="form-control">
+            <input type="number" id="number_of_entries" name="number_of_entries" class="form-control" value="10">
         </div>
         <button id="create-button" class="btn btn-primary">
             <i class="fa-solid fa-plus"></i>

From 25213af8c25920e869f16267ff69fbda2a1b76fb Mon Sep 17 00:00:00 2001
From: Stephen Mudie <stephenm@ansto.gov.au>
Date: Fri, 11 Oct 2024 11:17:01 +1100
Subject: [PATCH 04/12] Increase resolution of QR code to improve logo
 resolution. Default to 1000 uids.

---
 openday_scavenger/api/qr_codes.py         | 8 ++++++--
 openday_scavenger/api/visitors/service.py | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/openday_scavenger/api/qr_codes.py b/openday_scavenger/api/qr_codes.py
index 79b855fa..c7457d0b 100644
--- a/openday_scavenger/api/qr_codes.py
+++ b/openday_scavenger/api/qr_codes.py
@@ -9,6 +9,7 @@
 from segno import make_qr
 
 logger = logging.getLogger(__name__)
+logging.basicConfig(level=logging.INFO)
 
 
 def generate_qr_code(
@@ -37,12 +38,14 @@ def generate_qr_code(
         qr_image = qr_image.convert("RGB")
         try:
             logo_image = Image.open(logo)
-            qr_image = qr_image.resize((500, 500), Image.NEAREST)
+            qr_image = qr_image.resize((1000, 1000), Image.NEAREST)
             qr_width, qr_height = qr_image.size
             logo_width, logo_height = logo_image.size
             max_logo_size = min(qr_width // 5, qr_height // 5)
             ratio = min(max_logo_size / logo_width, max_logo_size / logo_height)
-            logo_image = logo_image.resize((int(logo_width * ratio), int(logo_height * ratio)))
+            logo_image = logo_image.resize(
+                (int(logo_width * ratio), int(logo_height * ratio)), Image.BICUBIC
+            )
 
             # Calculate the center position for the logo
             logo_x = (qr_width - logo_image.width) // 2
@@ -96,6 +99,7 @@ def generate_qr_codes_pdf(
     qr_size = 500 / (rows)
 
     for i, entry in enumerate(entries):
+        logger.info(f"Entry number {i}")
         col_index = i % columns
         row_index = 0 if i % (columns * rows) < 2 else 1
 
diff --git a/openday_scavenger/api/visitors/service.py b/openday_scavenger/api/visitors/service.py
index 1c07fd29..8f23b798 100644
--- a/openday_scavenger/api/visitors/service.py
+++ b/openday_scavenger/api/visitors/service.py
@@ -222,7 +222,7 @@ def generate_visitor_qr_code(uid: str, as_file_buff: bool = False) -> str | Byte
 
 
 def generate_visitor_qr_codes_pdf(db_session: Session):
-    visitors = get_visitor_pool(db_session)
+    visitors = get_visitor_pool(db_session, limit=1000)
 
     module = modules["openday_scavenger"]
     module_path = module.__file__

From f2e249c13d9be73e642dbc51f906841ed3c66700 Mon Sep 17 00:00:00 2001
From: Stephen Mudie <stephenm@ansto.gov.au>
Date: Fri, 11 Oct 2024 11:40:35 +1100
Subject: [PATCH 05/12] Decrease font size because of long url

---
 openday_scavenger/api/puzzles/service.py  | 2 +-
 openday_scavenger/api/visitors/service.py | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/openday_scavenger/api/puzzles/service.py b/openday_scavenger/api/puzzles/service.py
index aef5b76d..f367c910 100644
--- a/openday_scavenger/api/puzzles/service.py
+++ b/openday_scavenger/api/puzzles/service.py
@@ -468,7 +468,7 @@ def generate_puzzle_qr_codes_pdf(db_session: Session):
         logo=logo_path,
         title="You Found A Puzzle Lock!",
         title_font_size=30,
-        url_font_size=16,
+        url_font_size=12,
     )
 
 
diff --git a/openday_scavenger/api/visitors/service.py b/openday_scavenger/api/visitors/service.py
index 8f23b798..ec20ee02 100644
--- a/openday_scavenger/api/visitors/service.py
+++ b/openday_scavenger/api/visitors/service.py
@@ -237,6 +237,7 @@ def generate_visitor_qr_codes_pdf(db_session: Session):
         rows=2,
         columns=2,
         title="Your Personal Adventure Key!",
+        url_font_size=8,
     )
 
 

From fa19916c974be57eae5e8924dfdc8cfdf48faf49 Mon Sep 17 00:00:00 2001
From: Michelle Chan <chanm@ansto.gov.au>
Date: Fri, 11 Oct 2024 11:56:30 +1100
Subject: [PATCH 06/12] Added controls puzzle that auto submits on load when
 controls team member gets user to scan to this page

---
 openday_scavenger/puzzles/__init__.py         | 20 ++++----
 .../puzzles/controls_game/__init__.py         |  0
 .../puzzles/controls_game/static/index.html   | 45 ++++++++++++++++++
 .../puzzles/controls_game/views.py            | 46 +++++++++++++++++++
 openday_scavenger/static/css/openday.css      |  2 +-
 5 files changed, 103 insertions(+), 10 deletions(-)
 create mode 100644 openday_scavenger/puzzles/controls_game/__init__.py
 create mode 100644 openday_scavenger/puzzles/controls_game/static/index.html
 create mode 100644 openday_scavenger/puzzles/controls_game/views.py

diff --git a/openday_scavenger/puzzles/__init__.py b/openday_scavenger/puzzles/__init__.py
index 18daf67d..92bcec57 100644
--- a/openday_scavenger/puzzles/__init__.py
+++ b/openday_scavenger/puzzles/__init__.py
@@ -1,6 +1,7 @@
 from fastapi import APIRouter
 
 from .ads_question_answer_matchup.views import router as ads_question_answer_matchup_router
+from .controls_game.views import router as puzzle_controls_router
 from .cube.views import router as puzzle_cube_router
 from .demo.views import router as puzzle_demo_router
 from .element.views import router as puzzle_element_router
@@ -15,25 +16,26 @@
 router = APIRouter()
 
 # Include puzzle routes. Name entered into database should match the prefix.
+router.include_router(ads_question_answer_matchup_router, prefix="/ads_question_answer_matchup")
+router.include_router(new_buildings_router, prefix="/newbuildings")
+router.include_router(puzzle_controls_router, prefix="/controls_game")
 router.include_router(puzzle_cube_router, prefix="/cube")
 router.include_router(puzzle_demo_router, prefix="/demo")
-router.include_router(puzzle_element_router, prefix="/element_general")
-router.include_router(puzzle_element_router, prefix="/element_mex")
-router.include_router(puzzle_element_router, prefix="/element_xas")
 router.include_router(puzzle_element_router, prefix="/element_ads")
 router.include_router(puzzle_element_router, prefix="/element_bsx")
+router.include_router(puzzle_element_router, prefix="/element_general")
 router.include_router(puzzle_element_router, prefix="/element_mct")
+router.include_router(puzzle_element_router, prefix="/element_mex")
 router.include_router(puzzle_element_router, prefix="/element_mx")
 router.include_router(puzzle_element_router, prefix="/element_pd")
-router.include_router(new_buildings_router, prefix="/newbuildings")
-router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-probations")
-router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-crumpets")
-router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-toerags")
-router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-reboots")
+router.include_router(puzzle_element_router, prefix="/element_xas")
 router.include_router(puzzle_fourbyfour_router, prefix="/fourbyfour")
 router.include_router(puzzle_labelthemap_router, prefix="/labelthemap")
 router.include_router(puzzle_labelthemap_router, prefix="/labelthemap-easy")
-router.include_router(ads_question_answer_matchup_router, prefix="/ads_question_answer_matchup")
+router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-crumpets")
+router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-probations")
+router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-reboots")
+router.include_router(puzzle_shuffleanagram_router, prefix="/shuffleanagram-toerags")
 router.include_router(puzzle_xray_filters_router, prefix="/xray_filters")
 for rr in puzzle_finder_routes:
     router.include_router(puzzle_finder_router, prefix=rr)
diff --git a/openday_scavenger/puzzles/controls_game/__init__.py b/openday_scavenger/puzzles/controls_game/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/openday_scavenger/puzzles/controls_game/static/index.html b/openday_scavenger/puzzles/controls_game/static/index.html
new file mode 100644
index 00000000..366a1884
--- /dev/null
+++ b/openday_scavenger/puzzles/controls_game/static/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Controls Puzzle Game</title>
+
+    <script src="/static/js/htmx.min.js"></script>
+    <script src="/static/js/json-enc.js"></script>
+
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <link href="/static/css/openday.css" rel="stylesheet">
+    <link id="favicon" rel="icon" type="image/x-icon" href="/static/favicon.ico">
+
+    <style>
+    </style>
+</head>
+
+<body class="game-body">
+    <div class="container text-center my-3">
+        <h1 class="type-h1">Controls Puzzle Game</h1>
+        <div class="mt-5">
+            <p class="text-secondary fw-bold">Updating your status...</p>
+            <div class="spinner-border text-primary" role="presentation">
+
+                <span class="sr-only">Loading...</span>
+            </div>
+        </div>
+
+        <form id="form" action="/submission" method="POST" class="invisible">
+            <input hidden type="text" id="name" name="name" value="{{ puzzle }}">
+            <input type="text" id="answer" name="answer" value="true" hidden>
+            <button>Submit</button>
+        </form>
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            document.forms['form'].submit();
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/openday_scavenger/puzzles/controls_game/views.py b/openday_scavenger/puzzles/controls_game/views.py
new file mode 100644
index 00000000..75423b13
--- /dev/null
+++ b/openday_scavenger/puzzles/controls_game/views.py
@@ -0,0 +1,46 @@
+from pathlib import Path
+from typing import Annotated
+
+from fastapi import APIRouter, Depends, HTTPException, Request, status
+from fastapi.responses import FileResponse
+from fastapi.templating import Jinja2Templates
+
+from openday_scavenger.api.visitors.dependencies import get_auth_visitor
+from openday_scavenger.api.visitors.schemas import VisitorAuth
+
+PUZZLE_NAME = "controls_game"
+
+router = APIRouter()
+templates = Jinja2Templates(directory=Path(__file__).resolve().parent / "static")
+
+
+@router.get("/static/{path:path}")
+async def get_static_files(
+    path: Path,
+):
+    """Serve files from a local static folder"""
+    # This route is required as the current version of FastAPI doesn't allow
+    # the mounting of folders on APIRouter. This is an open issue:
+    # https://github.com/fastapi/fastapi/discussions/9070
+    parent_path = Path(__file__).resolve().parent / "static"
+    file_path = parent_path / path
+
+    # Make sure the requested path is a file and relative to this path
+    if file_path.is_relative_to(parent_path) and file_path.is_file():
+        return FileResponse(file_path)
+    else:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND, detail="Requested file does not exist"
+        )
+
+
+@router.get("/")
+async def index(
+    request: Request,
+    visitor: Annotated[VisitorAuth, Depends(get_auth_visitor)],
+):
+    return templates.TemplateResponse(
+        request=request,
+        name="index.html",
+        context={"puzzle": PUZZLE_NAME},
+    )
diff --git a/openday_scavenger/static/css/openday.css b/openday_scavenger/static/css/openday.css
index b57e3dff..fc0596e2 100644
--- a/openday_scavenger/static/css/openday.css
+++ b/openday_scavenger/static/css/openday.css
@@ -44,7 +44,7 @@ html {
 
 .type-h1 {
     color: #0076c0;
-    font-size: calc(2rem * 0.9vw);
+    font-size: calc(2rem + 0.9vw);
     font-weight: bold;
     line-height: 2.5rem;
 }

From 5c3436369650d7575449e2bde2907a0ea4c600f4 Mon Sep 17 00:00:00 2001
From: Sean Dawson <dawsons@ansto.gov.au>
Date: Thu, 10 Oct 2024 17:13:22 +1100
Subject: [PATCH 07/12] allow upper and lower case

---
 .../puzzles/shuffleanagram/templates/index.html | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/openday_scavenger/puzzles/shuffleanagram/templates/index.html b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
index b6a8ad92..0ba2e32d 100644
--- a/openday_scavenger/puzzles/shuffleanagram/templates/index.html
+++ b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
@@ -26,11 +26,12 @@ <h1 class="text-center my-4">Anagram Puzzle!</h1>
         </button>
     </div>
 
-    <form id='form' method='POST' action='/submission' class="text-center">
+    <form id='form' method='POST' action='/submission' class="text-center" onsubmit="prepareSubmission">
         <input hidden type="text" id="name" name="name" value="{{ puzzle }}">
         <div class="form-group">
-            <label for="answer">Your answer:</label><br>
-            <input type="text" id="answer" name="answer" pattern="[a-z]+" placeholder="(lowercase letters only)" class="form-control d-inline-block w-50">
+            <label for="raw-answer">Your answer:</label><br>
+            <input type="text" id="raw-answer" name="raw-answer" class="form-control d-inline-block w-50" onchange="updateAnswer();">
+            <input type="hidden" id="answer" name="answer">
         </div>
         <button class="btn btn-custom">
             Submit your answer
@@ -38,4 +39,14 @@ <h1 class="text-center my-4">Anagram Puzzle!</h1>
     </form>
 </body>
 
+<script>
+    // Until we get https://github.com/AustralianSynchrotron/openday-scavenger/issues/118 done this workaround
+    // makes sure that the answer is always in lower case so it matches the answer in the database
+    function updateAnswer() {
+        const rawAnswerElement = document.getElementById('raw-answer');
+        const answerElement = document.getElementById('answer');
+        answerElement.value = rawAnswerElement.value.toLowerCase();
+    }
+</script>
+
 </html>
\ No newline at end of file

From f66fb44fd2010f6a63d21025139da75730b7ecf4 Mon Sep 17 00:00:00 2001
From: Luigi Feriani <luigi.feriani@gmail.com>
Date: Thu, 10 Oct 2024 15:11:30 +1100
Subject: [PATCH 08/12] better html and css for phones

---
 openday_scavenger/puzzles/shuffleanagram/static/styles.css   | 4 ++--
 .../puzzles/shuffleanagram/templates/index.html              | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/openday_scavenger/puzzles/shuffleanagram/static/styles.css b/openday_scavenger/puzzles/shuffleanagram/static/styles.css
index da63e2d7..d4a7c0af 100644
--- a/openday_scavenger/puzzles/shuffleanagram/static/styles.css
+++ b/openday_scavenger/puzzles/shuffleanagram/static/styles.css
@@ -26,8 +26,8 @@ h1 {
 /* Style for the form */
 form {
     max-width: 600px;
-    margin: 50px auto;
-    padding: 20px;
+    margin: 30px auto;
+    padding: 10px;
     background-color: #ffffff;
     border: 1px solid #dee2e6;
     border-radius: 5px;
diff --git a/openday_scavenger/puzzles/shuffleanagram/templates/index.html b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
index 0ba2e32d..82b8a4ba 100644
--- a/openday_scavenger/puzzles/shuffleanagram/templates/index.html
+++ b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 
 <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <!-- Bootstrap CSS -->
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
@@ -28,9 +29,9 @@ <h1 class="text-center my-4">Anagram Puzzle!</h1>
 
     <form id='form' method='POST' action='/submission' class="text-center" onsubmit="prepareSubmission">
         <input hidden type="text" id="name" name="name" value="{{ puzzle }}">
-        <div class="form-group">
+        <div class="form-group mb-1">
             <label for="raw-answer">Your answer:</label><br>
-            <input type="text" id="raw-answer" name="raw-answer" class="form-control d-inline-block w-50" onchange="updateAnswer();">
+            <input type="text" id="raw-answer" name="raw-answer" class="form-control d-inline-block w-60" onchange="updateAnswer();">
             <input type="hidden" id="answer" name="answer">
         </div>
         <button class="btn btn-custom">

From 3ae678da9f13c64309c328baeb3a16f71d8d1e63 Mon Sep 17 00:00:00 2001
From: Sean Dawson <dawsons@ansto.gov.au>
Date: Fri, 11 Oct 2024 09:06:19 +1100
Subject: [PATCH 09/12] remove redundant event handler

---
 openday_scavenger/puzzles/shuffleanagram/templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openday_scavenger/puzzles/shuffleanagram/templates/index.html b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
index 82b8a4ba..daf9b5be 100644
--- a/openday_scavenger/puzzles/shuffleanagram/templates/index.html
+++ b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
@@ -27,7 +27,7 @@ <h1 class="text-center my-4">Anagram Puzzle!</h1>
         </button>
     </div>
 
-    <form id='form' method='POST' action='/submission' class="text-center" onsubmit="prepareSubmission">
+    <form id='form' method='POST' action='/submission' class="text-center">
         <input hidden type="text" id="name" name="name" value="{{ puzzle }}">
         <div class="form-group mb-1">
             <label for="raw-answer">Your answer:</label><br>

From ab850c227bf39171dc720a45ea70e46e41a8f873 Mon Sep 17 00:00:00 2001
From: Sean Dawson <dawsons@ansto.gov.au>
Date: Fri, 11 Oct 2024 12:01:21 +1100
Subject: [PATCH 10/12] don't crash if key doesn't exist

---
 openday_scavenger/api/puzzles/service.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openday_scavenger/api/puzzles/service.py b/openday_scavenger/api/puzzles/service.py
index f367c910..046edea3 100644
--- a/openday_scavenger/api/puzzles/service.py
+++ b/openday_scavenger/api/puzzles/service.py
@@ -546,7 +546,7 @@ def upsert_puzzle_json(db_session: Session, puzzle_json: PuzzleJson):
     existing_puzzles_by_id = {item.id: item for item in get_all(db_session)}
 
     for puzzle in puzzle_json.puzzles:
-        existing_puzzle = "id" in puzzle and existing_puzzles_by_id[puzzle["id"]]
+        existing_puzzle = "id" in puzzle and existing_puzzles_by_id.get(puzzle["id"])
         if existing_puzzle:
             _ = update(db_session, existing_puzzle.name, PuzzleUpdate(**puzzle))
         else:

From 7f71f91c9ad31045ebd07a97abd6cbe8344a403d Mon Sep 17 00:00:00 2001
From: Sean Dawson <dawsons@ansto.gov.au>
Date: Fri, 11 Oct 2024 10:30:12 +1100
Subject: [PATCH 11/12] add basic linting to HTML templates

---
 .github/workflows/pytest.yaml                 |   3 +
 .pre-commit-config.yaml                       |   8 +-
 .../static/index.html                         |   6 +-
 .../puzzles/demo/static/index.html            |   2 +
 .../puzzles/element/templates/index.html      |   3 +-
 .../puzzles/element/templates/popup.html      |   2 +-
 .../puzzles/finder/templates/hint_words.html  |   2 +-
 .../puzzles/finder/templates/index.html       |   9 +-
 .../puzzles/fourbyfour/templates/index.html   |   1 -
 .../shuffleanagram/templates/index.html       |   1 +
 .../puzzles/xray_filters/static/index.html    |   9 +-
 openday_scavenger/static/html/layout.html     |   1 +
 .../views/admin/templates/layout.html         |   7 +-
 .../views/admin/templates/map.html            |   3 +-
 .../views/admin/templates/puzzles.html        |   2 -
 .../views/admin/templates/qr.html             |   2 +-
 .../views/admin/templates/visitors_pool.html  |   1 -
 .../views/game/static/index.html              |   3 +-
 .../views/game/static/layout.html             |   1 +
 openday_scavenger/views/game/static/map.html  |   4 +-
 .../views/game/static/puzzle_completed.html   |   2 +-
 pyproject.toml                                |   9 ++
 uv.lock                                       | 137 ++++++++++++++++++
 23 files changed, 187 insertions(+), 31 deletions(-)

diff --git a/.github/workflows/pytest.yaml b/.github/workflows/pytest.yaml
index e0c9a948..1359a7f6 100644
--- a/.github/workflows/pytest.yaml
+++ b/.github/workflows/pytest.yaml
@@ -28,6 +28,9 @@ jobs:
       - name: Ruff Format
         run: uvx ruff format
 
+      - name: HTML Template Lint (djlint)
+        run:  uv run djlint openday_scavenger/
+
       - name: Run tests
         run: uv run pytest tests
 
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index b0b10292..98215a88 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -7,4 +7,10 @@ repos:
     - id: ruff
       args: [ --fix ]
     # Run the formatter.
-    - id: ruff-format
\ No newline at end of file
+    - id: ruff-format
+- repo: https://github.com/djlint/djLint
+  rev: v1.35.2
+  hooks:
+    - id: djlint-jinja
+      files: "\\.html"
+      types_or: ["html"]
\ No newline at end of file
diff --git a/openday_scavenger/puzzles/ads_question_answer_matchup/static/index.html b/openday_scavenger/puzzles/ads_question_answer_matchup/static/index.html
index 5d246249..c24b07d9 100644
--- a/openday_scavenger/puzzles/ads_question_answer_matchup/static/index.html
+++ b/openday_scavenger/puzzles/ads_question_answer_matchup/static/index.html
@@ -1,6 +1,8 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 
 <head>
+    <title>ADS Question Answer Matchup Puzzle</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link id="favicon" rel="icon" type="image/x-icon" href="/static/favicon.ico">
@@ -50,7 +52,7 @@ <h1>ADS Question Answer Matchup Puzzle</h1>
                     <div class="list-group-item tinted list-row" id="data4">150</div>
                     <div class="list-group-item tinted list-row" id="data1">300</div>
                     <div class="finger-container">
-                        <img src="static/img/tap.png" class="finger" />
+                        <img src="static/img/tap.png" class="finger" alt="image indicating that items should be dragged with finger" />
                     </div>
                 </div>
             </div>
diff --git a/openday_scavenger/puzzles/demo/static/index.html b/openday_scavenger/puzzles/demo/static/index.html
index 8f7b73c1..915cbd01 100644
--- a/openday_scavenger/puzzles/demo/static/index.html
+++ b/openday_scavenger/puzzles/demo/static/index.html
@@ -2,6 +2,8 @@
 <html lang="en">
 
 <head>
+    <title>Demo Puzzle</title>
+
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <script src="/static/js/htmx.min.js"></script>
diff --git a/openday_scavenger/puzzles/element/templates/index.html b/openday_scavenger/puzzles/element/templates/index.html
index 40d3a645..73481e6d 100644
--- a/openday_scavenger/puzzles/element/templates/index.html
+++ b/openday_scavenger/puzzles/element/templates/index.html
@@ -1,5 +1,6 @@
 {% set title = "🧈 " + location + " Element Quiz 🪨" %}
-<html>
+<!DOCTYPE html>
+<html lang="en">
   <head>
     <title>{{ title }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
diff --git a/openday_scavenger/puzzles/element/templates/popup.html b/openday_scavenger/puzzles/element/templates/popup.html
index 454ce23c..22529d00 100644
--- a/openday_scavenger/puzzles/element/templates/popup.html
+++ b/openday_scavenger/puzzles/element/templates/popup.html
@@ -1,6 +1,6 @@
 <div id="element-popup" class="popup">
   <div class="popup-content">
-    <span class="close">&times;</span>
+    <span class="close">×</span>
     <h2 id="element-name" class="element-name"></h2>
 
     <div class="element-details-wrapper">
diff --git a/openday_scavenger/puzzles/finder/templates/hint_words.html b/openday_scavenger/puzzles/finder/templates/hint_words.html
index d07d91b9..ce574821 100644
--- a/openday_scavenger/puzzles/finder/templates/hint_words.html
+++ b/openday_scavenger/puzzles/finder/templates/hint_words.html
@@ -1,4 +1,4 @@
-<div class = "hint-word-parent" id="hint-words">
+<div class="hint-word-parent" id="hint-words">
     {%for word in data['words']%}
         <div class="hint-word">{{word}}</div>
     {%endfor%}
diff --git a/openday_scavenger/puzzles/finder/templates/index.html b/openday_scavenger/puzzles/finder/templates/index.html
index 9e0ba73a..c344c635 100644
--- a/openday_scavenger/puzzles/finder/templates/index.html
+++ b/openday_scavenger/puzzles/finder/templates/index.html
@@ -1,5 +1,7 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
     <head>
+        <title>Hidden Treasure Puzzle</title>
         <meta content="width=device-width, initial-scale=1" name="viewport" />
         <script src="/static/js/htmx.min.js"></script>
         <script src="/static/js/json-enc.js"></script>
@@ -14,7 +16,6 @@
         <!-- custom styles -->
         <link href="static/styles.css" rel="stylesheet">
 
-
         <link id="favicon" rel="icon" type="image/x-icon" href="/static/favicon.ico">
     </head>
     <body>
@@ -28,7 +29,7 @@ <h5>😏 Use the button below to add words to your answer! 👇</h5>
             <div class="row">
                 {% for j in range(data['puzzle'][i]|length) %}
                     {% set char = data['puzzle'][i][j] %}
-                     <div class="cell" data-is-in-word="0" data-selected="0" data-row="{{i}}" data-col="{{j}}" data-text= "{{char}}" id="{{i}}-{{j}}" name="char">{{char}}</div>
+                     <div class="cell" data-is-in-word="0" data-selected="0" data-row="{{i}}" data-col="{{j}}" data-text="{{char}}" id="{{i}}-{{j}}" name="char">{{char}}</div>
                 {%endfor%}
             </div>
             {% endfor %} 
@@ -38,7 +39,7 @@ <h5>😏 Use the button below to add words to your answer! 👇</h5>
         <button id="btn-hint" class="btn btn-outline-primary rounded-pill" data-hide="1">🤯 I need a hint!</button>
         <div class="form-parent">
             {% include 'found_words.html' %}
-            <div class = 'form-button-container'>
+            <div class='form-button-container'>
                 <input hidden type="text" id="name" name="name" value="{{ puzzle }}">
                 <input hidden type="text" id="visitor" name="visitor" value="{{ visitor }}">
                 <!-- <input hidden type="text" id="answer" name="answer" > -->
diff --git a/openday_scavenger/puzzles/fourbyfour/templates/index.html b/openday_scavenger/puzzles/fourbyfour/templates/index.html
index 29e6c66c..ee2527a9 100644
--- a/openday_scavenger/puzzles/fourbyfour/templates/index.html
+++ b/openday_scavenger/puzzles/fourbyfour/templates/index.html
@@ -90,7 +90,6 @@ <h1 class="text-center my-4">Create four groups of four!</h1>
 
     {% endif %}
 
-
     {% if message and register_success %}
     <div class="alert alert-success text-center" role="alert">
         {{ message }}
diff --git a/openday_scavenger/puzzles/shuffleanagram/templates/index.html b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
index daf9b5be..7646dfe9 100644
--- a/openday_scavenger/puzzles/shuffleanagram/templates/index.html
+++ b/openday_scavenger/puzzles/shuffleanagram/templates/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 
 <head>
+    <title>Anagram Puzzle</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <!-- Bootstrap CSS -->
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
diff --git a/openday_scavenger/puzzles/xray_filters/static/index.html b/openday_scavenger/puzzles/xray_filters/static/index.html
index ed7c18dc..b82ab87a 100644
--- a/openday_scavenger/puzzles/xray_filters/static/index.html
+++ b/openday_scavenger/puzzles/xray_filters/static/index.html
@@ -1,7 +1,8 @@
-<html>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+<!DOCTYPE html>
+<html lang="en">
     <head>
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <title>X-ray Filter Puzzle</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
         <script src="/static/js/htmx.min.js"></script>
         <script src="/static/js/json-enc.js"></script>
 
@@ -107,8 +108,6 @@ <h1>X-ray Filter Puzzle</h1>
                 <img src="static/beam_post_filter.png" alt="Beam2 post filter" class="beam2">
                 <img src="static/filters/ni_filter_02mm.png" alt="Filter1" class="filter-image filter1">
                 <img src="static/beam_post_filter.png" alt="Beam1 post filter" class="beam1">
-
-
             </div>
 
         <h3 id="output">Target attenuation: 0%</h3>
diff --git a/openday_scavenger/static/html/layout.html b/openday_scavenger/static/html/layout.html
index 846218d8..2bcb785c 100644
--- a/openday_scavenger/static/html/layout.html
+++ b/openday_scavenger/static/html/layout.html
@@ -2,6 +2,7 @@
 <html lang="en">
 
 <head>
+    <title>Australian Synchrotron Open Day Scavenger Hunt</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
diff --git a/openday_scavenger/views/admin/templates/layout.html b/openday_scavenger/views/admin/templates/layout.html
index b36e4200..51c59eb3 100644
--- a/openday_scavenger/views/admin/templates/layout.html
+++ b/openday_scavenger/views/admin/templates/layout.html
@@ -2,6 +2,7 @@
 <html lang="en">
 
 <head>
+    <title>Australian Synchrotron Open Day Scavenger Hunt :: Admin</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
@@ -16,8 +17,6 @@
     <link href="static/admin.css" rel="stylesheet" />
 
     <meta charset="utf-8" />
-    <!--It is necessary to use the UTF-8 encoding with plotly graphics to get e.g. negative signs to render correctly -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <link id="favicon" rel="icon" type="image/x-icon" href="/static/favicon.ico">
     {% block header %}{% endblock %}
@@ -91,9 +90,9 @@ <h1 class="mx-4 mb-5 d-none d-sm-inline">Scavenger Hunt<br />
                             </a>
                         </li>
                     </ul>
-                    <img src="/static/images/logo.svg" class="mt-auto mb-3 d-none d-sm-block">
+                    <img src="/static/images/logo.svg" class="mt-auto mb-3 d-none d-sm-block" alt="ANSTO logo with text">
                     <img src="/static/images/logo-small.svg" class="mt-auto mb-3 ms-2 me-auto d-sm-none"
-                        style="width: 60px;">
+                        style="width: 60px;" alt="ANSTO logo">
                 </div>
             </aside>
             <div class="col py-3 admin-page-content">
diff --git a/openday_scavenger/views/admin/templates/map.html b/openday_scavenger/views/admin/templates/map.html
index c3cbffc3..061369fb 100644
--- a/openday_scavenger/views/admin/templates/map.html
+++ b/openday_scavenger/views/admin/templates/map.html
@@ -11,7 +11,6 @@ <h1 class="mx-3 admin-page-title">
             map</a> for visitors!</small>
 </h1>
 
-
 <div class="my-4 mx-3 p-3 bg-body shadow-sm admin-panel-container">
     <h5 class="border-bottom pb-2 mb-0">Generate Puzzle Location String</h5>
 
@@ -39,7 +38,7 @@ <h6 id="map-array-title" class="text-primary my-1">Location Array</h6>
     </div>
 
     <div id="map-editor" class="map-admin">
-        <img src="/static/images/map/as_layout.svg" class="map-svg" />
+        <img src="/static/images/map/as_layout.svg" class="map-svg" alt="puzzle map"/>
     </div>
 </div>
 
diff --git a/openday_scavenger/views/admin/templates/puzzles.html b/openday_scavenger/views/admin/templates/puzzles.html
index e853ac88..0248cc5f 100644
--- a/openday_scavenger/views/admin/templates/puzzles.html
+++ b/openday_scavenger/views/admin/templates/puzzles.html
@@ -30,7 +30,6 @@ <h5 class="border-bottom pb-2 mb-0">Available Puzzles</h5>
     <div id="puzzle-table" hx-get="/admin/puzzles/table" hx-trigger="load" hx-swap="innerHTML"></div>
 </div>
 
-
 <!-- Modal -->
 <div class="modal fade modal-lg" id="addPuzzleModal" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
@@ -79,7 +78,6 @@ <h1 class="modal-title fs-5">Add a new Puzzle to the Scavenger Hunt</h1>
     </div>
 </div>
 
-
 <div class="modal fade modal-lg" id="uploadJsonModal" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
diff --git a/openday_scavenger/views/admin/templates/qr.html b/openday_scavenger/views/admin/templates/qr.html
index b7f6474a..daceff79 100644
--- a/openday_scavenger/views/admin/templates/qr.html
+++ b/openday_scavenger/views/admin/templates/qr.html
@@ -1,3 +1,3 @@
 <body>
-    <img src="{{ qr }}" width="500px" height="500px"/>
+    <img src="{{ qr }}" width="500px" height="500px" alt="QR code"/>
 </body>
\ No newline at end of file
diff --git a/openday_scavenger/views/admin/templates/visitors_pool.html b/openday_scavenger/views/admin/templates/visitors_pool.html
index 24435dde..e2163fd6 100644
--- a/openday_scavenger/views/admin/templates/visitors_pool.html
+++ b/openday_scavenger/views/admin/templates/visitors_pool.html
@@ -25,5 +25,4 @@ <h5 class="border-bottom pb-2 mb-0">Visitor Pool</h5>
     </a>
 </div>
 
-
 {% endblock %}
diff --git a/openday_scavenger/views/game/static/index.html b/openday_scavenger/views/game/static/index.html
index d57fc220..9597ab9b 100644
--- a/openday_scavenger/views/game/static/index.html
+++ b/openday_scavenger/views/game/static/index.html
@@ -54,7 +54,6 @@ <h1 class="type-h1 mb-3">🗝 Unlock the Secrets of the 🗝<br />🕵️‍♂
         Puzzle locks will only be within accessible areas!
     </p>
 
-
     <p class="text-secondary mt-5">Need some help finding puzzle locks?<br />
         <a href="/map">Use our map to see where all the puzzle locks are!</a>
     </p>
@@ -69,7 +68,7 @@ <h1 class="type-h1 mb-3">🗝 Unlock the Secrets of the 🗝<br />🕵️‍♂
     </p>
 
     <div class="d-flex justify-content-center">
-        <img src="{{visitor_qr}}" width="50%" class="bg-white" style="margin-bottom: 150px; margin-top: 40px;" />
+        <img src="{{visitor_qr}}" width="50%" class="bg-white" style="margin-bottom: 150px; margin-top: 40px;" alt="QR code of adventure key" />
     </div>
     {% endif %}
 
diff --git a/openday_scavenger/views/game/static/layout.html b/openday_scavenger/views/game/static/layout.html
index 2b08ed9f..2c3cb995 100644
--- a/openday_scavenger/views/game/static/layout.html
+++ b/openday_scavenger/views/game/static/layout.html
@@ -2,6 +2,7 @@
 <html lang="en">
 
 <head>
+    <title>Australian Synchrotron Open Day Scavenger Hunt</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
diff --git a/openday_scavenger/views/game/static/map.html b/openday_scavenger/views/game/static/map.html
index 1b7fe2f4..52ec3f36 100644
--- a/openday_scavenger/views/game/static/map.html
+++ b/openday_scavenger/views/game/static/map.html
@@ -23,9 +23,9 @@ <h1 class="type-h1 mb-3">🔒 Puzzle Locks Map 🗺</h1>
     <div id="map-public" class="map-public">
         {% for marker in locations %}
         <img class="map-marker" src="/static/images/map/map_marker.svg" data-marker data-top="{{marker.top}}"
-            data-left="{{marker.left}}"></i>
+            data-left="{{marker.left}}" alt="puzzle lock location"></i>
         {% endfor %}
-        <img src="/static/images/map/as_layout.svg" class="map-svg" />
+        <img src="/static/images/map/as_layout.svg" class="map-svg" alt="puzzle locks map"/>
     </div>
 </div>
 
diff --git a/openday_scavenger/views/game/static/puzzle_completed.html b/openday_scavenger/views/game/static/puzzle_completed.html
index 8303fe85..a18ad0c6 100644
--- a/openday_scavenger/views/game/static/puzzle_completed.html
+++ b/openday_scavenger/views/game/static/puzzle_completed.html
@@ -29,7 +29,7 @@ <h1 class="type-h1 mb-3">👑🎊 100% Complete! 🎊👑</h1>
     </p>
 
     <div class="d-flex justify-content-center">
-        <img src="{{visitor_qr}}" width="50%" class="bg-white" style="margin-bottom: 150px; margin-top: 40px;" />
+        <img src="{{visitor_qr}}" width="50%" class="bg-white" style="margin-bottom: 150px; margin-top: 40px;" alt="QR code of puzzle adventure key"/>
     </div>
     {% endif %}
 </div>
diff --git a/pyproject.toml b/pyproject.toml
index 2a8ffb83..eacb20c1 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -44,6 +44,7 @@ dev-dependencies = [
     "pytest-mock>=3.14.0",
     "pytest>=8.3.3",
     "ruff>=0.6.4",
+    "djlint>=1.35.2"
 ]
 
 [tool.ruff]
@@ -61,3 +62,11 @@ source = ["openday_scavenger"]
 [tool.coverage.report]
 show_missing = true
 fail_under = 60
+
+[tool.djlint]
+# TODO: Enforce viewport?
+# Just the 'critical' rules for now. At some point we can enable
+# the full rule set and maybe even enforce formatting of html/templates
+# like we do with python files 
+ignore="H030,H031,J004,H008,J018,H029,H006,H025,H021,T001,T002,T003"
+profile="jinja"
diff --git a/uv.lock b/uv.lock
index 6989ba53..4ce35f8a 100644
--- a/uv.lock
+++ b/uv.lock
@@ -104,6 +104,39 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/9f/b0/e0dca6da9170aefc07515cce067b97178cefafb512d00a87a1c717d2efd5/coverage-7.6.1-cp313-cp313t-win_amd64.whl", hash = "sha256:b9f222de8cded79c49bf184bdbc06630d4c58eec9459b939b4a690c82ed05657", size = 211453 },
 ]
 
+[[package]]
+name = "cssbeautifier"
+version = "1.15.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "editorconfig" },
+    { name = "jsbeautifier" },
+    { name = "six" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/e5/66/9bfd2d69fb4479d38439076132a620972939f7949015563dce5e61d29a8b/cssbeautifier-1.15.1.tar.gz", hash = "sha256:9f7064362aedd559c55eeecf6b6bed65e05f33488dcbe39044f0403c26e1c006", size = 25673 }
+
+[[package]]
+name = "djlint"
+version = "1.35.2"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "click" },
+    { name = "colorama" },
+    { name = "cssbeautifier" },
+    { name = "html-tag-names" },
+    { name = "html-void-elements" },
+    { name = "jsbeautifier" },
+    { name = "json5" },
+    { name = "pathspec" },
+    { name = "pyyaml" },
+    { name = "regex" },
+    { name = "tqdm" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/a4/ee/ac8ee551ec04d5a214e62d008f40bf309574f103416482e03fb61fbad61c/djlint-1.35.2.tar.gz", hash = "sha256:318de9d4b9b0061a111f8f5164ecbacd8215f449dd4bd5a76d2a691c815ee103", size = 44684 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/e0/31/297cad1a493f2910d366418acd0f33da908dfb8b16b8d6c6bafddac4fa7d/djlint-1.35.2-py3-none-any.whl", hash = "sha256:4ba995bad378f2afa77c8ea56ba1c14429d9ff26a18e8ae23bc71eedb9152243", size = 50641 },
+]
+
 [[package]]
 name = "dnspython"
 version = "2.6.1"
@@ -113,6 +146,12 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/87/a1/8c5287991ddb8d3e4662f71356d9656d91ab3a36618c3dd11b280df0d255/dnspython-2.6.1-py3-none-any.whl", hash = "sha256:5ef3b9680161f6fa89daf8ad451b5f1a33b18ae8a1c6778cdf4b43f08c0a6e50", size = 307696 },
 ]
 
+[[package]]
+name = "editorconfig"
+version = "0.12.4"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/3d/85/7b5c2fac7fdc37d959fab714b13b9acb75884490dcc0e8b1dc5e64105084/EditorConfig-0.12.4.tar.gz", hash = "sha256:24857fa1793917dd9ccf0c7810a07e05404ce9b823521c7dce22a4fb5d125f80", size = 13278 }
+
 [[package]]
 name = "email-validator"
 version = "2.2.0"
@@ -215,6 +254,24 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/95/04/ff642e65ad6b90db43e668d70ffb6736436c7ce41fcc549f4e9472234127/h11-0.14.0-py3-none-any.whl", hash = "sha256:e3fe4ac4b851c468cc8363d500db52c2ead036020723024a109d37346efaa761", size = 58259 },
 ]
 
+[[package]]
+name = "html-tag-names"
+version = "0.1.2"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/41/7c/8c0dc3c5650036127fb4629d31cadf6cbdd57e21a77f9793fa8b2c8a3241/html-tag-names-0.1.2.tar.gz", hash = "sha256:04924aca48770f36b5a41c27e4d917062507be05118acb0ba869c97389084297", size = 15173 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/9a/e4/242318dcaa06d8525ff72332fc15cea2cffb84c06cfc73c7da6c6b45801a/html_tag_names-0.1.2-py3-none-any.whl", hash = "sha256:eeb69ef21078486b615241f0393a72b41352c5219ee648e7c61f5632d26f0420", size = 15218 },
+]
+
+[[package]]
+name = "html-void-elements"
+version = "0.1.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/80/5c/5f17d77256bf78ca98647517fadee50575e75d812daa01352c31d89d5bf2/html-void-elements-0.1.0.tar.gz", hash = "sha256:931b88f84cd606fee0b582c28fcd00e41d7149421fb673e1e1abd2f0c4f231f0", size = 14766 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/f5/0a/373f28a1cf37f8c9aa23c82cbcac7197ddea95c88b5a3eaa564cdb8de375/html_void_elements-0.1.0-py3-none-any.whl", hash = "sha256:784cf39db03cdeb017320d9301009f8f3480f9d7b254d0974272e80e0cb5e0d2", size = 14889 },
+]
+
 [[package]]
 name = "httpcore"
 version = "1.0.5"
@@ -289,6 +346,25 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/31/80/3a54838c3fb461f6fec263ebf3a3a41771bd05190238de3486aae8540c36/jinja2-3.1.4-py3-none-any.whl", hash = "sha256:bc5dd2abb727a5319567b7a813e6a2e7318c39f4f487cfe6c89c6f9c7d25197d", size = 133271 },
 ]
 
+[[package]]
+name = "jsbeautifier"
+version = "1.15.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "editorconfig" },
+    { name = "six" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/69/3e/dd37e1a7223247e3ef94714abf572415b89c4e121c4af48e9e4c392e2ca0/jsbeautifier-1.15.1.tar.gz", hash = "sha256:ebd733b560704c602d744eafc839db60a1ee9326e30a2a80c4adb8718adc1b24", size = 75606 }
+
+[[package]]
+name = "json5"
+version = "0.9.25"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/91/59/51b032d53212a51f17ebbcc01bd4217faab6d6c09ed0d856a987a5f42bbc/json5-0.9.25.tar.gz", hash = "sha256:548e41b9be043f9426776f05df8635a00fe06104ea51ed24b67f908856e151ae", size = 40332 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/8a/3c/4f8791ee53ab9eeb0b022205aa79387119a74cc9429582ce04098e6fc540/json5-0.9.25-py3-none-any.whl", hash = "sha256:34ed7d834b1341a86987ed52f3f76cd8ee184394906b6e22a1e0deb9ab294e8f", size = 30109 },
+]
+
 [[package]]
 name = "markdown-it-py"
 version = "3.0.0"
@@ -428,6 +504,7 @@ postgres = [
 [package.dev-dependencies]
 dev = [
     { name = "coverage" },
+    { name = "djlint" },
     { name = "mypy" },
     { name = "pyright" },
     { name = "pytest" },
@@ -456,6 +533,7 @@ requires-dist = [
 [package.metadata.requires-dev]
 dev = [
     { name = "coverage", specifier = ">=7.6.1" },
+    { name = "djlint", specifier = ">=1.35.2" },
     { name = "mypy", specifier = ">=1.11.2" },
     { name = "pyright", specifier = ">=1.1.379" },
     { name = "pytest", specifier = ">=8.3.3" },
@@ -508,6 +586,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/ab/5f/b38085618b950b79d2d9164a711c52b10aefc0ae6833b96f626b7021b2ed/pandas-2.2.3-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:ad5b65698ab28ed8d7f18790a0dc58005c7629f227be9ecc1072aa74c0c1d43a", size = 13098436 },
 ]
 
+[[package]]
+name = "pathspec"
+version = "0.12.1"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/ca/bc/f35b8446f4531a7cb215605d100cd88b7ac6f44ab3fc94870c120ab3adbf/pathspec-0.12.1.tar.gz", hash = "sha256:a482d51503a1ab33b1c67a6c3813a26953dbdc71c31dacaef9a838c4e29f5712", size = 51043 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/cc/20/ff623b09d963f88bfde16306a54e12ee5ea43e9b597108672ff3a408aad6/pathspec-0.12.1-py3-none-any.whl", hash = "sha256:a0d503e138a4c123b27490a4f7beda6a01c6f288df0e4a8b79c7eb0dc7b4cc08", size = 31191 },
+]
+
 [[package]]
 name = "pillow"
 version = "9.5.0"
@@ -763,6 +850,44 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/10/62/81f17a375319b3d0242a3b93dd2d30ce16e5592544e1762f8c2e7514c9d2/qrcode_artistic-3.0.2-py3-none-any.whl", hash = "sha256:a2aa751a7f0220767f70842cceec206b21f9207478b9612d468273a1f46429ae", size = 7636 },
 ]
 
+[[package]]
+name = "regex"
+version = "2024.9.11"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/f9/38/148df33b4dbca3bd069b963acab5e0fa1a9dbd6820f8c322d0dd6faeff96/regex-2024.9.11.tar.gz", hash = "sha256:6c188c307e8433bcb63dc1915022deb553b4203a70722fc542c363bf120a01fd", size = 399403 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/6e/92/407531450762bed778eedbde04407f68cbd75d13cee96c6f8d6903d9c6c1/regex-2024.9.11-cp312-cp312-macosx_10_9_universal2.whl", hash = "sha256:b0d0a6c64fcc4ef9c69bd5b3b3626cc3776520a1637d8abaa62b9edc147a58f7", size = 483590 },
+    { url = "https://files.pythonhosted.org/packages/8e/a2/048acbc5ae1f615adc6cba36cc45734e679b5f1e4e58c3c77f0ed611d4e2/regex-2024.9.11-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:49b0e06786ea663f933f3710a51e9385ce0cba0ea56b67107fd841a55d56a231", size = 288175 },
+    { url = "https://files.pythonhosted.org/packages/8a/ea/909d8620329ab710dfaf7b4adee41242ab7c9b95ea8d838e9bfe76244259/regex-2024.9.11-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:5b513b6997a0b2f10e4fd3a1313568e373926e8c252bd76c960f96fd039cd28d", size = 284749 },
+    { url = "https://files.pythonhosted.org/packages/ca/fa/521eb683b916389b4975337873e66954e0f6d8f91bd5774164a57b503185/regex-2024.9.11-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ee439691d8c23e76f9802c42a95cfeebf9d47cf4ffd06f18489122dbb0a7ad64", size = 795181 },
+    { url = "https://files.pythonhosted.org/packages/28/db/63047feddc3280cc242f9c74f7aeddc6ee662b1835f00046f57d5630c827/regex-2024.9.11-cp312-cp312-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:a8f877c89719d759e52783f7fe6e1c67121076b87b40542966c02de5503ace42", size = 835842 },
+    { url = "https://files.pythonhosted.org/packages/e3/94/86adc259ff8ec26edf35fcca7e334566c1805c7493b192cb09679f9c3dee/regex-2024.9.11-cp312-cp312-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:23b30c62d0f16827f2ae9f2bb87619bc4fba2044911e2e6c2eb1af0161cdb766", size = 823533 },
+    { url = "https://files.pythonhosted.org/packages/29/52/84662b6636061277cb857f658518aa7db6672bc6d1a3f503ccd5aefc581e/regex-2024.9.11-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:85ab7824093d8f10d44330fe1e6493f756f252d145323dd17ab6b48733ff6c0a", size = 797037 },
+    { url = "https://files.pythonhosted.org/packages/c3/2a/cd4675dd987e4a7505f0364a958bc41f3b84942de9efaad0ef9a2646681c/regex-2024.9.11-cp312-cp312-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8dee5b4810a89447151999428fe096977346cf2f29f4d5e29609d2e19e0199c9", size = 784106 },
+    { url = "https://files.pythonhosted.org/packages/6f/75/3ea7ec29de0bbf42f21f812f48781d41e627d57a634f3f23947c9a46e303/regex-2024.9.11-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:98eeee2f2e63edae2181c886d7911ce502e1292794f4c5ee71e60e23e8d26b5d", size = 782468 },
+    { url = "https://files.pythonhosted.org/packages/d3/67/15519d69b52c252b270e679cb578e22e0c02b8dd4e361f2b04efcc7f2335/regex-2024.9.11-cp312-cp312-musllinux_1_2_i686.whl", hash = "sha256:57fdd2e0b2694ce6fc2e5ccf189789c3e2962916fb38779d3e3521ff8fe7a822", size = 790324 },
+    { url = "https://files.pythonhosted.org/packages/9c/71/eff77d3fe7ba08ab0672920059ec30d63fa7e41aa0fb61c562726e9bd721/regex-2024.9.11-cp312-cp312-musllinux_1_2_ppc64le.whl", hash = "sha256:d552c78411f60b1fdaafd117a1fca2f02e562e309223b9d44b7de8be451ec5e0", size = 860214 },
+    { url = "https://files.pythonhosted.org/packages/81/11/e1bdf84a72372e56f1ea4b833dd583b822a23138a616ace7ab57a0e11556/regex-2024.9.11-cp312-cp312-musllinux_1_2_s390x.whl", hash = "sha256:a0b2b80321c2ed3fcf0385ec9e51a12253c50f146fddb2abbb10f033fe3d049a", size = 859420 },
+    { url = "https://files.pythonhosted.org/packages/ea/75/9753e9dcebfa7c3645563ef5c8a58f3a47e799c872165f37c55737dadd3e/regex-2024.9.11-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:18406efb2f5a0e57e3a5881cd9354c1512d3bb4f5c45d96d110a66114d84d23a", size = 787333 },
+    { url = "https://files.pythonhosted.org/packages/bc/4e/ba1cbca93141f7416624b3ae63573e785d4bc1834c8be44a8f0747919eca/regex-2024.9.11-cp312-cp312-win32.whl", hash = "sha256:e464b467f1588e2c42d26814231edecbcfe77f5ac414d92cbf4e7b55b2c2a776", size = 262058 },
+    { url = "https://files.pythonhosted.org/packages/6e/16/efc5f194778bf43e5888209e5cec4b258005d37c613b67ae137df3b89c53/regex-2024.9.11-cp312-cp312-win_amd64.whl", hash = "sha256:9e8719792ca63c6b8340380352c24dcb8cd7ec49dae36e963742a275dfae6009", size = 273526 },
+    { url = "https://files.pythonhosted.org/packages/93/0a/d1c6b9af1ff1e36832fe38d74d5c5bab913f2bdcbbd6bc0e7f3ce8b2f577/regex-2024.9.11-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:c157bb447303070f256e084668b702073db99bbb61d44f85d811025fcf38f784", size = 483376 },
+    { url = "https://files.pythonhosted.org/packages/a4/42/5910a050c105d7f750a72dcb49c30220c3ae4e2654e54aaaa0e9bc0584cb/regex-2024.9.11-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:4db21ece84dfeefc5d8a3863f101995de646c6cb0536952c321a2650aa202c36", size = 288112 },
+    { url = "https://files.pythonhosted.org/packages/8d/56/0c262aff0e9224fa7ffce47b5458d373f4d3e3ff84e99b5ff0cb15e0b5b2/regex-2024.9.11-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:220e92a30b426daf23bb67a7962900ed4613589bab80382be09b48896d211e92", size = 284608 },
+    { url = "https://files.pythonhosted.org/packages/b9/54/9fe8f9aec5007bbbbce28ba3d2e3eaca425f95387b7d1e84f0d137d25237/regex-2024.9.11-cp313-cp313-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:eb1ae19e64c14c7ec1995f40bd932448713d3c73509e82d8cd7744dc00e29e86", size = 795337 },
+    { url = "https://files.pythonhosted.org/packages/b2/e7/6b2f642c3cded271c4f16cc4daa7231be544d30fe2b168e0223724b49a61/regex-2024.9.11-cp313-cp313-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:f47cd43a5bfa48f86925fe26fbdd0a488ff15b62468abb5d2a1e092a4fb10e85", size = 835848 },
+    { url = "https://files.pythonhosted.org/packages/cd/9e/187363bdf5d8c0e4662117b92aa32bf52f8f09620ae93abc7537d96d3311/regex-2024.9.11-cp313-cp313-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:9d4a76b96f398697fe01117093613166e6aa8195d63f1b4ec3f21ab637632963", size = 823503 },
+    { url = "https://files.pythonhosted.org/packages/f8/10/601303b8ee93589f879664b0cfd3127949ff32b17f9b6c490fb201106c4d/regex-2024.9.11-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0ea51dcc0835eea2ea31d66456210a4e01a076d820e9039b04ae8d17ac11dee6", size = 797049 },
+    { url = "https://files.pythonhosted.org/packages/ef/1c/ea200f61ce9f341763f2717ab4daebe4422d83e9fd4ac5e33435fd3a148d/regex-2024.9.11-cp313-cp313-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b7aaa315101c6567a9a45d2839322c51c8d6e81f67683d529512f5bcfb99c802", size = 784144 },
+    { url = "https://files.pythonhosted.org/packages/d8/5c/d2429be49ef3292def7688401d3deb11702c13dcaecdc71d2b407421275b/regex-2024.9.11-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:c57d08ad67aba97af57a7263c2d9006d5c404d721c5f7542f077f109ec2a4a29", size = 782483 },
+    { url = "https://files.pythonhosted.org/packages/12/d9/cbc30f2ff7164f3b26a7760f87c54bf8b2faed286f60efd80350a51c5b99/regex-2024.9.11-cp313-cp313-musllinux_1_2_i686.whl", hash = "sha256:f8404bf61298bb6f8224bb9176c1424548ee1181130818fcd2cbffddc768bed8", size = 790320 },
+    { url = "https://files.pythonhosted.org/packages/19/1d/43ed03a236313639da5a45e61bc553c8d41e925bcf29b0f8ecff0c2c3f25/regex-2024.9.11-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:dd4490a33eb909ef5078ab20f5f000087afa2a4daa27b4c072ccb3cb3050ad84", size = 860435 },
+    { url = "https://files.pythonhosted.org/packages/34/4f/5d04da61c7c56e785058a46349f7285ae3ebc0726c6ea7c5c70600a52233/regex-2024.9.11-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:eee9130eaad130649fd73e5cd92f60e55708952260ede70da64de420cdcad554", size = 859571 },
+    { url = "https://files.pythonhosted.org/packages/12/7f/8398c8155a3c70703a8e91c29532558186558e1aea44144b382faa2a6f7a/regex-2024.9.11-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:6a2644a93da36c784e546de579ec1806bfd2763ef47babc1b03d765fe560c9f8", size = 787398 },
+    { url = "https://files.pythonhosted.org/packages/58/3a/f5903977647a9a7e46d5535e9e96c194304aeeca7501240509bde2f9e17f/regex-2024.9.11-cp313-cp313-win32.whl", hash = "sha256:e997fd30430c57138adc06bba4c7c2968fb13d101e57dd5bb9355bf8ce3fa7e8", size = 262035 },
+    { url = "https://files.pythonhosted.org/packages/ff/80/51ba3a4b7482f6011095b3a036e07374f64de180b7d870b704ed22509002/regex-2024.9.11-cp313-cp313-win_amd64.whl", hash = "sha256:042c55879cfeb21a8adacc84ea347721d3d83a159da6acdf1116859e2427c43f", size = 273510 },
+]
+
 [[package]]
 name = "reportlab"
 version = "4.2.2"
@@ -892,6 +1017,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/b6/cb/b86984bed139586d01532a587464b5805f12e397594f19f931c4c2fbfa61/tenacity-9.0.0-py3-none-any.whl", hash = "sha256:93de0c98785b27fcf659856aa9f54bfbd399e29969b0621bc7f762bd441b4539", size = 28169 },
 ]
 
+[[package]]
+name = "tqdm"
+version = "4.66.5"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "colorama", marker = "platform_system == 'Windows'" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/58/83/6ba9844a41128c62e810fddddd72473201f3eacde02046066142a2d96cc5/tqdm-4.66.5.tar.gz", hash = "sha256:e1020aef2e5096702d8a025ac7d16b1577279c9d63f8375b63083e9a5f0fcbad", size = 169504 }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/48/5d/acf5905c36149bbaec41ccf7f2b68814647347b72075ac0b1fe3022fdc73/tqdm-4.66.5-py3-none-any.whl", hash = "sha256:90279a3770753eafc9194a0364852159802111925aa30eb3f9d85b0e805ac7cd", size = 78351 },
+]
+
 [[package]]
 name = "typer"
 version = "0.12.5"

From 440fc1a00e2f936886a6b36d73f66655c4b74c69 Mon Sep 17 00:00:00 2001
From: Sean Dawson <dawsons@ansto.gov.au>
Date: Fri, 11 Oct 2024 10:55:05 +1100
Subject: [PATCH 12/12] lint viewport tags

---
 .djlint_rules.yaml | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .djlint_rules.yaml

diff --git a/.djlint_rules.yaml b/.djlint_rules.yaml
new file mode 100644
index 00000000..b051c0d3
--- /dev/null
+++ b/.djlint_rules.yaml
@@ -0,0 +1,7 @@
+- rule:
+    name: A001
+    message: Consider adding a viewport meta tag.
+    flags: re.DOTALL|re.I
+    # <meta name="viewport" content="width=device-width, initial-scale=1"> is a good starting point
+    patterns:
+      - <html[^>]*?>(?:(?!<meta[^>]*?name=([\"|'])viewport\b).)*</html>
\ No newline at end of file