Refresh: Add final images for issues gallery (mozilla#15600)

bedrock/mozorg/templates/mozorg/home/home-m24.html

@@ -43,7 +43,7 @@
   {% include 'mozorg/home/includes/m24/ai-gallery.html'%}
   {% include 'mozorg/home/includes/m24/media-springboard.html'%}
   {% include 'mozorg/home/includes/m24/showcase.html'%}
-  {% include 'mozorg/home/includes/m24/resources-gallery.html'%}
+  {% include 'mozorg/home/includes/m24/issues-gallery.html'%}
 
 </main>
 

bedrock/mozorg/templates/mozorg/home/includes/m24/issues-gallery.html

@@ -0,0 +1,94 @@
+{#
+ This Source Code Form is subject to the terms of the Mozilla Public
+ License, v. 2.0. If a copy of the MPL was not distributed with this
+ file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% from "macros-m24.html" import gallery_tile with context %}
+
+<section class="m24-c-content">
+  <header class="m24-c-intro">
+    <h2 class="m24-c-intro-title">{{ ftl('m24-home-explore-issues-shaping') }}</h2>
+  </header>
+  <div class="m24-c-gallery-container">
+
+    {{ gallery_tile(
+      class='m24-l-grid-half',
+      image=picture(
+        url="img/home/2024/issues/pni-720.jpg",
+        sources=[
+          {
+            "srcset" : {
+              "img/home/2024/issues/pni-1024.jpg": "1024w",
+              "img/home/2024/issues/pni-1232.jpg": "1232w",
+              "img/home/2024/issues/pni-1360.jpg": "1360w",
+              "img/home/2024/issues/pni-1450.jpg": "1450w",
+              "img/home/2024/issues/pni-375.jpg": "375w",
+              "img/home/2024/issues/pni-688.jpg": "688w",
+              "img/home/2024/issues/pni-720.jpg": "720w",
+              "img/home/2024/issues/pni-976.jpg": "976w",
+            },
+            'sizes': {
+              "(min-width: 768px)": "calc((100vw - 32px) / 2)",
+              "(min-width: 1311px)": "calc((100vw - 64px) / 2)",
+              "(min-width: 1440px)": "680px",
+              "default": "calc(100vw - 32px)",
+            },
+          },
+        ],
+        optional_attributes={
+          "loading": "lazy",
+          "alt": "Smart devices with caution icon.",
+          "height": "1450",
+          "width": "725",
+        }
+      ),
+      title=ftl('m24-home-privacy-not-included'),
+      desc=ftl('m24-home-search-our-reviews'),
+      link_url='https://foundation.mozilla.org/privacynotincluded/' + utm_params,
+      cta_text=ftl('m24-home-pni-search-now'),
+      link_attributes='rel="external" target="_blank" data-link-type="link" data-link-text="Search now"',
+    ) }}
+
+    {{ gallery_tile(
+      class='m24-l-grid-half',
+      image=picture(
+        url="img/home/2024/issues/irl-720.jpg",
+        sources=[
+          {
+            "srcset" : {
+              "img/home/2024/issues/irl-1024.jpg": "1024w",
+              "img/home/2024/issues/irl-1232.jpg": "1232w",
+              "img/home/2024/issues/irl-1360.jpg": "1360w",
+              "img/home/2024/issues/irl-1450.jpg": "1450w",
+              "img/home/2024/issues/irl-375.jpg": "375w",
+              "img/home/2024/issues/irl-688.jpg": "688w",
+              "img/home/2024/issues/irl-720.jpg": "720w",
+              "img/home/2024/issues/irl-976.jpg": "976w",
+            },
+            'sizes': {
+              "(min-width: 768px)": "calc((100vw - 32px) / 2)",
+              "(min-width: 1311px)": "calc((100vw - 64px) / 2)",
+              "(min-width: 1440px)": "680px",
+              "default": "calc(100vw - 32px)",
+            },
+          },
+        ],
+        optional_attributes={
+          "loading": "lazy",
+          "alt": "Bridget Todd, host of IRL Podcast.",
+          "height": "1450",
+          "width": "725",
+        }
+      ),
+      title=ftl('m24-home-irl-podcast'),
+      desc=ftl('m24-home-our-multiaward-winning'),
+      link_url='https://irlpodcast.org/' + utm_params,
+      cta_text=ftl('m24-home-irl-listen-now'),
+      link_attributes='rel="external" data-link-type="link" data-link-text="Listen"',
+    ) }}
+
+  </div>
+</section>
+
+<div class="m24-c-transition m24-t-top-light m24-t-bottom-dark"><hr></div>