From e7d56ac95f07a5fca8c471bf846c6750711cfb07 Mon Sep 17 00:00:00 2001
From: "madjid.asa" <madjid.asa@gmail.com>
Date: Thu, 18 Jul 2024 14:58:22 +0200
Subject: [PATCH] add home v2 template

---
 lemarche/templates/cms/home_pagev2.html | 42 +++++++++++++++++
 lemarche/templates/layouts/base.html    | 60 ++++++++++++-------------
 2 files changed, 72 insertions(+), 30 deletions(-)
 create mode 100644 lemarche/templates/cms/home_pagev2.html

diff --git a/lemarche/templates/cms/home_pagev2.html b/lemarche/templates/cms/home_pagev2.html
new file mode 100644
index 000000000..b0aec4b23
--- /dev/null
+++ b/lemarche/templates/cms/home_pagev2.html
@@ -0,0 +1,42 @@
+{% extends "layouts/base.html" %}
+{% load static dsfr_tags wagtailcore_tags wagtailimages_tags i18n %}
+{% block title %}
+    <title>{{ page.seo_title|default:page.title }} — {{ settings.content_manager.CmsDsfrConfig.site_title }}</title>
+{% endblock title %}
+{% block description %}
+    {% if page.search_description %}<meta name="description" content="{{ page.search_description }}" />{% endif %}
+{% endblock description %}
+{% block social_media %}
+    <meta property="og:site_name" content="{{ request.get_host }}" />
+    <meta property="og:title"
+          content="{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="{{ page.full_url }}" />
+    <meta property="og:description" content="{{ page.search_description }}" />
+    <meta property="og:locale" content="{{ LANGUAGE_CODE }}" />
+    {% if page.get_translations.live %}
+        {% for translation in page.get_translations.live %}
+            <meta property="og:locale:alternate"
+                  content="{{ translation.locale.language_code }}" />
+        {% endfor %}
+    {% endif %}
+    <meta name="twitter:title"
+          content="{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}" />
+    <meta name="twitter:description" content="{{ page.search_description }}" />
+    {% if page.header_image %}
+        <meta name="twitter:card" content="summary_large_image" />
+        {% image page.header_image fill-1200x627 as header_image %}
+        <meta property="og:image" content="{{ header_image.full_url }}" />
+        <meta name="twitter:image" content="{{ header_image.full_url }}" />
+    {% else %}
+        <meta name="twitter:card" content="summary" />
+    {% endif %}
+{% endblock social_media %}
+{% block breadcrumb %}
+    {% comment %} empty for home page {% endcomment %}
+{% endblock breadcrumb %}
+{% block content %}
+    {% include "content_manager/blocks/heading.html" %}
+    {% include "content_manager/blocks/messages.html" %}
+    {% include "content_manager/blocks/blocks_stream.html" with stream=page.body %}
+{% endblock content %}
diff --git a/lemarche/templates/layouts/base.html b/lemarche/templates/layouts/base.html
index d3c24eecd..6c65a10f6 100644
--- a/lemarche/templates/layouts/base.html
+++ b/lemarche/templates/layouts/base.html
@@ -8,27 +8,30 @@
     <meta name="viewport"
           content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     {% dsfr_css %}
-
     {% compress css %}
-    <link rel="stylesheet" href="{% static 'vendor/alphagov-accessible-autocomplete-2.0.3/accessible-autocomplete.min.css' %}" type="text/css" />
-    <link rel="stylesheet" href="{% static 'vendor/leaflet-1.7.1/leaflet.css' %}" type="text/css" />
-
-    {% comment %}See https://github.com/GouvernementFR/dsfr-theme-tarteaucitron{% endcomment %}
-    <link rel="stylesheet" href="{% static 'css/dsfr-theme-tac.min.css' %}" type="text/css" />
-    {% dsfr_favicon %}
+      <link rel="stylesheet"
+            href="{% static 'vendor/alphagov-accessible-autocomplete-2.0.3/accessible-autocomplete.min.css' %}"
+            type="text/css" />
+      <link rel="stylesheet"
+            href="{% static 'vendor/leaflet-1.7.1/leaflet.css' %}"
+            type="text/css" />
+      {% comment %}See https://github.com/GouvernementFR/dsfr-theme-tarteaucitron{% endcomment %}
+      <link rel="stylesheet"
+            href="{% static 'css/dsfr-theme-tac.min.css' %}"
+            type="text/css" />
+      {% dsfr_favicon %}
     {% endcompress %}
-
     {% block extra_css %}
     {% endblock extra_css %}
-
-    <title>{% block title %} — Le marché de l'inclusion{% endblock %}</title>
+    <title>
+      {% block title %}— Le marché de l'inclusion{% endblock %}
+    </title>
     {% block meta_description %}
-        <meta name="description" content="Le marché de l'inclusion est un service numérique permettant de trouver un prestataire sociale inclusif proposant des produits ou services professionnels.">
+      <meta name="description"
+            content="Le marché de l'inclusion est un service numérique permettant de trouver un prestataire sociale inclusif proposant des produits ou services professionnels.">
     {% endblock meta_description %}
-
     <meta name="format-detection"
           content="telephone=no,date=no,address=no,email=no,url=no">
-
     {% block opengraph %}
     {% endblock opengraph %}
   </head>
@@ -36,20 +39,17 @@
     {% block skiplinks %}
       {% dsfr_skiplinks skiplinks %}
     {% endblock skiplinks %}
-
     {% block header %}
       {% include "layouts/_header.html" %}
     {% endblock header %}
-
     {% dsfr_theme_modale %}
-
     {% if SITE_CONFIG.notice %}
       {% dsfr_notice title=SITE_CONFIG.notice %}
     {% endif %}
-
     <div class="fr-container fr-mt-4w fr-mb-6w">
       {% block breadcrumb %}
-        {% dsfr_breadcrumb %}
+        {% comment %} {% dsfr_breadcrumb %} {% endcomment %}
+        {% include "content_manager/blocks/breadcrumbs.html" %}
       {% endblock breadcrumb %}
       <main id="content" role="main">
         {% block messages %}
@@ -59,27 +59,27 @@
         {% endblock content %}
       </main>
     </div>
-
     {% block follow_newsletter_social_media %}
     {% endblock follow_newsletter_social_media %}
-
     {% block footer %}
       {% include "layouts/_footer.html" %}
     {% endblock footer %}
-
-    {% block modals %}{% endblock modals %}
-
+    {% block modals %}
+    {% endblock modals %}
     {% dsfr_js nonce=request.csp_nonce %}
-    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"
+            integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+            crossorigin="anonymous"></script>
     <script type="text/javascript" src="{% static 'js/dsfr/utils.js'%}"></script>
-    <script type="text/javascript" src="{% static 'vendor/alphagov-accessible-autocomplete-2.0.3/accessible-autocomplete.min.js' %}"></script>
-    <script type="text/javascript" src="{% static 'vendor/leaflet-1.7.1/leaflet.js' %}"></script>
-
+    <script type="text/javascript"
+            src="{% static 'vendor/alphagov-accessible-autocomplete-2.0.3/accessible-autocomplete.min.js' %}"></script>
+    <script type="text/javascript"
+            src="{% static 'vendor/leaflet-1.7.1/leaflet.js' %}"></script>
     {% if BITOUBI_ENV not in "dev" %}
-        {% include "includes/_tracker_tarteaucitron.html" %}
-        {% include "includes/_tracker_itou.html" %}
+      {% include "includes/_tracker_tarteaucitron.html" %}
+      {% include "includes/_tracker_itou.html" %}
     {% endif %}
     {% block extra_js %}
     {% endblock extra_js %}
   </body>
-</html>
\ No newline at end of file
+</html>