_includes/layouts/bluehats-webinar.njk: New dedicated layout

Author: bzg

_includes/layouts/bluehats-webinar.njk

@@ -0,0 +1,57 @@
+---
+layout: layouts/base.njk
+---
+<div class="fr-container fr-py-6w">
+  {% if showBreadcrumb %}
+    {% include "components/breadcrumb.njk" %}
+  {% endif %}
+  <div class="fr-grid-row fr-grid-row--center" data-pagefind-body>
+    <div class="fr-col-12 fr-col-md-8">
+      {% set tagsUrl = "/bluehats/tags/" %}
+      {% include "components/taggroup.njk" %}
+      <div class="fr-grid-row">
+        <div class="fr-col-12 fr-col-md-9">
+          <hgroup>
+            <h1>{{ title }}</h1>
+          </hgroup>
+        </div>
+        <div class="fr-col-12 fr-col-md-3">
+          {% include "templates/share.njk" %}
+        </div>
+      </div>
+
+      {% if description %}
+        <p class="fr-text--lead">
+          {{ description }}
+        </p>
+      {% endif %}
+
+      {{ content | safe }}
+
+      {% if video %}
+        <figure class="fr-content-media" role="group">
+          <div class="fr-content-media__img">
+            <iframe class="fr-responsive-vid" title="{{ video.title }}" src="{{ video.src }}" frameborder="0"
+                    allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
+          </div>
+          <figcaption class="fr-content-media__caption">{{ video.title }}</figcaption>
+        </figure>
+      {% endif %}
+
+      {% if slides %}
+        <figure class="fr-content-media" role="group">
+          <div class="fr-content-media__img">
+            <iframe class="fr-responsive-vid" title="{{ slides.title }}" src="{{ slides.src }}"
+                    mozallowfullscreen="true" webkitallowfullscreen="true" frameborder="0"></iframe>
+          </div>
+          <figcaption class="fr-content-media__caption">Support de présentation</figcaption>
+        </figure>
+      {% endif %}
+    </div>
+  </div>
+
+  {% if collections.bluehats_posts %}
+    {% set currentPosts = collections.bluehats_posts %}
+    {% include "previousnextlinks.njk" %}
+  {% endif %}
+</div>