From fb988b6f75f97e3851c067dd0a2a5d0b308f9aea Mon Sep 17 00:00:00 2001
From: Chas Nelson <github@chasnelson.co.uk>
Date: Fri, 30 Aug 2024 13:42:22 +0100
Subject: [PATCH 1/3] feat: add a placeholder video to the homepage

---
 ckanext/zarr/assets/css/zarr.css                  | 11 ++++++++++-
 ckanext/zarr/assets/css/zarr_palette.css          |  3 ---
 .../zarr/templates/home/snippets/insights.html    | 15 ++++++++++++---
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/ckanext/zarr/assets/css/zarr.css b/ckanext/zarr/assets/css/zarr.css
index 4ce556b..e5d7754 100644
--- a/ckanext/zarr/assets/css/zarr.css
+++ b/ckanext/zarr/assets/css/zarr.css
@@ -31,6 +31,15 @@
 
 }
 
+.homepage .hero .insights figure {
+    margin-top: 20px;
+}
+
+.homepage .hero .insights figcaption {
+    margin-left: 15px;
+    width: 500px;
+}
+
 .promoted-background {
     background-color: #13240F;
 }
@@ -286,4 +295,4 @@
     margin-top: 20px;
     color: var(--primary);
 }
-/* about */
\ No newline at end of file
+/* about */
diff --git a/ckanext/zarr/assets/css/zarr_palette.css b/ckanext/zarr/assets/css/zarr_palette.css
index 7524bc1..86c8649 100644
--- a/ckanext/zarr/assets/css/zarr_palette.css
+++ b/ckanext/zarr/assets/css/zarr_palette.css
@@ -29,9 +29,6 @@
     /* promoted background color */
     --promoted-background-color: #13240F;
     /* insights */
-    --show-insights-title-display: none;  /* set to block to show */
-    --upper-container-display: none;  /* set to flex to show */
-    --upper-container-display-mobile: none; /* set to block to show */
     --lower-container-display: flex;  /* set to flex to show */
     --after-insights-min-height: 400px;
     /* masthead */
diff --git a/ckanext/zarr/templates/home/snippets/insights.html b/ckanext/zarr/templates/home/snippets/insights.html
index 8b2f13f..fa1922c 100644
--- a/ckanext/zarr/templates/home/snippets/insights.html
+++ b/ckanext/zarr/templates/home/snippets/insights.html
@@ -1,7 +1,16 @@
 {% ckan_extends %}
 
-{% block bottom_container_left_label %}{{ _('Section title') }}{% endblock %}
+{% block top_container_title %}{{ _('Find out more about the repository') }}{% endblock %}
 
-{% block bottom_container_left_content_label %}{{ _('Indicators') }}{% endblock %}
+{% block top_container %}
+    <div class="row insight-row insights-upper-item">
+        <div class="d-flex justify-content-center">
+            <figure class="figure">
+                <iframe class="figure-img" width="560" height="315" src="https://www.youtube.com/embed/BzhjEphkQzQ?si=tLJ2xcxEjxIQvOIA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <figcaption class="figure-caption">[Coming Soon] Watch this video to find out more about the Zambia Research and Evaluation Repository</figcaption>
+            </figure>
+        </div>
+    </div>
+{% endblock %}
 
-{% block bottom_container_right_label %}Data hub stats{% endblock %}
\ No newline at end of file
+{% block bottom_container %}{% endblock bottom_container %}

From 5239e60e3ca7cdac65eeff93571febf9e2805092 Mon Sep 17 00:00:00 2001
From: Chas Nelson <github@chasnelson.co.uk>
Date: Fri, 30 Aug 2024 13:46:09 +0100
Subject: [PATCH 2/3] fix: make iframe responsive

---
 ckanext/zarr/assets/css/zarr.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ckanext/zarr/assets/css/zarr.css b/ckanext/zarr/assets/css/zarr.css
index e5d7754..2c0413b 100644
--- a/ckanext/zarr/assets/css/zarr.css
+++ b/ckanext/zarr/assets/css/zarr.css
@@ -33,11 +33,17 @@
 
 .homepage .hero .insights figure {
     margin-top: 20px;
+    width: 560px;
+    max-width: 100%;
+}
+
+.homepage .hero .insights figure iframe {
+    width: 100%;
 }
 
 .homepage .hero .insights figcaption {
     margin-left: 15px;
-    width: 500px;
+    width: 90%;
 }
 
 .promoted-background {

From 70835729f5961323bba45d5ef9739c7677dae77d Mon Sep 17 00:00:00 2001
From: Chas Nelson <github@chasnelson.co.uk>
Date: Fri, 30 Aug 2024 13:48:43 +0100
Subject: [PATCH 3/3] fix: make caption i18n friendly

---
 ckanext/zarr/templates/home/snippets/insights.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ckanext/zarr/templates/home/snippets/insights.html b/ckanext/zarr/templates/home/snippets/insights.html
index fa1922c..876e2f8 100644
--- a/ckanext/zarr/templates/home/snippets/insights.html
+++ b/ckanext/zarr/templates/home/snippets/insights.html
@@ -7,7 +7,7 @@
         <div class="d-flex justify-content-center">
             <figure class="figure">
                 <iframe class="figure-img" width="560" height="315" src="https://www.youtube.com/embed/BzhjEphkQzQ?si=tLJ2xcxEjxIQvOIA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-                <figcaption class="figure-caption">[Coming Soon] Watch this video to find out more about the Zambia Research and Evaluation Repository</figcaption>
+                <figcaption class="figure-caption">{{ _('[Coming Soon] Watch this video to find out more about the Zambia Research and Evaluation Repository') }}</figcaption>
             </figure>
         </div>
     </div>