/lessites

config/sync/core.entity_form_display.node.site.default.yml

@@ -7,6 +7,7 @@ dependencies:
     - field.field.node.site.field_departement_s
     - field.field.node.site.field_documents
     - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
     - field.field.node.site.field_liens_site
     - field.field.node.site.field_mots_clefs
     - field.field.node.site.field_nom_de_la_commune_nb_d_hab
@@ -17,10 +18,12 @@ dependencies:
     - field.field.node.site.field_programme_de_l_etat
     - field.field.node.site.field_region
     - field.field.node.site.field_sous_titre
+    - image.style.thumbnail
     - node.type.site
   module:
     - field_group
     - file
+    - image
     - leaflet
     - link
     - paragraphs
@@ -36,7 +39,7 @@ third_party_settings:
       label: Tabs
       region: content
       parent_name: ''
-      weight: 3
+      weight: 4
       format_type: tabs
       format_settings:
         classes: ''
@@ -93,7 +96,7 @@ third_party_settings:
       label: Details
       region: content
       parent_name: ''
-      weight: 2
+      weight: 3
       format_type: details_sidebar
       format_settings:
         classes: ''
@@ -127,7 +130,7 @@ third_party_settings:
       label: Annexe
       region: content
       parent_name: group_tabs
-      weight: 27
+      weight: 28
       format_type: tab
       format_settings:
         classes: ''
@@ -143,7 +146,7 @@ third_party_settings:
       label: Geofield
       region: content
       parent_name: group_tabs
-      weight: 28
+      weight: 29
       format_type: tab
       format_settings:
         classes: ''
@@ -252,6 +255,14 @@ content:
       feature_properties:
         values: ''
     third_party_settings: {  }
+  field_images:
+    type: image_image
+    weight: 2
+    region: content
+    settings:
+      progress_indicator: throbber
+      preview_image_style: thumbnail
+    third_party_settings: {  }
   field_liens_site:
     type: link_default
     weight: 24
@@ -280,7 +291,7 @@ content:
     third_party_settings: {  }
   field_nom_du_qpv_nb_d_hab:
     type: string_textfield
-    weight: 14
+    weight: 13
     region: content
     settings:
       size: 60
@@ -331,7 +342,7 @@ content:
     third_party_settings: {  }
   field_region:
     type: string_textfield
-    weight: 13
+    weight: 12
     region: content
     settings:
       size: 60

config/sync/core.entity_view_display.node.site.default.yml

@@ -7,6 +7,7 @@ dependencies:
     - field.field.node.site.field_departement_s
     - field.field.node.site.field_documents
     - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
     - field.field.node.site.field_liens_site
     - field.field.node.site.field_mots_clefs
     - field.field.node.site.field_nom_de_la_commune_nb_d_hab
@@ -17,11 +18,13 @@ dependencies:
     - field.field.node.site.field_programme_de_l_etat
     - field.field.node.site.field_region
     - field.field.node.site.field_sous_titre
+    - image.style.wide
     - node.type.site
   module:
     - entity_reference_revisions
     - file
     - geofield
+    - image_field_caption
     - link
     - manage_display
 id: node.site.default
@@ -61,6 +64,17 @@ content:
     third_party_settings: {  }
     weight: 115
     region: content
+  field_images:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
   field_liens_site:
     type: link
     label: above

config/sync/core.entity_view_display.node.site.full.yml

@@ -0,0 +1,75 @@
+uuid: f1f45ef7-1fbb-4a0f-8115-9b1d405773ef
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.full
+    - field.field.node.site.field_collectivite_s_epci
+    - field.field.node.site.field_departement_s
+    - field.field.node.site.field_documents
+    - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
+    - field.field.node.site.field_liens_site
+    - field.field.node.site.field_mots_clefs
+    - field.field.node.site.field_nom_de_la_commune_nb_d_hab
+    - field.field.node.site.field_nom_du_qpv_nb_d_hab
+    - field.field.node.site.field_numero
+    - field.field.node.site.field_parties
+    - field.field.node.site.field_porteur_s_de_site
+    - field.field.node.site.field_programme_de_l_etat
+    - field.field.node.site.field_region
+    - field.field.node.site.field_sous_titre
+    - image.style.wide
+    - node.type.site
+  module:
+    - image_field_caption
+    - manage_display
+id: node.site.full
+targetEntityType: node
+bundle: site
+mode: full
+content:
+  field_images:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  links:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+  title:
+    type: title
+    label: hidden
+    settings:
+      link_to_entity: true
+      tag: h2
+    third_party_settings: {  }
+    weight: -49
+    region: content
+hidden:
+  created: true
+  field_collectivite_s_epci: true
+  field_departement_s: true
+  field_documents: true
+  field_geofield: true
+  field_liens_site: true
+  field_mots_clefs: true
+  field_nom_de_la_commune_nb_d_hab: true
+  field_nom_du_qpv_nb_d_hab: true
+  field_numero: true
+  field_parties: true
+  field_porteur_s_de_site: true
+  field_programme_de_l_etat: true
+  field_region: true
+  field_sous_titre: true
+  langcode: true
+  search_api_excerpt: true
+  uid: true

config/sync/core.entity_view_display.node.site.teaser.yml

@@ -8,6 +8,7 @@ dependencies:
     - field.field.node.site.field_departement_s
     - field.field.node.site.field_documents
     - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
     - field.field.node.site.field_liens_site
     - field.field.node.site.field_mots_clefs
     - field.field.node.site.field_nom_de_la_commune_nb_d_hab
@@ -18,14 +19,29 @@ dependencies:
     - field.field.node.site.field_programme_de_l_etat
     - field.field.node.site.field_region
     - field.field.node.site.field_sous_titre
+    - image.style.wide
     - node.type.site
   module:
+    - image_delta_formatter
     - manage_display
 id: node.site.teaser
 targetEntityType: node
 bundle: site
 mode: teaser
 content:
+  field_images:
+    type: image_delta_formatter
+    label: visually_hidden
+    settings:
+      deltas: '0'
+      image_style: wide
+      image_link: content
+      image_loading:
+        attribute: lazy
+      deltas_reversed: 0
+    third_party_settings: {  }
+    weight: 0
+    region: content
   links:
     settings: {  }
     third_party_settings: {  }

config/sync/field.field.node.site.field_images.yml

@@ -0,0 +1,41 @@
+uuid: cca523c9-b52f-4849-be74-2ea9d1576ae3
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_images
+    - node.type.site
+  module:
+    - image
+id: node.site.field_images
+field_name: field_images
+entity_type: node
+bundle: site
+label: Vignette
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:file'
+  handler_settings: {  }
+  file_directory: '[date:custom:Y]-[date:custom:m]'
+  file_extensions: 'png gif jpg jpeg webp'
+  max_filesize: ''
+  max_resolution: ''
+  min_resolution: ''
+  alt_field: true
+  alt_field_required: true
+  title_field: false
+  title_field_required: false
+  default_image:
+    uuid: ''
+    alt: ''
+    title: ''
+    width: null
+    height: null
+    caption: ''
+  caption_field: 1
+  caption_field_required: 0
+field_type: image

config/sync/views.view.sites.yml

@@ -0,0 +1,767 @@
+uuid: 2c9d24b6-a33d-4327-bf78-8f55d5fb6fd5
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_geofield
+    - field.storage.node.field_images
+    - field.storage.node.field_sous_titre
+    - node.type.site
+  module:
+    - geofield
+    - image
+    - leaflet_views
+    - node
+    - user
+id: sites
+label: Sites
+module: views
+description: ''
+tag: ''
+base_table: node_field_data
+base_field: nid
+display:
+  default:
+    id: default
+    display_title: Default
+    display_plugin: default
+    position: 0
+    display_options:
+      title: 'Les 10 sites sélectionnés'
+      fields:
+        field_images:
+          id: field_images
+          table: node__field_images
+          field: field_images
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: image
+          settings:
+            image_link: content
+            image_style: ''
+            image_loading:
+              attribute: lazy
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 1
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            make_link: false
+            absolute: false
+            word_boundary: false
+            ellipsis: false
+            strip_tags: false
+            trim: false
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_sous_titre:
+          id: field_sous_titre
+          table: node__field_sous_titre
+          field: field_sous_titre
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_geofield:
+          id: field_geofield
+          table: node__field_geofield
+          field: field_geofield
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: geofield_default
+          settings:
+            output_format: wkt
+            output_escape: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+      pager:
+        type: none
+        options:
+          offset: 0
+          items_per_page: 0
+      exposed_form:
+        type: basic
+        options:
+          submit_button: Appliquer
+          reset_button: false
+          reset_button_label: Réinitialiser
+          exposed_sorts_label: 'Trier par'
+          expose_sort_order: true
+          sort_asc_label: Asc
+          sort_desc_label: Desc
+      access:
+        type: perm
+        options:
+          perm: 'access content'
+      cache:
+        type: tag
+        options: {  }
+      empty: {  }
+      sorts:
+        created:
+          id: created
+          table: node_field_data
+          field: created
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: created
+          plugin_id: date
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      arguments: {  }
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            site: site
+      style:
+        type: default
+      row:
+        type: fields
+        options:
+          default_field_elements: true
+          inline: {  }
+          separator: ''
+          hide_empty: false
+      query:
+        type: views_query
+        options:
+          query_comment: ''
+          disable_sql_rewrite: false
+          distinct: false
+          replica: false
+          query_tags: {  }
+      relationships: {  }
+      header: {  }
+      footer: {  }
+      display_extenders: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_geofield'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_sous_titre'
+  embed_1:
+    id: embed_1
+    display_title: Intégré
+    display_plugin: embed
+    position: 2
+    display_options:
+      fields:
+        field_images:
+          id: field_images
+          table: node__field_images
+          field: field_images
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: image
+          settings:
+            image_link: content
+            image_style: ''
+            image_loading:
+              attribute: lazy
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 1
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            make_link: false
+            absolute: false
+            word_boundary: false
+            ellipsis: false
+            strip_tags: false
+            trim: false
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_sous_titre:
+          id: field_sous_titre
+          table: node__field_sous_titre
+          field: field_sous_titre
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_geofield:
+          id: field_geofield
+          table: node__field_geofield
+          field: field_geofield
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: geofield_default
+          settings:
+            output_format: wkt
+            output_escape: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+      style:
+        type: leaflet_map
+        options:
+          grouping: {  }
+          data_source:
+            field_geofield: field_geofield
+          entity_source: __base_table
+          name_field: ''
+          leaflet_tooltip:
+            value: title
+            options: '{"permanent":false,"direction":"center"}'
+          leaflet_popup:
+            value: title
+            options: '{"maxWidth":"300","minWidth":"50","autoPan":true}'
+            view_mode: full
+          leaflet_map: 'OSM Mapnik'
+          height: '400'
+          height_unit: px
+          hide_empty_map: false
+          disable_wheel: false
+          gesture_handling: false
+          fitbounds_options: '{"padding":[0,0]}'
+          reset_map:
+            control: false
+            options: '{"position":"topleft","title":"Reset View"}'
+          map_scale:
+            control: false
+            options: '{"position":"bottomright","maxWidth":100,"metric":true,"imperial":false,"updateWhenIdle":false}'
+          locate:
+            control: false
+            options: '{"position":"topright","setView":"untilPanOrZoom","returnToPrevBounds":true,"keepCurrentZoomLevel":true,"strings":{"title":"Locate my position"}}'
+            automatic: false
+          map_position:
+            force: false
+            center:
+              lat: 0.0
+              lon: 0.0
+            zoomControlPosition: topleft
+            zoom: 5
+            minZoom: 1
+            maxZoom: 18
+            zoomFiner: 0
+          weight: ''
+          icon:
+            iconType: marker
+            iconUrl: ''
+            shadowUrl: ''
+            className: ''
+            iconSize:
+              x: ''
+              'y': ''
+            iconAnchor:
+              x: ''
+              'y': ''
+            shadowSize:
+              x: ''
+              'y': ''
+            shadowAnchor:
+              x: ''
+              'y': ''
+            popupAnchor:
+              x: ''
+              'y': ''
+            html: '<div></div>'
+            html_class: leaflet-map-divicon
+            circle_marker_options: '{"radius":100,"color":"red","fillColor":"#f03","fillOpacity":0.5}'
+          fullscreen:
+            control: false
+            options: '{"position":"topleft","pseudoFullscreen":false}'
+          path: '{"color":"#3388ff","opacity":"1.0","stroke":true,"weight":3,"fill":"depends","fillColor":"*","fillOpacity":"0.2","radius":"6"}'
+          map_lazy_load:
+            lazy_load: false
+          feature_properties:
+            values: ''
+      row:
+        type: fields
+        options:
+          default_field_elements: true
+          inline: {  }
+          separator: ''
+          hide_empty: false
+      defaults:
+        style: false
+        row: false
+        fields: false
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_geofield'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_sous_titre'
+  page_1:
+    id: page_1
+    display_title: Page
+    display_plugin: page
+    position: 1
+    display_options:
+      defaults:
+        header: false
+      header:
+        view:
+          id: view
+          table: views
+          field: view
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: view
+          empty: true
+          view_to_insert: 'sites:embed_1'
+          inherit_arguments: true
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender:
+          variants: {  }
+      path: lessites
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_geofield'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_sous_titre'

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -3160,6 +3160,68 @@ body {
   content: url("../img/next.svg");
 }
 
+main {
+  background-color: #f6f7f3;
+}
+
+#lessites .content_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+#lessites .content_container #block-quartiers-de-demain-titredepage {
+  margin-top: 1rem;
+  width: fit-content;
+}
+@media (max-width: 810px) {
+  #lessites .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 10rem;
+    grid-column: 2/span 9;
+  }
+}
+#lessites .content_container #block-quartiers-de-demain-titredepage h1 {
+  text-transform: none;
+  color: rgb(7, 50, 194);
+  font-size: 2rem;
+  font-weight: 500;
+}
+#lessites .content_container .view {
+  display: flex;
+  flex-direction: column;
+}
+#lessites .content_container .view .header_view {
+  position: relative !important;
+  height: fit-content;
+  z-index: none;
+}
+#lessites .content_container .view .header_view .view {
+  width: 100vw;
+}
+#lessites .content_container .view .grille--views-row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 10px;
+  width: 80%;
+  margin: auto;
+  justify-content: space-between;
+  padding-top: 3rem;
+  font-size: 0.6rem;
+}
+#lessites .content_container .view .grille--views-row .views-row {
+  width: 20%;
+}
+#lessites .content_container .view .grille--views-row .views-row .views-field-title .field-content a {
+  color: rgb(7, 50, 194);
+  font-family: "gilroy-bold";
+  padding-top: 0.5rem;
+}
+#lessites .content_container .view .grille--views-row .views-row .views-field-field-images .field-content img {
+  width: 200px;
+  height: 200px;
+  object-fit: cover;
+}
+
 @font-face {
   font-family: "gilroy-semibold";
   src: url("../css/fonts/Gilroy/gilroy-semibold-webfont.woff") format("woff");

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss

@@ -0,0 +1,68 @@
+main{
+    background-color: #f6f7f3;
+}
+#lessites{
+   
+    .content_container{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        #block-quartiers-de-demain-titredepage{
+            margin-top: 1rem;
+            width: fit-content;
+            @media(max-width: 810px){
+                margin-top: 10rem;
+                grid-column: 2 /span 9;
+            } 
+
+            h1{
+                text-transform: none;
+                color: $blue_QDD;
+                font-size: 2rem;
+                font-weight: 500;
+            }
+        }
+
+    .view{
+        display: flex;
+        flex-direction: column;
+
+        .header_view {
+            position: relative !important;
+            height: fit-content;
+            z-index: none;
+            .view{
+                width: 100vw;
+            }
+        }
+        .grille--views-row{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            gap: 10px;
+            width: 80%;
+            margin: auto;
+            justify-content: space-between;
+            padding-top: 3rem;
+            font-size: 0.6rem;
+            .views-row{
+                width: 20%;
+                .views-field-title .field-content a{
+                    color: $blue_QDD;
+                    font-family: "gilroy-bold";
+                    padding-top: 0.5rem;
+                }
+                .views-field-field-images .field-content img{
+                    width: 200px;
+                    height: 200px;
+                    object-fit: cover;
+                }
+
+
+            }
+        }
+
+    }
+    }
+}
+

web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss

@@ -47,6 +47,7 @@
 @import "pages/static";
 @import "pages/actualite";
 @import "pages/node-type-site";
+@import "pages/lessites.scss";
 
 
 @import "/home/ouidade/Developer/docker-quartiersdedemain/src/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss";

web/themes/custom/quartiers_de_demain/templates/page--lessites.html.twig

@@ -0,0 +1,97 @@
+{#
+/**
+ * @file
+ * Claro's theme implementation to display a single Drupal page.
+ *
+ * The doctype, html, head, and body tags are not in this template. Instead
+ * they can be found in the html.html.twig template normally located in the
+ * core/modules/system directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.pre_content: Items for the pre-content region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ * - page.highlighted: Items for the highlighted region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+<div class="layout-container">
+
+  <header role="banner">
+    {{ page.header_left }}
+    {{ page.header_right }}
+    {{ page.header_nav }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content" id="lessites">
+            
+     {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
+    <footer role="contentinfo">
+      {# <section id="footer-top"> #}
+          <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span>
+      {# </section>  #}
+      <div class="footer">
+        <section id="footer-left">{{ page.footer_left }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
+      </div> 
+      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
+    </footer>
+  {# {% endif %} #}
+
+</div>{# /.layout-container #}

web/themes/custom/quartiers_de_demain/templates/views-view-unformatted.html.twig

@@ -0,0 +1,36 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a view of unformatted rows.
+ *
+ * Available variables:
+ * - title: The title of this group of rows. May be empty.
+ * - rows: A list of the view's row items.
+ *   - attributes: The row's HTML attributes.
+ *   - content: The row's content.
+ * - view: The view object.
+ * - default_row_class: A flag indicating whether default classes should be
+ *   used on rows.
+ *
+ * @see template_preprocess_views_view_unformatted()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+  <div class="grille--views-row">
+
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+      
+    ]
+  %}
+  <div{{ row.attributes.addClass(row_classes) }}>
+    {{- row.content -}}
+  </div>
+{% endfor %}
+  </div>

web/themes/custom/quartiers_de_demain/templates/views-view.html.twig

@@ -44,7 +44,7 @@
   {{ title_suffix }}
 
   {% if header %}
-    <header>
+    <header class="header_view">
       {{ header }}
     </header>
   {% endif %}