From b5d91ae34852bdfff0ed553ae9e4ff3d6dedb2d0 Mon Sep 17 00:00:00 2001
From: zerolab <dan@zerolab.org>
Date: Wed, 13 Nov 2024 09:14:52 +0000
Subject: [PATCH] Add ONS branding for the Wagtail admin

See: https://docs.wagtail.org/en/stable/advanced_topics/customisation/admin_templates.html
---
 cms/core/templates/wagtailadmin/admin_base.html | 3 +++
 cms/core/templates/wagtailadmin/base.html       | 6 ++++++
 cms/core/templates/wagtailadmin/login.html      | 8 ++++++++
 3 files changed, 17 insertions(+)
 create mode 100644 cms/core/templates/wagtailadmin/admin_base.html
 create mode 100644 cms/core/templates/wagtailadmin/base.html
 create mode 100644 cms/core/templates/wagtailadmin/login.html

diff --git a/cms/core/templates/wagtailadmin/admin_base.html b/cms/core/templates/wagtailadmin/admin_base.html
new file mode 100644
index 0000000..0a633a3
--- /dev/null
+++ b/cms/core/templates/wagtailadmin/admin_base.html
@@ -0,0 +1,3 @@
+{% extends "wagtailadmin/admin_base.html" %}
+{% load i18n %}
+{% block branding_title %}{%  trans "ONS Wagtail CMS" %}{% endblock %}
diff --git a/cms/core/templates/wagtailadmin/base.html b/cms/core/templates/wagtailadmin/base.html
new file mode 100644
index 0000000..edb5e41
--- /dev/null
+++ b/cms/core/templates/wagtailadmin/base.html
@@ -0,0 +1,6 @@
+{% extends "wagtailadmin/base.html" %}
+{% block branding_logo %}
+    <a class="sidebar-wagtail-branding w-transition-all w-duration-150 w-m-0" href="/admin/" aria-label="Dashboard" aria-current="page">
+        <svg aria-hidden="true" class="w-bg-white" style="border-radius: 10px; padding: .25em; max-width: 90%;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 139.2 138.9" viewBox="0 0 139.2 138.9"><path d="M0 84.1c2-4.3 4.3-8.5 6.7-12.7C4 64.7 1.7 57.7 0 50.5v33.6zM13.2 0S.2 0 .2 16.1v8.5c1.3 14.6 4.3 28.9 9.5 42 7.2-11.4 15.7-21.9 26.6-30.8C57.2 17.9 85.5 5.5 123.8 0H13.2z" style="fill:#a8bd3a"/><path d="M138.3 8.9c-43.7 4.3-73.9 16.9-95.2 35-11.5 10-20.9 21.6-28.1 34.6 16.7 33 49 56.7 102.4 60.4h5.2s16.6.7 16.6-17.7V8.5c-.2.4-.5.4-.9.4zM25.6 102c-5-6-9.4-12.4-13-19.2-4.5 8.9-8.7 18.2-12 28.4v27.1h87.6C60.7 132.1 40 119.1 25.6 102z" style="fill:#003c57"/></svg>
+    </a>
+{% endblock %}
diff --git a/cms/core/templates/wagtailadmin/login.html b/cms/core/templates/wagtailadmin/login.html
new file mode 100644
index 0000000..6a1d093
--- /dev/null
+++ b/cms/core/templates/wagtailadmin/login.html
@@ -0,0 +1,8 @@
+{% extends "wagtailadmin/login.html" %}
+{% load i18n %}
+{% block branding_login %}{% trans "Sign in to the ONS Wagtail CMS" %}{% endblock %}
+{% block branding_logo %}
+    <div class="login-logo">
+        <svg role="img" aria-label="ONS" style="width:80px; margin-left: 20px;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 139.2 138.9" viewBox="0 0 139.2 138.9"><path d="M0 84.1c2-4.3 4.3-8.5 6.7-12.7C4 64.7 1.7 57.7 0 50.5v33.6zM13.2 0S.2 0 .2 16.1v8.5c1.3 14.6 4.3 28.9 9.5 42 7.2-11.4 15.7-21.9 26.6-30.8C57.2 17.9 85.5 5.5 123.8 0H13.2z" style="fill:#a8bd3a"/><path d="M138.3 8.9c-43.7 4.3-73.9 16.9-95.2 35-11.5 10-20.9 21.6-28.1 34.6 16.7 33 49 56.7 102.4 60.4h5.2s16.6.7 16.6-17.7V8.5c-.2.4-.5.4-.9.4zM25.6 102c-5-6-9.4-12.4-13-19.2-4.5 8.9-8.7 18.2-12 28.4v27.1h87.6C60.7 132.1 40 119.1 25.6 102z" style="fill:#003c57"/></svg>
+    </div>
+{% endblock %}