From 30507877bca304011d5b28dee2fd297eb2718409 Mon Sep 17 00:00:00 2001
From: Matthew Somerville <matthew@mysociety.org>
Date: Thu, 14 Dec 2023 15:07:44 +0000
Subject: [PATCH] [Buckinghamshire] Add front page video.

---
 templates/web/buckinghamshire/footer_extra_js.html  | 5 ++++-
 templates/web/buckinghamshire/front/post-steps.html | 1 +
 templates/web/buckinghamshire/front/pre-recent.html | 3 +++
 templates/web/buckinghamshire/front/pre-steps.html  | 3 +++
 templates/web/buckinghamshire/header_extra.html     | 1 +
 web/cobrands/buckinghamshire/layout.scss            | 5 +++++
 web/cobrands/sass/_layout.scss                      | 3 +++
 7 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 templates/web/buckinghamshire/front/post-steps.html
 create mode 100644 templates/web/buckinghamshire/front/pre-recent.html
 create mode 100644 templates/web/buckinghamshire/front/pre-steps.html

diff --git a/templates/web/buckinghamshire/footer_extra_js.html b/templates/web/buckinghamshire/footer_extra_js.html
index 377452f23dd..e17bc25b5c2 100644
--- a/templates/web/buckinghamshire/footer_extra_js.html
+++ b/templates/web/buckinghamshire/footer_extra_js.html
@@ -4,5 +4,8 @@
     scripts.push(
         version('/cobrands/buckinghamshire/grass_cutting.js')
     );
-END
+END;
+IF bodyclass.match('frontpage');
+    scripts.push( version('/vendor/lite-youtube-embed/lite-yt-embed.js') );
+END;
 %]
diff --git a/templates/web/buckinghamshire/front/post-steps.html b/templates/web/buckinghamshire/front/post-steps.html
new file mode 100644
index 00000000000..f4869bdf9b8
--- /dev/null
+++ b/templates/web/buckinghamshire/front/post-steps.html
@@ -0,0 +1 @@
+[%# Is in other column %]
diff --git a/templates/web/buckinghamshire/front/pre-recent.html b/templates/web/buckinghamshire/front/pre-recent.html
new file mode 100644
index 00000000000..dadde72b54e
--- /dev/null
+++ b/templates/web/buckinghamshire/front/pre-recent.html
@@ -0,0 +1,3 @@
+<section class="full-width">
+    [% INCLUDE "front/stats.html" %]
+</section>
diff --git a/templates/web/buckinghamshire/front/pre-steps.html b/templates/web/buckinghamshire/front/pre-steps.html
new file mode 100644
index 00000000000..f7eac7bd41a
--- /dev/null
+++ b/templates/web/buckinghamshire/front/pre-steps.html
@@ -0,0 +1,3 @@
+<h2>Winter Maintenance</h2>
+
+<lite-youtube videoid="fRCcAs2-7q8"></lite-youtube>
diff --git a/templates/web/buckinghamshire/header_extra.html b/templates/web/buckinghamshire/header_extra.html
index 43f46b633a8..ef1a2237d84 100644
--- a/templates/web/buckinghamshire/header_extra.html
+++ b/templates/web/buckinghamshire/header_extra.html
@@ -1,2 +1,3 @@
+<link rel="stylesheet" href="[% version('/vendor/lite-youtube-embed/lite-yt-embed.css') %]">
 <link rel="icon" type="image/png" sizes="32x32" href="/cobrands/buckinghamshire/img/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/cobrands/buckinghamshire/img/favicon-16x16.png">
diff --git a/web/cobrands/buckinghamshire/layout.scss b/web/cobrands/buckinghamshire/layout.scss
index f13520f805c..435046c4ea3 100644
--- a/web/cobrands/buckinghamshire/layout.scss
+++ b/web/cobrands/buckinghamshire/layout.scss
@@ -92,6 +92,11 @@ body.frontpage, body.twothirdswidthpage, body.fullwidthpage, body.authpage {
     }
 }
 
+#front_stats {
+    border-top: none;
+    padding: 1em 0;
+}
+
 body.mappage {
   // Mappage header is 10px top border, 50px logo (7px 37px 6px), 4px bottom border
   #site-logo {
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index ea9bbe572cc..4a49e484c6f 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -891,6 +891,9 @@ textarea.form-error {
 #front-recently h2 {
    margin-top:0;
 }
+#front-howto lite-youtube ~ h2 {
+    margin-top: 1.3333em;
+}
 
 .alerts__columns {
     @include clearfix;