carroussel actus home debugg js

composer.json

@@ -134,6 +134,9 @@
             },
             "drupal/image_field_caption":{
                 "Rewrite module to use default field storage https://www.drupal.org/project/image_field_caption/issues/3472997": "./patches/image_field_caption_3472997_12.patch"
+            },
+            "drupal/video_embed_field":{
+                "Support Youtube Live urls https://www.drupal.org/project/video_embed_field/issues/3417567":"https://www.drupal.org/files/issues/2024-01-27/video_embed_field--support-live--3417567--2.patch"
             }
         },
         "oldpatches": {

config/sync/block_content.type.live_youtube.yml

@@ -0,0 +1,8 @@
+uuid: dc650ace-a4b8-479c-bb14-fa42e7534214
+langcode: fr
+status: true
+dependencies: {  }
+id: live_youtube
+label: live-youtube
+revision: 0
+description: ''

config/sync/core.base_field_override.node.ressource.promote.yml

@@ -0,0 +1,22 @@
+uuid: d94e3e27-6ebe-416a-a837-814976df1c48
+langcode: fr
+status: true
+dependencies:
+  config:
+    - node.type.ressource
+id: node.ressource.promote
+field_name: promote
+entity_type: node
+bundle: ressource
+label: "Promu en page d'accueil"
+description: ''
+required: false
+translatable: true
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

config/sync/core.entity_form_display.block_content.live_youtube.default.yml

@@ -0,0 +1,49 @@
+uuid: 9d4c0c8b-d55b-4f5d-a1b8-f1df7af95607
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.field.block_content.live_youtube.field_descritpion
+    - field.field.block_content.live_youtube.field_titre
+    - field.field.block_content.live_youtube.field_youtube
+  module:
+    - text
+    - video_embed_field
+id: block_content.live_youtube.default
+targetEntityType: block_content
+bundle: live_youtube
+mode: default
+content:
+  field_descritpion:
+    type: text_textarea
+    weight: 2
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+  field_titre:
+    type: string_textfield
+    weight: 1
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_youtube:
+    type: video_embed_field_textfield
+    weight: 3
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  info:
+    type: string_textfield
+    weight: 0
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  langcode: true

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

@@ -4,10 +4,13 @@ status: true
 dependencies:
   config:
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.thumbnail
     - node.type.actualite
@@ -25,8 +28,9 @@ third_party_settings:
     group_details:
       children:
         - status
-        - sticky
         - promote
+        - field_a_la_une
+        - field_poid
         - uid
         - created
         - path
@@ -35,7 +39,7 @@ third_party_settings:
       label: Details
       region: content
       parent_name: ''
-      weight: 7
+      weight: 8
       format_type: details_sidebar
       format_settings:
         classes: ''
@@ -45,7 +49,7 @@ third_party_settings:
         open: true
         description: ''
         required_fields: true
-        weight: 0
+        weight: -100
 id: node.actualite.default
 targetEntityType: node
 bundle: actualite
@@ -53,7 +57,7 @@ mode: default
 content:
   body:
     type: text_textarea_with_summary
-    weight: 3
+    weight: 4
     region: content
     settings:
       rows: 9
@@ -63,26 +67,33 @@ content:
     third_party_settings: {  }
   created:
     type: datetime_timestamp
-    weight: 12
+    weight: 13
     region: content
     settings: {  }
     third_party_settings: {  }
+  field_a_la_une:
+    type: boolean_checkbox
+    weight: 10
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
   field_date:
     type: daterange_default
-    weight: 2
+    weight: 3
     region: content
     settings: {  }
     third_party_settings: {  }
   field_fichiers:
     type: file_generic
-    weight: 4
+    weight: 5
     region: content
     settings:
       progress_indicator: throbber
     third_party_settings: {  }
   field_images:
     type: image_image
-    weight: 6
+    weight: 7
     region: content
     settings:
       progress_indicator: throbber
@@ -90,12 +101,29 @@ content:
     third_party_settings: {  }
   field_liens:
     type: link_default
-    weight: 5
+    weight: 6
     region: content
     settings:
       placeholder_url: ''
       placeholder_title: ''
     third_party_settings: {  }
+  field_poid:
+    type: number
+    weight: 11
+    region: content
+    settings:
+      placeholder: ''
+    third_party_settings: {  }
+  field_site:
+    type: entity_reference_autocomplete
+    weight: 2
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
   field_type_d_actualite:
     type: autocomplete_deluxe
     weight: 1
@@ -115,24 +143,24 @@ content:
     third_party_settings: {  }
   path:
     type: path
-    weight: 13
+    weight: 14
     region: content
     settings: {  }
     third_party_settings: {  }
   promote:
     type: boolean_checkbox
-    weight: 10
+    weight: 9
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   simple_sitemap:
-    weight: 14
+    weight: 15
     region: content
     settings: {  }
     third_party_settings: {  }
   simple_sitemap_index_now:
-    weight: 15
+    weight: 16
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -143,13 +171,6 @@ content:
     settings:
       display_label: true
     third_party_settings: {  }
-  sticky:
-    type: boolean_checkbox
-    weight: 9
-    region: content
-    settings:
-      display_label: true
-    third_party_settings: {  }
   title:
     type: string_textfield
     weight: 0
@@ -158,9 +179,14 @@ content:
       size: 60
       placeholder: ''
     third_party_settings: {  }
+  translation:
+    weight: 9
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   uid:
     type: entity_reference_autocomplete
-    weight: 11
+    weight: 12
     region: content
     settings:
       match_operator: CONTAINS
@@ -170,3 +196,4 @@ content:
     third_party_settings: {  }
 hidden:
   langcode: true
+  sticky: true

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

@@ -0,0 +1,172 @@
+uuid: 5f6514ac-c1c0-4b1b-8937-407908b2ca9d
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.thumbnail
+    - node.type.ressource
+  module:
+    - datetime
+    - field_group
+    - file
+    - image
+    - link
+    - path
+    - text
+third_party_settings:
+  field_group:
+    group_details:
+      children:
+        - field_date_ressource
+        - field_author
+        - field_type_de_ressource
+        - field_mots_clefs
+        - status
+        - promote
+        - path
+      label: Details
+      region: content
+      parent_name: ''
+      weight: 6
+      format_type: details_sidebar
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        open: true
+        description: ''
+        required_fields: true
+        weight: -100
+id: node.ressource.default
+targetEntityType: node
+bundle: ressource
+mode: default
+content:
+  body:
+    type: text_textarea_with_summary
+    weight: 3
+    region: content
+    settings:
+      rows: 9
+      summary_rows: 3
+      placeholder: ''
+      show_summary: false
+    third_party_settings: {  }
+  field_author:
+    type: string_textfield
+    weight: 38
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_date_ressource:
+    type: datetime_default
+    weight: 37
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  field_documents:
+    type: file_generic
+    weight: 5
+    region: content
+    settings:
+      progress_indicator: throbber
+    third_party_settings: {  }
+  field_images:
+    type: image_image
+    weight: 4
+    region: content
+    settings:
+      progress_indicator: throbber
+      preview_image_style: thumbnail
+    third_party_settings: {  }
+  field_liens:
+    type: link_default
+    weight: 6
+    region: content
+    settings:
+      placeholder_url: ''
+      placeholder_title: ''
+    third_party_settings: {  }
+  field_mots_clefs:
+    type: entity_reference_autocomplete
+    weight: 40
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_site:
+    type: entity_reference_autocomplete
+    weight: 2
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_sous_titre:
+    type: string_textfield
+    weight: 1
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_type_de_ressource:
+    type: options_select
+    weight: 39
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  path:
+    type: path
+    weight: 43
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  promote:
+    type: boolean_checkbox
+    weight: 42
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
+  status:
+    type: boolean_checkbox
+    weight: 41
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
+  title:
+    type: string_textfield
+    weight: 0
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  created: true
+  langcode: true
+  simple_sitemap: true
+  simple_sitemap_index_now: true
+  sticky: true
+  translation: true
+  uid: true

config/sync/core.entity_view_display.block_content.live_youtube.default.yml

@@ -0,0 +1,48 @@
+uuid: a96096d1-f93c-48f3-9b6c-f9940f4ee2fc
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.field.block_content.live_youtube.field_descritpion
+    - field.field.block_content.live_youtube.field_titre
+    - field.field.block_content.live_youtube.field_youtube
+  module:
+    - manage_display
+    - text
+    - video_embed_field
+id: block_content.live_youtube.default
+targetEntityType: block_content
+bundle: live_youtube
+mode: default
+content:
+  field_descritpion:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 1
+    region: content
+  field_titre:
+    type: title
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+      tag: h2
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_youtube:
+    type: video_embed_field_video
+    label: visually_hidden
+    settings:
+      autoplay: true
+      responsive: true
+      width: 854
+      height: 480
+    third_party_settings: {  }
+    weight: 2
+    region: content
+hidden:
+  langcode: true
+  search_api_excerpt: true

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

@@ -4,10 +4,13 @@ status: true
 dependencies:
   config:
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -28,7 +31,7 @@ content:
     label: hidden
     settings: {  }
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
   field_date:
     type: daterange_default
@@ -38,7 +41,7 @@ content:
       format_type: jj
       separator: '-'
     third_party_settings: {  }
-    weight: 5
+    weight: 6
     region: content
   field_fichiers:
     type: file_default
@@ -46,7 +49,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 6
+    weight: 7
     region: content
   field_images:
     type: image_caption
@@ -69,7 +72,15 @@ content:
       rel: ''
       target: ''
     third_party_settings: {  }
-    weight: 7
+    weight: 8
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
     region: content
   field_type_d_actualite:
     type: entity_reference_label
@@ -77,16 +88,16 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   links:
     settings: {  }
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   title:
     type: title
-    label: hidden
+    label: visually_hidden
     settings:
       link_to_entity: true
       tag: h2
@@ -95,6 +106,8 @@ content:
     region: content
 hidden:
   created: true
+  field_a_la_une: true
+  field_poid: true
   langcode: true
   search_api_excerpt: true
   uid: true

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

@@ -5,10 +5,13 @@ dependencies:
   config:
     - core.entity_view_mode.node.full
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -26,7 +29,7 @@ mode: full
 content:
   body:
     type: text_default
-    label: hidden
+    label: visually_hidden
     settings: {  }
     third_party_settings: {  }
     weight: 2
@@ -39,7 +42,7 @@ content:
       format_type: jj
       separator: '-'
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   field_fichiers:
     type: file_default
@@ -47,7 +50,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 5
+    weight: 6
     region: content
   field_images:
     type: image_caption
@@ -70,9 +73,9 @@ content:
       rel: '0'
       target: _blank
     third_party_settings: {  }
-    weight: 6
+    weight: 7
     region: content
-  field_type_d_actualite:
+  field_site:
     type: entity_reference_label
     label: visually_hidden
     settings:
@@ -80,9 +83,17 @@ content:
     third_party_settings: {  }
     weight: 3
     region: content
+  field_type_d_actualite:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 4
+    region: content
   title:
     type: title
-    label: hidden
+    label: visually_hidden
     settings:
       link_to_entity: true
       tag: h2
@@ -91,6 +102,8 @@ content:
     region: content
 hidden:
   created: true
+  field_a_la_une: true
+  field_poid: true
   langcode: true
   links: true
   search_api_excerpt: true

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

@@ -5,10 +5,13 @@ dependencies:
   config:
     - core.entity_view_mode.node.teaser
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -24,11 +27,11 @@ mode: teaser
 content:
   body:
     type: text_summary_or_trimmed
-    label: hidden
+    label: visually_hidden
     settings:
       trim_length: 600
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   field_date:
     type: daterange_default
@@ -38,7 +41,7 @@ content:
       format_type: jj
       separator: '-'
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   field_images:
     type: image_delta_formatter
@@ -53,6 +56,14 @@ content:
     third_party_settings: {  }
     weight: 0
     region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
+    region: content
   field_type_d_actualite:
     type: entity_reference_label
     label: visually_hidden
@@ -63,17 +74,19 @@ content:
     region: content
   title:
     type: title
-    label: hidden
+    label: visually_hidden
     settings:
       link_to_entity: true
       tag: h2
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
 hidden:
   created: true
+  field_a_la_une: true
   field_fichiers: true
   field_liens: true
+  field_poid: true
   langcode: true
   links: true
   search_api_excerpt: true

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

@@ -0,0 +1,135 @@
+uuid: adb8c188-f1f2-4af8-a7d8-b30f7f00bc7e
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.wide
+    - node.type.ressource
+  module:
+    - datetime
+    - file
+    - image_field_caption
+    - link
+    - manage_display
+    - text
+id: node.ressource.default
+targetEntityType: node
+bundle: ressource
+mode: default
+content:
+  body:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 101
+    region: content
+  field_author:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 104
+    region: content
+  field_date_ressource:
+    type: datetime_default
+    label: above
+    settings:
+      timezone_override: ''
+      format_type: medium
+    third_party_settings: {  }
+    weight: 105
+    region: content
+  field_documents:
+    type: file_default
+    label: visually_hidden
+    settings:
+      use_description_as_link_text: true
+    third_party_settings: {  }
+    weight: 9
+    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:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: ''
+      target: ''
+    third_party_settings: {  }
+    weight: 8
+    region: content
+  field_mots_clefs:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 103
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
+    region: content
+  field_sous_titre:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 12
+    region: content
+  field_type_de_ressource:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 102
+    region: content
+  links:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+  title:
+    type: title
+    label: visually_hidden
+    settings:
+      link_to_entity: true
+      tag: h2
+    third_party_settings: {  }
+    weight: -49
+    region: content
+hidden:
+  created: true
+  langcode: true
+  search_api_excerpt: true
+  uid: true

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

@@ -0,0 +1,84 @@
+uuid: 45a63a0a-0506-4867-b21f-37b6a3925565
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.full
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.wide
+    - node.type.ressource
+  module:
+    - image_field_caption
+    - link
+    - manage_display
+id: node.ressource.full
+targetEntityType: node
+bundle: ressource
+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
+  field_liens:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: '0'
+      target: _blank
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 3
+    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:
+  body: true
+  created: true
+  field_author: true
+  field_date_ressource: true
+  field_documents: true
+  field_mots_clefs: true
+  field_sous_titre: true
+  field_type_de_ressource: true
+  langcode: true
+  search_api_excerpt: true
+  uid: true

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

@@ -0,0 +1,127 @@
+uuid: 3f0f8894-1ae2-4505-893d-99821e7539e3
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.teaser
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.wide
+    - node.type.ressource
+  module:
+    - datetime
+    - file
+    - image_delta_formatter
+    - link
+    - manage_display
+    - text
+id: node.ressource.teaser
+targetEntityType: node
+bundle: ressource
+mode: teaser
+content:
+  body:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 5
+    region: content
+  field_author:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 3
+    region: content
+  field_date_ressource:
+    type: datetime_default
+    label: visually_hidden
+    settings:
+      timezone_override: ''
+      format_type: html_year
+    third_party_settings: {  }
+    weight: 4
+    region: content
+  field_documents:
+    type: file_default
+    label: visually_hidden
+    settings:
+      use_description_as_link_text: true
+    third_party_settings: {  }
+    weight: 8
+    region: 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
+  field_liens:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: nofollow
+      target: _blank
+    third_party_settings: {  }
+    weight: 9
+    region: content
+  field_mots_clefs:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 6
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_sous_titre:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 2
+    region: content
+  title:
+    type: title
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+      tag: h2
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  field_type_de_ressource: true
+  langcode: true
+  links: true
+  search_api_excerpt: true
+  uid: true

config/sync/field.field.block_content.live_youtube.field_descritpion.yml

@@ -0,0 +1,24 @@
+uuid: e3139bc9-11e2-49a5-a296-5d6f08499a78
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.storage.block_content.field_descritpion
+    - filter.format.wysiwyg
+  module:
+    - text
+id: block_content.live_youtube.field_descritpion
+field_name: field_descritpion
+entity_type: block_content
+bundle: live_youtube
+label: Description
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_formats:
+    - wysiwyg
+field_type: text_long

config/sync/field.field.block_content.live_youtube.field_titre.yml

@@ -0,0 +1,19 @@
+uuid: f32e837b-2b65-438e-9b1a-681267ed114d
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.storage.block_content.field_titre
+id: block_content.live_youtube.field_titre
+field_name: field_titre
+entity_type: block_content
+bundle: live_youtube
+label: Titre
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.block_content.live_youtube.field_youtube.yml

@@ -0,0 +1,25 @@
+uuid: 0557bdb1-03b5-4b9f-8941-63d7880a2e88
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.storage.block_content.field_youtube
+  module:
+    - video_embed_field
+id: block_content.live_youtube.field_youtube
+field_name: field_youtube
+entity_type: block_content
+bundle: live_youtube
+label: youtube
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_providers:
+    youtube: youtube
+    youtube_playlist: '0'
+    vimeo: '0'
+field_type: video_embed_field

config/sync/field.field.node.actualite.field_a_la_une.yml

@@ -0,0 +1,21 @@
+uuid: 05b5311c-5cef-418f-a468-1569bb441a09
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_a_la_une
+    - node.type.actualite
+id: node.actualite.field_a_la_une
+field_name: field_a_la_une
+entity_type: node
+bundle: actualite
+label: 'À la une'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  on_label: '0'
+  off_label: '1'
+field_type: boolean

config/sync/field.field.node.actualite.field_poid.yml

@@ -0,0 +1,25 @@
+uuid: 26ce13e5-43f8-46ad-ac01-f69034d899ee
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_poid
+    - node.type.actualite
+id: node.actualite.field_poid
+field_name: field_poid
+entity_type: node
+bundle: actualite
+label: Poid
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  min: -20
+  max: 20
+  prefix: ''
+  suffix: ''
+field_type: integer

config/sync/field.field.node.actualite.field_site.yml

@@ -0,0 +1,29 @@
+uuid: d43754c9-8376-45dc-8708-eb8700dc1e40
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_site
+    - node.type.actualite
+    - node.type.site
+id: node.actualite.field_site
+field_name: field_site
+entity_type: node
+bundle: actualite
+label: Site
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:node'
+  handler_settings:
+    target_bundles:
+      site: site
+    sort:
+      field: _none
+      direction: ASC
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.field.node.ressource.body.yml

@@ -0,0 +1,24 @@
+uuid: 66103df0-da1e-41f9-bb32-8318dffd0e31
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.body
+    - node.type.ressource
+  module:
+    - text
+id: node.ressource.body
+field_name: body
+entity_type: node
+bundle: ressource
+label: Body
+description: ''
+required: false
+translatable: true
+default_value: {  }
+default_value_callback: ''
+settings:
+  display_summary: true
+  required_summary: false
+  allowed_formats: {  }
+field_type: text_with_summary

config/sync/field.field.node.ressource.field_author.yml

@@ -0,0 +1,19 @@
+uuid: f83890ab-aef5-449f-ae4a-4c80663b6b5a
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_author
+    - node.type.ressource
+id: node.ressource.field_author
+field_name: field_author
+entity_type: node
+bundle: ressource
+label: Author
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.node.ressource.field_date_ressource.yml

@@ -0,0 +1,21 @@
+uuid: 25475d89-cd91-44e3-b174-148b0c35d5b0
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_date_ressource
+    - node.type.ressource
+  module:
+    - datetime
+id: node.ressource.field_date_ressource
+field_name: field_date_ressource
+entity_type: node
+bundle: ressource
+label: 'Date ressource'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: datetime

config/sync/field.field.node.ressource.field_documents.yml

@@ -0,0 +1,27 @@
+uuid: c4bfd289-0a8f-4c18-9c82-f4eac5404b97
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_documents
+    - node.type.ressource
+  module:
+    - file
+id: node.ressource.field_documents
+field_name: field_documents
+entity_type: node
+bundle: ressource
+label: Documents
+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: 'pdf doc docx odt zip'
+  max_filesize: ''
+  description_field: true
+field_type: file

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

@@ -0,0 +1,41 @@
+uuid: 98815009-73e8-406f-94f6-c058e183c593
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_images
+    - node.type.ressource
+  module:
+    - image
+id: node.ressource.field_images
+field_name: field_images
+entity_type: node
+bundle: ressource
+label: Images
+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: true
+  caption_field_required: false
+field_type: image

config/sync/field.field.node.ressource.field_liens.yml

@@ -0,0 +1,23 @@
+uuid: 6062cb80-47a5-4e32-82d2-610a423c6417
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_liens
+    - node.type.ressource
+  module:
+    - link
+id: node.ressource.field_liens
+field_name: field_liens
+entity_type: node
+bundle: ressource
+label: Liens
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  title: 1
+  link_type: 17
+field_type: link

config/sync/field.field.node.ressource.field_mots_clefs.yml

@@ -0,0 +1,29 @@
+uuid: f5f2e2df-951c-44c1-b01b-159fb16476ed
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_mots_clefs
+    - node.type.ressource
+    - taxonomy.vocabulary.mots_clefs
+id: node.ressource.field_mots_clefs
+field_name: field_mots_clefs
+entity_type: node
+bundle: ressource
+label: 'Mots Clefs'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:taxonomy_term'
+  handler_settings:
+    target_bundles:
+      mots_clefs: mots_clefs
+    sort:
+      field: name
+      direction: asc
+    auto_create: true
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.field.node.ressource.field_site.yml

@@ -0,0 +1,29 @@
+uuid: 9e9e9ad3-dedd-4f7f-af77-7ae535fe1df2
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_site
+    - node.type.ressource
+    - node.type.site
+id: node.ressource.field_site
+field_name: field_site
+entity_type: node
+bundle: ressource
+label: Site
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:node'
+  handler_settings:
+    target_bundles:
+      site: site
+    sort:
+      field: _none
+      direction: ASC
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.field.node.ressource.field_sous_titre.yml

@@ -0,0 +1,19 @@
+uuid: 3b233ce4-e6a7-444c-9067-442f3baa2015
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_sous_titre
+    - node.type.ressource
+id: node.ressource.field_sous_titre
+field_name: field_sous_titre
+entity_type: node
+bundle: ressource
+label: Sous-titre
+description: ''
+required: false
+translatable: true
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.node.ressource.field_type_de_ressource.yml

@@ -0,0 +1,29 @@
+uuid: 83e348de-356e-4b22-a7ba-42202e0f0bc9
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_type_de_ressource
+    - node.type.ressource
+    - taxonomy.vocabulary.type_de_ressources
+id: node.ressource.field_type_de_ressource
+field_name: field_type_de_ressource
+entity_type: node
+bundle: ressource
+label: 'Type de ressource'
+description: ''
+required: true
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:taxonomy_term'
+  handler_settings:
+    target_bundles:
+      type_de_ressources: type_de_ressources
+    sort:
+      field: name
+      direction: asc
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.storage.block_content.field_descritpion.yml

@@ -0,0 +1,19 @@
+uuid: 833e03f3-0e59-4537-b1eb-3d5b3eba9e0f
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+    - text
+id: block_content.field_descritpion
+field_name: field_descritpion
+entity_type: block_content
+type: text_long
+settings: {  }
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.block_content.field_titre.yml

@@ -0,0 +1,21 @@
+uuid: c8b30bc0-f7cb-49a0-8bb1-2a83fef02fb2
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+id: block_content.field_titre
+field_name: field_titre
+entity_type: block_content
+type: string
+settings:
+  max_length: 255
+  case_sensitive: false
+  is_ascii: false
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.block_content.field_youtube.yml

@@ -0,0 +1,19 @@
+uuid: cc74fdc1-0972-4669-a610-c3ec2df20732
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+    - video_embed_field
+id: block_content.field_youtube
+field_name: field_youtube
+entity_type: block_content
+type: video_embed_field
+settings: {  }
+module: video_embed_field
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_a_la_une.yml

@@ -0,0 +1,18 @@
+uuid: b0424fee-54df-43ee-8d54-7013ab406b7c
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_a_la_une
+field_name: field_a_la_une
+entity_type: node
+type: boolean
+settings: {  }
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_author.yml

@@ -0,0 +1,21 @@
+uuid: 852e6be3-3c1d-4485-a000-876397be9b45
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_author
+field_name: field_author
+entity_type: node
+type: string
+settings:
+  max_length: 255
+  case_sensitive: false
+  is_ascii: false
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_date_ressource.yml

@@ -0,0 +1,20 @@
+uuid: 43d164f6-4501-48cc-a2e5-eb701e6c6d21
+langcode: fr
+status: true
+dependencies:
+  module:
+    - datetime
+    - node
+id: node.field_date_ressource
+field_name: field_date_ressource
+entity_type: node
+type: datetime
+settings:
+  datetime_type: date
+module: datetime
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_mots_clefs.yml

@@ -0,0 +1,20 @@
+uuid: f5777a85-570b-4649-810b-01ed076a81a8
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - taxonomy
+id: node.field_mots_clefs
+field_name: field_mots_clefs
+entity_type: node
+type: entity_reference
+settings:
+  target_type: taxonomy_term
+module: core
+locked: false
+cardinality: -1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_site.yml

@@ -0,0 +1,19 @@
+uuid: 24bbcef2-8dbc-44ed-a7e3-4d900a29c248
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_site
+field_name: field_site
+entity_type: node
+type: entity_reference
+settings:
+  target_type: node
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_type_de_ressource.yml

@@ -0,0 +1,20 @@
+uuid: e3a010c9-5d30-46bc-b727-24c487a15c41
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - taxonomy
+id: node.field_type_de_ressource
+field_name: field_type_de_ressource
+entity_type: node
+type: entity_reference
+settings:
+  target_type: taxonomy_term
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/language.content_settings.block_content.live_youtube.yml

@@ -0,0 +1,11 @@
+uuid: 0be47de1-35a4-49f3-ae07-99b77c62db51
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+id: block_content.live_youtube
+target_entity_type_id: block_content
+target_bundle: live_youtube
+default_langcode: site_default
+language_alterable: false

config/sync/language.content_settings.node.ressource.yml

@@ -0,0 +1,16 @@
+uuid: 6ec62191-6645-4b71-ac91-eb6f0c51b697
+langcode: fr
+status: true
+dependencies:
+  config:
+    - node.type.ressource
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+id: node.ressource
+target_entity_type_id: node
+target_bundle: ressource
+default_langcode: site_default
+language_alterable: false

config/sync/language.content_settings.taxonomy_term.type_de_ressources.yml

@@ -0,0 +1,16 @@
+uuid: 1ccfb483-1baf-4187-b11a-2c66bfcf539e
+langcode: fr
+status: true
+dependencies:
+  config:
+    - taxonomy.vocabulary.type_de_ressources
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+id: taxonomy_term.type_de_ressources
+target_entity_type_id: taxonomy_term
+target_bundle: type_de_ressources
+default_langcode: site_default
+language_alterable: false

config/sync/language/en/views.view.partenaires.yml

@@ -3,3 +3,7 @@ display:
   default:
     display_options:
       title: Partners
+  page_1:
+    display_options:
+      menu:
+        title: Partners

config/sync/node.type.ressource.yml

@@ -0,0 +1,17 @@
+uuid: fd0b8b19-53d7-45f9-8b56-ec766e0c8315
+langcode: fr
+status: true
+dependencies:
+  module:
+    - menu_ui
+third_party_settings:
+  menu_ui:
+    available_menus: {  }
+    parent: ''
+name: Ressource
+type: ressource
+description: ''
+help: ''
+new_revision: true
+preview_mode: 0
+display_submitted: true

config/sync/page_manager.page_variant.home-panels_variant-0.yml

@@ -6,7 +6,10 @@ dependencies:
     - page_manager.page.home
     - views.view.actus
     - views.view.presentation
+  content:
+    - 'block_content:live_youtube:1d330f27-3197-43ed-8f7f-a1b05826c25b'
   module:
+    - block_content
     - config_pages
     - panels
     - views
@@ -30,7 +33,7 @@ variant_settings:
       items_per_page: none
       exposed: {  }
       region: content
-      weight: 0
+      weight: 1
       uuid: f1486b62-7ff8-475b-b6a1-e153b6b6fb89
       css_classes:
         - ''
@@ -60,7 +63,7 @@ variant_settings:
       config_page_type: deroulement
       config_page_view_mode: full
       region: content
-      weight: 1
+      weight: 2
       uuid: 346ce88d-2925-4bf8-884d-dfbca1e8d5b6
       css_classes:
         - ''
@@ -76,12 +79,28 @@ variant_settings:
       items_per_page: none
       exposed: {  }
       region: content
-      weight: 2
+      weight: 0
       uuid: d4d27033-dc91-45d7-adc0-8690fd0ab27a
       css_classes:
         - ''
       html_id: ''
       css_styles: ''
+    e68622dd-ffb9-463b-af33-0955e75f8019:
+      id: 'block_content:1d330f27-3197-43ed-8f7f-a1b05826c25b'
+      label: 'Live 03-03-2025'
+      label_display: visible
+      provider: block_content
+      status: true
+      info: ''
+      view_mode: full
+      context_mapping: {  }
+      region: content
+      weight: -1
+      uuid: e68622dd-ffb9-463b-af33-0955e75f8019
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
   page_title: ''
   layout: layout_onecol
   layout_settings:

config/sync/page_manager.page_variant.node_view-panels_variant-0.yml

@@ -69,11 +69,20 @@ variant_settings:
       context_mapping:
         entity: node
       formatter:
-        type: file_default
+        type: formatter_suite_general_file_link
         weight: 0
         label: visually_hidden
         settings:
-          use_description_as_link_text: true
+          titleStyle: text_from_link
+          titleCustomText: ''
+          showSize: 0
+          showIcon: 0
+          classes: ''
+          showLink: 1
+          openLinkIn: _blank
+          linkTopic: any
+          listStyle: span
+          listSeparator: ', '
         third_party_settings: {  }
       region: third
       weight: -5

config/sync/pathauto.pattern.actus.yml

@@ -0,0 +1,22 @@
+uuid: b4825987-4cfe-4342-a7d0-29d190fd71b3
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: actus
+label: Actus
+type: 'canonical_entities:node'
+pattern: '/actualites/[node:title]'
+selection_criteria:
+  ae8c556c-ba96-4e19-87c1-46ee3c9639d4:
+    id: 'entity_bundle:node'
+    negate: false
+    uuid: ae8c556c-ba96-4e19-87c1-46ee3c9639d4
+    context_mapping:
+      node: node
+    bundles:
+      actualite: actualite
+selection_logic: and
+weight: -5
+relationships: {  }

config/sync/simple_sitemap_engines.bundle_settings.node.partenaire.yml

@@ -1 +1 @@
-index_now: false
+index_now: true

config/sync/simple_sitemap_engines.bundle_settings.node.ressource.yml

@@ -0,0 +1 @@
+index_now: true

config/sync/simple_sitemap_engines.bundle_settings.node.static.yml

@@ -1 +1 @@
-index_now: false
+index_now: true

config/sync/simple_sitemap_engines.bundle_settings.taxonomy_term.type_de_ressources.yml

@@ -0,0 +1 @@
+index_now: false

config/sync/taxonomy.vocabulary.type_de_ressources.yml

@@ -0,0 +1,8 @@
+uuid: 60fb2e60-a1b5-4be9-ad00-63d8cccd03c9
+langcode: fr
+status: true
+dependencies: {  }
+name: 'Type de ressources'
+vid: type_de_ressources
+description: ''
+weight: 0

config/sync/user.role.admin.yml

@@ -7,6 +7,7 @@ dependencies:
     - filter.format.wysiwyg
     - node.type.actualite
     - node.type.partenaire
+    - node.type.ressource
     - node.type.site
     - node.type.static
   module:
@@ -45,17 +46,21 @@ permissions:
   - 'create actualite content'
   - 'create content translations'
   - 'create partenaire content'
+  - 'create ressource content'
   - 'create site content'
   - 'create static content'
   - 'delete any actualite content'
   - 'delete any partenaire content'
+  - 'delete any ressource content'
   - 'delete any site content'
   - 'delete any static content'
   - 'delete partenaire revisions'
+  - 'delete ressource revisions'
   - 'delete site revisions'
   - 'edit any actualite content'
   - 'edit any logo_link block content'
   - 'edit any partenaire content'
+  - 'edit any ressource content'
   - 'edit any site content'
   - 'edit any static content'
   - 'edit deroulement config page entity'
@@ -77,6 +82,7 @@ permissions:
   - 'execute views_bulk_edit all'
   - 'revert actualite revisions'
   - 'revert partenaire revisions'
+  - 'revert ressource revisions'
   - 'revert site revisions'
   - 'revert static revisions'
   - 'translate editable entities'
@@ -88,6 +94,7 @@ permissions:
   - 'view any logo_link block content history'
   - 'view own unpublished content'
   - 'view partenaire revisions'
+  - 'view ressource revisions'
   - 'view site revisions'
   - 'view static revisions'
   - 'view the administration theme'

config/sync/user.role.editeur.yml

@@ -6,6 +6,7 @@ dependencies:
     - filter.format.wysiwyg
     - node.type.actualite
     - node.type.partenaire
+    - node.type.ressource
     - node.type.site
     - node.type.static
   module:
@@ -34,12 +35,15 @@ permissions:
   - 'create actualite content'
   - 'create content translations'
   - 'create partenaire content'
+  - 'create ressource content'
   - 'create site content'
   - 'create static content'
   - 'delete partenaire revisions'
+  - 'delete ressource revisions'
   - 'delete site revisions'
   - 'edit any actualite content'
   - 'edit any partenaire content'
+  - 'edit any ressource content'
   - 'edit any site content'
   - 'edit any static content'
   - 'edit deroulement config page entity'
@@ -52,6 +56,7 @@ permissions:
   - 'execute node_unpromote_action node'
   - 'revert actualite revisions'
   - 'revert partenaire revisions'
+  - 'revert ressource revisions'
   - 'revert site revisions'
   - 'revert static revisions'
   - 'translate editable entities'
@@ -62,6 +67,7 @@ permissions:
   - 'view actualite revisions'
   - 'view own unpublished content'
   - 'view partenaire revisions'
+  - 'view ressource revisions'
   - 'view site revisions'
   - 'view static revisions'
   - 'view the administration theme'

config/sync/views.view.actus.yml

@@ -3,9 +3,11 @@ langcode: fr
 status: true
 dependencies:
   config:
-    - core.entity_view_mode.node.teaser
+    - core.entity_view_mode.node.full
     - node.type.actualite
+    - system.menu.entete
   module:
+    - datetime
     - node
     - user
 id: actus
@@ -94,23 +96,7 @@ display:
         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
+      sorts: {  }
       arguments: {  }
       filters:
         status:
@@ -180,7 +166,8 @@ display:
       row:
         type: 'entity:node'
         options:
-          view_mode: teaser
+          relationship: none
+          view_mode: full
       query:
         type: views_query
         options:
@@ -203,10 +190,121 @@ display:
       tags: {  }
   block_1:
     id: block_1
-    display_title: Block
+    display_title: 'Block Home'
     display_plugin: block
     position: 1
     display_options:
+      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:
+            actualite: actualite
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        promote:
+          id: promote
+          table: node_field_data
+          field: promote
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: promote
+          plugin_id: boolean
+          operator: '='
+          value: '1'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      defaults:
+        filters: false
+        filter_groups: false
+      display_description: ''
       display_extenders:
         matomo:
           enabled: false
@@ -228,3 +326,335 @@ display:
         - 'user.node_grants:view'
         - user.permissions
       tags: {  }
+  block_2:
+    id: block_2
+    display_title: 'Block Archives'
+    display_plugin: block
+    position: 3
+    display_options:
+      title: Archives
+      sorts:
+        field_date_end_value:
+          id: field_date_end_value
+          table: node__field_date
+          field: field_date_end_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      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:
+            actualite: actualite
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        field_a_la_une_value:
+          id: field_a_la_une_value
+          table: node__field_a_la_une
+          field: field_a_la_une_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: boolean
+          operator: '='
+          value: '0'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      defaults:
+        title: false
+        sorts: false
+        filters: false
+        filter_groups: false
+      display_description: ''
+      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: {  }
+  page_1:
+    id: page_1
+    display_title: 'Page à la une'
+    display_plugin: page
+    position: 2
+    display_options:
+      title: 'À la une'
+      sorts:
+        field_date_end_value:
+          id: field_date_end_value
+          table: node__field_date
+          field: field_date_end_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      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:
+            actualite: actualite
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        field_a_la_une_value:
+          id: field_a_la_une_value
+          table: node__field_a_la_une
+          field: field_a_la_une_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: boolean
+          operator: '='
+          value: '1'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      defaults:
+        title: false
+        sorts: false
+        filters: false
+        filter_groups: false
+        footer: false
+      display_description: ''
+      footer:
+        view:
+          id: view
+          table: views
+          field: view
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: view
+          empty: false
+          view_to_insert: 'actus:block_2'
+          inherit_arguments: 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:
+          variants: {  }
+      path: actualites
+      menu:
+        type: normal
+        title: Actualites
+        description: ''
+        weight: -47
+        expanded: false
+        menu_name: entete
+        parent: ''
+        context: '0'
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags: {  }

config/sync/views.view.ressources.yml

@@ -0,0 +1,236 @@
+uuid: 654fc199-3308-4596-9416-82650cc9301a
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.teaser
+    - field.storage.node.field_type_de_ressource
+    - node.type.ressource
+    - system.menu.entete
+  module:
+    - node
+    - taxonomy
+    - user
+id: ressources
+label: Ressources
+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: Ressources
+      fields:
+        field_type_de_ressource:
+          id: field_type_de_ressource
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource
+          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: entity_reference_entity_view
+          settings:
+            view_mode: default
+          group_column: target_id
+          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:
+        field_type_de_ressource_target_id:
+          id: field_type_de_ressource_target_id
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource_target_id
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: standard
+          order: ASC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+      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:
+            ressource: ressource
+      style:
+        type: default
+        options:
+          grouping:
+            -
+              field: field_type_de_ressource
+              rendered: true
+              rendered_strip: false
+          row_class: ''
+          default_row_class: true
+          uses_fields: true
+      row:
+        type: 'entity:node'
+        options:
+          relationship: none
+          view_mode: teaser
+      query:
+        type: views_query
+        options:
+          query_comment: ''
+          disable_sql_rewrite: false
+          distinct: false
+          replica: false
+          query_tags: {  }
+      relationships:
+        field_type_de_ressource:
+          id: field_type_de_ressource
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource
+          relationship: none
+          group_type: group
+          admin_label: 'field_type_de_ressource : Terme de taxonomie'
+          plugin_id: standard
+          required: true
+      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_type_de_ressource'
+  page_1:
+    id: page_1
+    display_title: Page
+    display_plugin: page
+    position: 1
+    display_options:
+      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: ressources
+      menu:
+        type: normal
+        title: Ressources
+        description: ''
+        weight: -46
+        expanded: false
+        menu_name: entete
+        parent: ''
+        context: '0'
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_type_de_ressource'

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

@@ -202,7 +202,7 @@ h2, h3 {
 }
 @media (max-width: 810px) {
   .layout-container main#home {
-    padding-top: 380px;
+    padding-top: 300px;
   }
 }
 @media (max-width: 810px) {
@@ -432,17 +432,17 @@ header .header_nav_container {
   transform: translateX(0);
   transition: transform 0.3s ease-in-out;
   z-index: -1;
-}
-@media (max-width: 1090px) {
-  header .header_nav_container {
-    height: fit-content;
-  }
+  display: flex;
+  flex-direction: column;
 }
 @media (max-width: 500px) {
   header .header_nav_container {
     flex: 0 0 40%;
   }
 }
+header .header_nav_container #block-quartiers-de-demain-entete {
+  margin: auto;
+}
 header .header_nav_container #block-quartiers-de-demain-entete h2 {
   display: none;
 }
@@ -453,6 +453,8 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
   position: relative;
   padding-left: 1rem;
   padding-right: 1rem;
+  margin: auto;
+  padding-top: 1%;
 }
 @media (max-width: 1025px) {
   header .header_nav_container #block-quartiers-de-demain-entete ul {
@@ -562,7 +564,6 @@ header .header:hover + .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
-    top: -45px;
   }
 }
 
@@ -605,7 +606,11 @@ header .header:hover + .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
-    top: -45px;
+  }
+}
+@media (max-width: 550px) {
+  .header--collapsed-already .header_nav_container {
+    top: 0px;
   }
 }
 
@@ -1496,7 +1501,6 @@ footer {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: 6rem;
 }
 #actus-caroussel h2 {
   width: fit-content;
@@ -1510,7 +1514,20 @@ footer {
 #actus-caroussel button {
   top: -2.5rem;
 }
-#actus-caroussel .content-actus .view {
+@media (max-width: 810px) {
+  #actus-caroussel button {
+    top: -1.5rem;
+  }
+}
+#actus-caroussel .content-actus .slick-list {
+  padding-bottom: 4rem;
+}
+@media (max-width: 810px) {
+  #actus-caroussel .content-actus .slick-list {
+    padding-bottom: 0rem;
+  }
+}
+#actus-caroussel .content-actus .view .view-rows-wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -1525,32 +1542,33 @@ footer {
     padding-top: 3rem;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div {
   display: flex;
   flex-direction: column;
+  align-items: flex-start;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images {
+  order: 1;
   background-color: black;
   -moz-border-radius: 9px; /* pour Mozilla */
   -khtml-border-radius: 9px; /* pour Safari et Chrome */
   -webkit-border-radius: 9px; /* pour Safari sur Mac */
   border-radius: 9px; /* CSS3 */
   height: 250px;
+  width: 100%;
   margin-bottom: 0.6rem;
 }
 @media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images {
     height: 170px;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom {
   height: 100%;
-}
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a {
   display: block;
   height: 100%;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom img {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -1560,70 +1578,97 @@ footer {
   border-radius: 9px; /* CSS3 */
 }
 @media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom img {
     max-height: 170px;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  -moz-border-radius: 9px; /* pour Mozilla */
-  -khtml-border-radius: 9px; /* pour Safari et Chrome */
-  -webkit-border-radius: 9px; /* pour Safari sur Mac */
-  border-radius: 9px; /* CSS3 */
-}
-@media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img {
-    max-height: 170px;
-  }
-}
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_type_d_actualite {
+  order: 2;
   text-transform: uppercase;
   color: red;
   font-size: 0.5rem;
   font-family: "gilroy-bold";
   display: inline-flex;
+  flex-direction: row;
   align-items: center;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite::before {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_type_d_actualite::before {
   content: url("../img/type-actu.svg");
   padding-right: 0.3rem;
   padding-bottom: 0.2rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_type_d_actualite a {
+  color: red;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_date {
+  order: 3;
   color: red;
   display: inline-flex;
+  flex-direction: row;
   align-items: center;
   font-size: 0.5rem;
   font-family: "gilroy-bold";
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_date::before {
   content: url("../img/date-actu.svg");
   padding-right: 0.3rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_title {
+  order: 4;
   padding-top: 0.2rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_title h2 {
   margin: 0;
   line-height: 0.4;
   padding-bottom: 0.6rem;
+  padding-left: 0;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_title h2 a {
   font-size: 0.8rem;
   color: rgb(7, 50, 194);
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_body {
+  order: 5;
   opacity: 1 !important;
   transform: none !important;
   font-family: "gilroy-regular";
+  padding-bottom: 0.5rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p {
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_body p {
   margin: 0;
   margin-bottom: 1rem;
   font-size: 0.7rem;
 }
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_body a {
+  color: rgb(7, 50, 194);
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_liens {
+  order: 6;
+  width: fit-content;
+  padding-left: 0.5rem;
+  background: black;
+}
+@media (max-width: 810px) {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_liens {
+    margin-left: 0;
+  }
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_liens a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_liens a svg {
+  display: none;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_liens a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+}
 #actus-caroussel .content-actus .views-row:nth-child(odd) {
   position: relative;
   top: 60px;
@@ -2572,6 +2617,29 @@ body {
 #home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
   display: none;
 }
+#home #live-youtube {
+  width: 55%;
+  margin: auto;
+  margin-left: 14rem;
+  margin-top: 2rem;
+}
+@media (max-width: 1090px) {
+  #home #live-youtube {
+    flex-direction: column;
+    width: 90%;
+    margin-left: 1rem;
+  }
+}
+#home #live-youtube h2 {
+  text-align: center;
+  font-size: 1.5rem;
+  font-family: "gilroy-semibold";
+}
+#home #live-youtube .field_field_descritpion {
+  margin-bottom: 2rem;
+  text-align: center;
+}
+
 #consultation {
   background-color: #f6f7f3;
 }
@@ -3103,7 +3171,12 @@ body {
   width: 100%;
   padding-bottom: 7rem;
 }
+#page-node .content_container .node-type-actualite a {
+  display: flex;
+  flex-direction: column;
+}
 #page-node .content_container .node-type-actualite .infos-actu {
+  order: 1;
   display: flex;
   flex-direction: row;
   border-top: solid red 1px;
@@ -3134,15 +3207,20 @@ body {
   padding-right: 0.4rem;
 }
 #page-node .content_container .node-type-actualite .field_body {
+  order: 2;
   padding-bottom: 2rem;
 }
 #page-node .content_container .node-type-actualite .field_body p {
   font-size: 0.8rem;
 }
 #page-node .content_container .node-type-actualite .field_field_liens {
+  order: 3;
   padding-bottom: 2rem;
+  padding-top: 2rem;
 }
 #page-node .content_container .node-type-actualite .field_field_liens a {
+  display: flex;
+  flex-direction: row;
   padding-left: 0.5rem;
   display: inline-flex;
   align-items: center;
@@ -3160,6 +3238,12 @@ body {
   padding-right: 0.2rem;
   padding-left: 0.2rem;
 }
+#page-node .content_container .node-type-actualite .field_field_liens a:not(.ext) {
+  display: none;
+}
+#page-node .content_container .node-type-actualite .field_field_images {
+  order: 5;
+}
 #page-node .content_container .node-type-actualite .field_field_images img {
   width: 100%;
   height: auto;
@@ -3467,10 +3551,22 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
   display: flex;
   flex-direction: row;
+  margin-bottom: 1rem;
+}
+@media (max-width: 810px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
+    justify-content: center;
+    margin: auto;
+    margin-bottom: 1rem;
+    width: fit-content;
+  }
 }
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
     justify-content: center;
+    margin: auto;
+    margin-bottom: 1rem;
+    width: fit-content;
   }
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site {
@@ -3508,17 +3604,20 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
   margin-bottom: 0.3rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
   display: flex;
   flex-direction: column !important;
 }
 @media (max-width: 810px) {
-  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
-    max-width: 50%;
+  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
+  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
     margin: auto;
+    margin-bottom: 1rem;
   }
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a {
   display: inline-flex;
   align-items: center;
   color: white;
@@ -3528,15 +3627,16 @@ body {
   font-size: 0.6rem;
   margin-bottom: 0.3rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a svg {
   display: none;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a::after {
   display: inline-flex;
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
-  padding-bottom: 0.2rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
   width: fit-content;
@@ -3595,11 +3695,11 @@ main {
   #lessites .content_container #block-quartiers-de-demain-titredepage {
     margin-top: 14rem;
     grid-column: 2/span 9;
-    margin-left: 0;
     padding-left: 0%;
   }
 }
 #lessites .content_container #block-quartiers-de-demain-titredepage h1 {
+  text-align: center;
   text-transform: none;
   color: rgb(7, 50, 194);
   font-size: 2rem;
@@ -3637,6 +3737,11 @@ main {
     top: 0px;
   }
 }
+@media (max-width: 810px) {
+  #lessites .content_container .view .header_view #block-sitesmap-block {
+    width: 95vw;
+  }
+}
 #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
   width: 100%;
 }
@@ -3645,6 +3750,9 @@ main {
     height: fit-content;
   }
 }
+#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container h2 {
+  display: none;
+}
 #lessites .content_container .view .views-row-wrapper {
   display: flex;
   flex-direction: row;
@@ -3694,4 +3802,288 @@ main {
   height: auto;
   aspect-ratio: 1/1;
   object-fit: cover;
+}
+
+#ressources {
+  background-color: #f6f7f3;
+}
+#ressources .layout-content .content_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
+  margin-top: 3rem;
+  margin-left: 15%;
+  margin-bottom: 1rem;
+  width: 70%;
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 14rem;
+  }
+}
+#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
+  width: fit-content;
+  margin: auto;
+  text-transform: none;
+  color: black;
+  font-size: 2rem;
+  font-family: "gilroy-medium";
+}
+#ressources .layout-content .content_container .views-element-container {
+  margin-left: 20%;
+  width: 65%;
+}
+#ressources .layout-content .content_container .views-element-container h3 {
+  text-align: center;
+}
+#ressources .layout-content .content_container .views-element-container h3::before {
+  content: "";
+  display: block;
+  border-bottom: solid 2px rgb(7, 50, 194);
+  margin: auto;
+}
+#ressources .layout-content .content_container .views-element-container h3 div .field_name h2 {
+  margin-bottom: 0.6rem;
+}
+#ressources .layout-content .content_container .views-element-container h3 div .field_name h2 a {
+  font-family: "gilroy-light";
+  color: rgb(7, 50, 194);
+  font-size: 1.2rem;
+}
+#ressources .layout-content .content_container .views-element-container h3 div .field_description {
+  margin-left: 10%;
+  margin-right: 10%;
+  font-family: "gilroy-light";
+}
+#ressources .layout-content .content_container .views-element-container h3 div .field_description p {
+  margin-top: 0.6rem;
+}
+#ressources .layout-content .content_container .views-element-container button.voir-plus {
+  background-color: transparent;
+  color: rgb(7, 50, 194);
+  border: solid rgb(7, 50, 194) 0.5px;
+  padding: 0.3rem;
+  display: flex;
+  margin: auto;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
+  width: 30%;
+  font-size: 0.5rem;
+  margin-bottom: 1rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2 {
+  font-family: "gilroy-semibold";
+  color: rgb(7, 50, 194);
+  font-size: 0.6rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
+  font-size: 0.5rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div {
+  display: flex;
+  flex-direction: row !important;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div {
+  border: solid 1px rgb(7, 50, 194);
+  margin-right: 0.2rem;
+  padding: 1.3%;
+  padding-bottom: 0.2%;
+  padding-top: 0.2%;
+  font-size: 0.4rem;
+  font-family: "gilroy-semibold";
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div a {
+  color: rgb(7, 50, 194);
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a {
+  position: relative;
+  padding-left: 20px;
+  color: rgb(247, 0, 43);
+  font-family: "gilroy-semibold";
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1em;
+  height: 1em;
+  background-image: url("../img/map_pointer.svg");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images {
+  display: none;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource {
+  display: grid;
+  grid-template-columns: 1fr 1.2fr;
+  grid-template-rows: repeat(5 1fr);
+  margin-top: 1rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images {
+  grid-column: 1;
+  grid-row: 1/span 5;
+  padding: 0 1rem 1rem 1rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images img {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 1/1;
+  object-fit: cover;
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource h2 {
+  margin-top: 0;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_sous_titre,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_author,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_date_ressource,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_body,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_mots_clefs,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_site,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_documents,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_liens {
+  grid-column: 2;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
+  width: 50%;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
+  width: 25%;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
+  width: 50%;
+}
+
+#actualites {
+  background-color: #f6f7f3;
+}
+#actualites .layout-content .content_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
+  margin-top: 3rem;
+  margin-left: 15%;
+  margin-bottom: 1rem;
+  width: 70%;
+}
+@media (max-width: 810px) {
+  #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 14rem;
+  }
+}
+#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
+  width: fit-content;
+  margin: auto;
+  text-transform: none;
+  color: black;
+  font-size: 2rem;
+  font-family: "gilroy-medium";
+}
+#actualites .layout-content .content_container .views-element-container {
+  margin-left: 20%;
+  width: 65%;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
+  width: 100%;
+  font-size: 0.5rem;
+  margin-bottom: 1rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite {
+  width: 100%;
+  padding-bottom: 7rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .infos-actu {
+  order: 1;
+  display: flex;
+  flex-direction: row;
+  padding: 1rem 0rem;
+  margin-bottom: 1rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .infos-actu .field_field_type_d_actualite {
+  text-transform: uppercase;
+  color: red;
+  font-size: 0.6rem;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .infos-actu .field_field_type_d_actualite::before {
+  content: url("../img/type-actu.svg");
+  padding-right: 0.4rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .infos-actu .field_field_date {
+  color: red;
+  display: inline-flex;
+  align-items: center;
+  margin-left: 1rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .infos-actu .field_field_date::before {
+  content: url("../img/date-actu.svg");
+  padding-right: 0.4rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_body {
+  order: 2;
+  padding-bottom: 2rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_body p {
+  font-size: 0.8rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_liens {
+  order: 3;
+  padding-bottom: 2rem;
+  padding-top: 2rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_liens a {
+  display: flex;
+  flex-direction: row;
+  padding-left: 0.5rem;
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_liens a svg {
+  display: none;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_liens a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_images {
+  order: 5;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_images img {
+  width: 100%;
+  height: auto;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_images blockquote.image-field-caption {
+  margin-left: 0;
+  margin-top: 0;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .field_field_images blockquote.image-field-caption p {
+  margin-top: 0;
+  font-size: 0.4rem;
 }

web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-live.svg

@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560.2766"
+   height="11997.26"
+   viewBox="0 0 2560.2766 11997.26"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(0.17944336,-2.9196463)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,9061.9695)" />
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path254"
+       d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+       style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,10484.94)"
+       clip-path="url(#clipPath255)" />
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,4139.4219)"
+       clip-path="url(#clipPath301)" />
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,6302.7995)"
+       clip-path="url(#clipPath303)" />
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,6014.2852)" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
+       id="rect717"
+       width="2559.4043"
+       height="11996.388"
+       x="0.25652406"
+       y="3.3556976" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg

@@ -4,11 +4,42 @@
 <svg
    version="1.1"
    id="svg1"
-   width="1800.8781"
-   height="3633.5603"
-   viewBox="0 0 1800.878 3633.5604"
+   width="1801.0212"
+   height="4029.4231"
+   viewBox="0 0 1801.0212 4029.4232"
+   sodipodi:docname="formes-animees.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.22209622"
+     inkscape:cx="900.51061"
+     inkscape:cy="1339.5095"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="1801.0212"
+       height="4029.4231"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
   <defs
      id="defs1">
     <clipPath
@@ -37,65 +68,78 @@
     </clipPath>
   </defs>
   <g
-     id="g3"
-     transform="translate(-299.16899,-2704.2078)">
+     id="g2"
+     transform="translate(-299.16899,-2519.6031)">
     <g
-       id="g2">
-      <g
-         id="g1"
-         transform="translate(0.17944336,-2.9196463)">
-        <path
-           id="path256"
-           d="m 321.27266,3336.1817 182.91889,175.8201"
-           style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-        <path
-           id="path256-3"
-           d="m 1852.1683,5834.9184 -163.0856,194.3583"
-           style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-        <path
-           id="path257"
-           d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
-           style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
-           clip-path="url(#clipPath258)" />
-        <path
-           id="path300"
-           d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
-           style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           transform="matrix(0.72647042,0,0,-0.72647042,1756.7965,4238.0583)"
-           clip-path="url(#clipPath301)" />
-        <path
-           id="path302"
-           d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-           style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           transform="matrix(0.82260013,0,0,-0.82260013,1945.1937,5133.4927)"
-           clip-path="url(#clipPath303)" />
-        <path
-           id="path311"
-           d="M 552.65311,4967.771 V 4707.7705"
-           style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      </g>
+       id="g1"
+       transform="translate(0.17944336,-2.9196463)"
+       inkscape:export-filename="formes-animees.svg"
+       inkscape:export-xdpi="300"
+       inkscape:export-ydpi="300">
+      <path
+         id="path256"
+         d="m 321.27266,3436.1817 182.91889,175.8201"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:export-filename="formes-animees.svg"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300" />
+      <path
+         id="path256-3"
+         d="m 1852.1683,6336.9184 -163.0856,194.3583"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path257"
+         d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+         style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(-0.80902482,0,0,-0.80902482,1725.8143,3047.2905)"
+         clip-path="url(#clipPath258)" />
+      <path
+         id="path300"
+         d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+         style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.0583)"
+         clip-path="url(#clipPath301)" />
+      <path
+         id="path302"
+         d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+         style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
+         clip-path="url(#clipPath303)" />
+      <path
+         id="path311"
+         d="M 372.65311,5225.771 V 4965.7705"
+         style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     </g>
-    <rect
-       style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
-       id="rect2"
-       width="1550.348"
-       height="114.74608"
-       x="425.98532"
-       y="2704.2078" />
   </g>
+  <rect
+     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
+     id="rect2"
+     width="1550.348"
+     height="201.3089"
+     x="122.31378"
+     y="-9.4031076e-13" />
   <rect
      style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
      id="rect1"
      width="1540.1483"
-     height="112.19624"
-     x="77.598511"
-     y="68.049271" />
+     height="196.83549"
+     x="73.095963"
+     y="119.38474" />
   <rect
      style="fill:none;stroke-width:0;paint-order:stroke fill markers"
      id="rect3"
      width="1559.4871"
      height="238.19258"
-     x="113.2123"
+     x="108.70975"
      y="3395.3674" />
+  <rect
+     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
+     id="rect4"
+     width="1801.0212"
+     height="442.35608"
+     x="1.3299257e-06"
+     y="7.8992786"
+     inkscape:export-filename="formes-animees.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300" />
 </svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/rect4.svg

@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1801.0212"
+   height="4029.4231"
+   viewBox="0 0 1801.0212 4029.4232"
+   sodipodi:docname="formes-animees.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="1801.0212"
+       height="4029.4231"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g2"
+     transform="translate(-299.16899,-2519.6031)">
+    <g
+       id="g1"
+       transform="translate(0.17944336,-2.9196463)">
+      <path
+         id="path256"
+         d="m 321.27266,3336.1817 182.91889,175.8201"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:export-filename="formes-animees.svg"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300" />
+      <path
+         id="path256-3"
+         d="m 1852.1683,6336.9184 -163.0856,194.3583"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path257"
+         d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+         style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
+         clip-path="url(#clipPath258)" />
+      <path
+         id="path300"
+         d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+         style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.72647042,0,0,-0.72647042,1836.7965,4740.0583)"
+         clip-path="url(#clipPath301)" />
+      <path
+         id="path302"
+         d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+         style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.82260013,0,0,-0.82260013,2025.1937,5635.4927)"
+         clip-path="url(#clipPath303)" />
+      <path
+         id="path311"
+         d="M 456.65311,5469.771 V 5209.7705"
+         style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <rect
+     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
+     id="rect2"
+     width="1550.348"
+     height="114.74608"
+     x="122.31378"
+     y="-9.4031076e-13" />
+  <rect
+     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
+     id="rect1"
+     width="1540.1483"
+     height="112.19624"
+     x="73.095963"
+     y="68.049309" />
+  <rect
+     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
+     id="rect3"
+     width="1559.4871"
+     height="238.19258"
+     x="108.70975"
+     y="3395.3674" />
+  <rect
+     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
+     id="rect4"
+     width="1801.0212"
+     height="252.14297"
+     x="1.3299257e-06"
+     y="4.5025892" />
+</svg>

web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme

@@ -60,6 +60,7 @@ function quartiers_de_demain_preprocess_field(&$variables) {
   if (isset($variables['field_name'])) {
     $variables['attributes']['class'][] = 'field_'.$variables['field_name']; 
   }
+
 }
 
 /**
@@ -132,4 +133,7 @@ function quartiers_de_demain_preprocess_block__block_region_second(&$variables)
     unset($variables['content']['field_title']);
     unset($variables['content']['field_field_sous_titre']);
   }
-}
+}
+
+
+

web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees-original.svg

@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560.2766"
+   height="11997.26"
+   viewBox="0 0 2560.2766 11997.26"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(0.17944336,-2.9196463)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,9061.9695)" />
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path254"
+       d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+       style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,10484.94)"
+       clip-path="url(#clipPath255)" />
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,4139.4219)"
+       clip-path="url(#clipPath301)" />
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,6302.7995)"
+       clip-path="url(#clipPath303)" />
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,6014.2852)" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
+       id="rect717"
+       width="2559.4043"
+       height="11996.388"
+       x="0.25652406"
+       y="3.3556976" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/src/assets/js/page_ressources.js

@@ -0,0 +1,87 @@
+/**
+ * @file
+ * quartiers_de_demain behaviors.
+ */
+ (function (Drupal) {
+
+    'use strict';
+  
+    Drupal.behaviors.quartiers_de_demain = {
+      attach: function (context, settings) {
+        console.log('It works!');
+      }
+    };
+  } (Drupal));
+  
+  
+
+  
+  
+  /////////////// start class à view-rows-ressources ////////
+  $(document).ready(function () {
+    $(".view-rows-wrapper").each(function () {
+        let h3Container = $(this).prev("h3").find("div[class^='type-']");
+        let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+  
+        if (classToAdd) {
+            $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+        }
+    });
+  });
+  ////////////////// end class à view-rows-wrapper ////////////////
+  
+  
+  
+  /////////////////// start voir plus...  ressources ////////////////////
+  
+  $(document).ready(function () {
+      // Vérifier si on est sur la page avec l'ID #ressources
+      if ($("#ressources").length > 0) {
+        $(".view-rows-wrapper").each(function () {
+            let container = $(this); // Cible uniquement cette section
+            let items = container.find(".views-row"); // Les éléments à afficher progressivement
+            let visibleCount = 4; // Nombre d'éléments visibles au départ
+          
+  
+            // Récupérer la classe `type-XXX`
+            let typeClass = container.attr("class").split(" ").find(cls => cls.startsWith("type-"));
+            let typeName = typeClass ? typeClass.replace("type-", "").replace(/-/g, " ") : "contenu"; // Nettoyer le nom
+  
+            if (typeClass === "type-podcast" || typeClass === "type-video") {
+              visibleCount = 2; // Pour Podcast et Vidéo
+            }
+  
+            // Ajouter un bouton dynamiquement après chaque `.view-rows-ressources`
+            let button = $("<button>")
+                .addClass("voir-plus")
+                .text("Voir plus de " + typeName)
+                .insertAfter(container);
+  
+            // Cacher tous les éléments sauf les 4 premiers
+            items.hide().slice(0, visibleCount).show();
+  
+            // Action sur le bouton
+            button.on("click", function () {
+                let hiddenItems = container.find(".views-row:hidden").slice(0, 4); // Prochains éléments à afficher
+  
+                if ($(this).text().includes("Voir plus")) {
+                    hiddenItems.slideDown(); // Afficher avec un effet de glissement
+  
+                    if (container.find(".views-row:hidden").length === 0) {
+                        $(this).text("Voir moins de " + typeName); // Changer le texte du bouton si tout est affiché
+                    }
+                } else {
+                    container.find(".views-row").slice(visibleCount).slideUp(); // Replier les éléments
+                    $(this).text("Voir plus de " + typeName); // Revenir à l'état initial
+                }
+            });
+        });
+      }
+  });
+  
+  ///////////////////  end voir plus...  ressources ////////////////////
+  
+  
+  
+
+  

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

@@ -45,7 +45,7 @@ $width-menu-slidedown : 550px;
                 
             
             @media(max-width: 810px){
-                padding-top: 380px;
+                padding-top: 300px;
             }
         }
     }

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

@@ -33,7 +33,13 @@
             .node-type-actualite{
                 width: 100%;
                 padding-bottom: 7rem;
+                a{
+                    display: flex;
+                    flex-direction: column;
+                }
+
                 .infos-actu{
+                    order: 1;
                     display: flex;
                     flex-direction: row;
                     border-top: solid red 1px;
@@ -65,14 +71,19 @@
         
                 }
                 .field_body {
+                    order: 2;
                     padding-bottom: 2rem;
                     p{
                     font-size: 0.8rem;
                     }
                 }
                 .field_field_liens{
+                    order: 3;
                     padding-bottom: 2rem;
-                    a{
+                    padding-top: 2rem;
+                    a{  
+                        display: flex;
+                        flex-direction: row;
                         padding-left: 0.5rem;
                         display: inline-flex;
                         align-items: center;
@@ -91,9 +102,14 @@
                             
                         }
                     }
+                    
+                    a:not(.ext){
+                        display: none;
+                    }
                 }
 
                 .field_field_images{
+                    order: 5;
                     img{
                         width: 100%;
                         height: auto;

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

@@ -0,0 +1,150 @@
+
+#actualites{
+    background-color: #f6f7f3;
+
+
+    .layout-content{
+        // padding-top: 1rem;
+        .content_container{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
+            #block-quartiers-de-demain-titredepage{
+                margin-top: 3rem;
+                margin-left: 15%;
+                margin-bottom: 1rem;
+                width: 70%;
+                @media(max-width: 810px){
+                    margin-top: 14rem;
+                }
+                h1{
+                    width: fit-content;
+                    margin: auto;
+                    text-transform: none;
+                    color: black;
+                    font-size: 2rem;
+                    font-family: "gilroy-medium"
+                }
+                
+                
+            }
+            .views-element-container{
+                margin-left: 20%;
+                width: 65%;
+
+                .view-rows-wrapper{
+                    display: flex;
+                    flex-direction: column;
+                    flex-wrap: wrap;
+                    
+                    
+                    .views-row{
+                        width: 100%;
+                        font-size: 0.5rem;
+                        margin-bottom: 1rem;
+                        .node-type-actualite{
+                            width: 100%;
+                            padding-bottom: 7rem;
+                            // a{
+                            //     display: flex;
+                            //     flex-direction: column;
+                            // }
+            
+                            .infos-actu{
+                                order: 1;
+                                display: flex;
+                                flex-direction: row;
+                                padding: 1rem 0rem;
+                                margin-bottom: 1rem;
+                                .field_field_type_d_actualite{
+                                    text-transform: uppercase;
+                                    color: red;
+                                    font-size: 0.6rem;
+                                    font-weight: 600;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    &::before{
+                                        content: url('../img/type-actu.svg');
+                                        padding-right: 0.4rem;
+                                    }
+                                }
+                                .field_field_date{
+                                    color: red;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    margin-left: 1rem;
+                                    &::before{
+                                        content: url('../img/date-actu.svg');
+                                        padding-right: 0.4rem;
+                                    }
+                                }
+                    
+                            }
+                            
+                            .field_body {
+                                order: 2;
+                                padding-bottom: 2rem;
+                                p{
+                                font-size: 0.8rem;
+                                }
+                            }
+                            .field_field_liens{
+                                order: 3;
+                                padding-bottom: 2rem;
+                                padding-top: 2rem;
+                                a{  
+                                    display: flex;
+                                    flex-direction: row;
+                                    padding-left: 0.5rem;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    color: white;
+                                    background: black;
+                                    text-transform: uppercase;
+                                    font-size: 0.6rem;
+                                    svg{
+                                        display: none;
+                                    }
+                                    &::after{
+                                        display: inline-flex;
+                                        content: url("../img/noun-arrow-to-right.svg");
+                                        padding-right: 0.2rem;
+                                        padding-left: 0.2rem;
+                                        
+                                    }
+                                }
+                                
+                                // a:not(.ext){
+                                //     display: none;
+                                // }
+                            }
+            
+                            .field_field_images{
+                                order: 5;
+                                img{
+                                    width: 100%;
+                                    height: auto;
+                                }
+                                blockquote.image-field-caption{
+                                    margin-left: 0;
+                                    margin-top: 0;
+                                    p{
+                                        margin-top: 0;
+                                        font-size: 0.4rem;
+                                    }
+            
+                                }
+                            }
+                        }
+            
+
+                    }
+
+                }
+                
+            }
+            
+        }
+    }
+}

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

@@ -697,6 +697,28 @@
         // display: none;
     }
 
+    #live-youtube{
+        width: 55%;
+        margin: auto;
+        margin-left: 14rem;
+        margin-top: 2rem;
+        @media(max-width: 1090px){
+            flex-direction: column;
+            width: 90%;
+            margin-left: 1rem;
+        }
+        h2{
+            text-align: center;
+            font-size: 1.5rem;
+            font-family: "gilroy-semibold";
+           
+        }
+        .field_field_descritpion{
+            margin-bottom: 2rem;
+            text-align: center;
+        }
+    }
+
 }
 
 

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

@@ -17,11 +17,12 @@ main{
             @media(max-width: 810px){
                 margin-top: 14rem;
                 grid-column: 2 /span 9;
-                margin-left: 0;            
+                // margin-left: 0;            
                 padding-left: 0%;
             } 
 
             h1{
+                text-align: center;
                 text-transform: none;
                 color: $blue_QDD;
                 font-size: 2rem;
@@ -61,12 +62,16 @@ main{
                         top: 0px;
 
                     }
+                    @media(max-width: 810px){
+                        width: 95vw;
+                    }
                   
                     #sites-map-container{
                         width: 100%;
                         @media(max-width: 810px){
                             height:fit-content;
                         }
+                        h2{display: none;}
                     }
                 }
                

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss

@@ -340,8 +340,18 @@
                 div{
                     display: flex;
                     flex-direction: row;
+                    margin-bottom: 1rem;
+                    @media(max-width: 810px){
+                        justify-content: center;
+                        margin: auto;
+                        margin-bottom: 1rem;
+                        width: fit-content;
+                    }
                     @media(max-width: 500px){
                         justify-content: center;
+                        margin: auto;
+                        margin-bottom: 1rem;
+                        width: fit-content;
                     }
 
                     .prev-site{
@@ -385,14 +395,16 @@
                     margin-bottom: 0.3rem;
                 }
             }
-            .field_field_liens_site{
+            .field_field_liens_site, 
+            .field--type-file{
                 display: flex;
                 flex-direction: column !important;
 
                 @media (max-width:810px) {  
                     // margin-left: 0;
-                    max-width: 50%;
+                    // max-width: 50%;
                     margin: auto;
+                    margin-bottom: 1rem;
                 }
 
                 a{
@@ -405,6 +417,7 @@
                     font-size: 0.6rem;
                     margin-bottom: 0.3rem;
                     
+                    
                     svg{
                         display: none;
                     }
@@ -413,7 +426,7 @@
                         content: url("../img/noun-arrow-to-right.svg");
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
-                        padding-bottom: 0.2rem;
+                        // padding-bottom: 0.2rem;
 
                         
                     }

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

@@ -0,0 +1,205 @@
+
+#ressources{
+    background-color: #f6f7f3;
+
+
+    .layout-content{
+        // padding-top: 1rem;
+        .content_container{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
+            #block-quartiers-de-demain-titredepage{
+                margin-top: 3rem;
+                margin-left: 15%;
+                margin-bottom: 1rem;
+                width: 70%;
+                @media(max-width: 810px){
+                    margin-top: 14rem;
+                }
+                h1{
+                    width: fit-content;
+                    margin: auto;
+                    text-transform: none;
+                    color: black;
+                    font-size: 2rem;
+                    font-family: "gilroy-medium"
+                }
+                
+                
+            }
+            .views-element-container{
+                margin-left: 20%;
+                width: 65%;
+                h3{
+                    &::before{
+                        content:"";
+                        display: block;
+                        border-bottom: solid 2px $blue_QDD;
+                        // width: 80% ;
+                        margin: auto;
+                    }
+                    text-align: center;
+                    div{
+                        .field_name{
+                            h2{
+                                margin-bottom: 0.6rem;
+                                a{
+                                    font-family: "gilroy-light";
+                                    color: $blue_QDD;
+                                    font-size: 1.2rem;
+                                }
+                            }
+                        }
+                        .field_description{
+                            margin-left: 10%;
+                            margin-right: 10%;
+                            font-family: "gilroy-light";
+                            p{
+                                margin-top: 0.6rem;
+                            }
+                        }
+                    }
+                    
+                }
+                button.voir-plus{
+                    background-color: transparent;
+                    color: $blue_QDD;
+                    border: solid $blue_QDD 0.5px;
+                    padding: 0.3rem;
+                    display: flex;
+                    margin: auto;
+                }
+                .view-rows-wrapper{
+                    display: flex;
+                    flex-direction: row;
+                    flex-wrap: wrap;
+                    
+                    
+                    .views-row{
+                        width: 30%;
+                        font-size: 0.5rem;
+                        margin-bottom: 1rem;
+                        h2{
+                            font-family: "gilroy-semibold";
+                            color: $blue_QDD;
+                            font-size: 00.6rem;
+                        } 
+                        p{
+                            font-size: 0.5rem;
+                        }  
+                        .field_field_mots_clefs{
+                            div{
+                                display: flex;
+                                flex-direction: row !important;
+                                div{
+                                    border: solid 1px $blue_QDD;
+                                    margin-right: 0.2rem;
+                                    padding: 1.3%;
+                                    padding-bottom: 0.2%;
+                                    padding-top: 0.2%;
+                                    font-size: 0.4rem;
+                                    font-family: "gilroy-semibold";
+                                    a{
+                                        color: $blue_QDD;
+                                    }
+                                }
+                            }
+
+                        }  
+                        .field_field_site{
+                            div {
+                                
+                                a {
+                                    position: relative;
+                                    padding-left: 20px; // Ajuster selon la taille de l'icône
+                        
+                                    &:before {
+                                        content: "";
+                                        position: absolute;
+                                        left: 0;
+                                        top: 50%;
+                                        transform: translateY(-50%);
+                                        width: 1em;
+                                        height: 1em;
+                                        background-image: url("../img/map_pointer.svg");
+                                        background-size: contain;
+                                        background-repeat: no-repeat;
+                                    }
+                                    
+                                    color: $red_QDD;
+                                    font-family: "gilroy-semibold";
+                                }
+                            }
+
+                        }  
+                        
+                        .type-documentation{
+                            .field_body,
+                            .field_field_images{
+                                display: none;
+                            }
+                        }
+
+
+                        .type-podcast{
+                            .content-ressource{
+                                display: grid;
+                                grid-template-columns: 1fr 1.2fr;
+                                grid-template-rows: repeat(5 1fr);
+                                margin-top: 1rem;
+                                .field_field_images{
+                                   grid-column: 1;
+                                   grid-row: 1 /span 5;
+                                   padding: 0 1rem 1rem 1rem;
+                                    img{
+                                        width: 100%;
+                                        height: auto;
+                                        aspect-ratio: 1 / 1;
+                                        object-fit: cover;
+                                        border-radius: 9px;
+                                    }
+                                }
+                                .field_title, h2{
+                                    margin-top: 0;
+                                }
+                                .field_title,
+                                .field_field_sous_titre,
+                                .field_field_author,
+                                .field_field_date_ressource,
+                                .field_body,
+                                .field_field_mots_clefs,
+                                .field_field_site,
+                                .field_field_documents,
+                                .field_field_liens{
+                                   grid-column: 2;
+                                   
+                                }
+
+                            }
+                           
+                        }
+                    }
+
+                    .views-row:has(.type-podcast){
+                        width: 50%;
+                    }
+                    .views-row:has(.type-documentation){
+                        width: 25%;
+                    }
+                    .views-row:has(.type-vidéo){
+                        width: 50%;
+                    }
+                }
+
+
+     
+
+                // }
+                
+            }
+            
+        }
+    }
+}

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-bottom: 6rem;
+    // padding-bottom: 4rem;
 
     h2{
         width: fit-content;
@@ -16,9 +16,18 @@
     }
     button{
         top: -2.5rem;
+        @media(max-width: 810px){
+            top: -1.5rem;
+        }
     }
     .content-actus{
-        .view{
+        .slick-list{
+            padding-bottom: 4rem;
+            @media(max-width: 810px){
+                padding-bottom: 0rem;
+            }
+        }
+        .view .view-rows-wrapper{
             display: flex;
             flex-direction: row;
             flex-wrap: nowrap;
@@ -33,106 +42,141 @@
                 padding-top: 3rem;
             }
             article.node-type-actualite{
-                display: flex;
-                flex-direction: column;
-                .field_field_images{
-                    background-color: black;
-                    -moz-border-radius: 9px; /* pour Mozilla */
-                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
-                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
-                    border-radius: 9px; /* CSS3 */
-                    height: 250px;
-                    margin-bottom: 0.6rem;
-                    @media(max-width: 550px){
-                        height: 170px;
-                    }
-                    div{
-                        height: 100%;
-                        div{
-                            // height: 600px;
-
-                            a{
-                                display: block;
-                                height: 100%;
-                                img{
-                                    width: 100%;
-                                    height: 100%;
-                                    object-fit: cover;
-                                    -moz-border-radius: 9px; /* pour Mozilla */
-                                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
-                                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
-                                    border-radius: 9px; /* CSS3 */
-                                    @media(max-width: 550px){
-                                        max-height: 170px;
-                                    }
-                                }
-                            }
-                        }
-                    }
-                    
-                    img{
-                        width: 100%;
-                        height: 100%;
-                        object-fit: cover;
+                div{
+                    display: flex;
+                    flex-direction: column;
+                    align-items: flex-start;
+                    .field_field_images{
+                        order: 1;
+                        background-color: black;
                         -moz-border-radius: 9px; /* pour Mozilla */
                         -khtml-border-radius: 9px; /* pour Safari et Chrome */
                         -webkit-border-radius: 9px; /* pour Safari sur Mac */
                         border-radius: 9px; /* CSS3 */
+                        height: 250px;
+                        width: 100%;
+                        margin-bottom: 0.6rem;
                         @media(max-width: 550px){
-                            max-height: 170px;
+                            height: 170px;
+                        }
+                        div.cadre-img-zoom{
+                            height: 100%;
+                            display: block;
+                            height: 100%;
+                            img{
+                                width: 100%;
+                                height: 100%;
+                                object-fit: cover;
+                                -moz-border-radius: 9px; /* pour Mozilla */
+                                -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                                -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                                border-radius: 9px; /* CSS3 */
+                                @media(max-width: 550px){
+                                    max-height: 170px;
+                                }
+                            }
+                        }
+                    }    
+                    
+
+                    .field_field_type_d_actualite{
+                        order: 2;
+                        text-transform: uppercase;
+                        color: red;
+                        font-size: 0.5rem;
+                        font-family: 'gilroy-bold';
+                        display: inline-flex;
+                        flex-direction: row;
+                        align-items: center;
+                        &::before{
+                            content: url('../img/type-actu.svg');
+                            padding-right: 0.3rem;
+                            padding-bottom: 0.2rem;
+                        }
+                        a{color: red;}
+                    }
+                    // .infos-actu{
+                    //     order: 2;
+                    //     h2{
+                    //         font-family: 'gilroy-semibold';
+                    //     }
+                    // }
+                    .field_field_date{
+                        order: 3;
+                        color: red;
+                        display: inline-flex;
+                        flex-direction: row;
+                        align-items: center;
+                        font-size: 0.5rem;
+                        font-family: 'gilroy-bold';
+
+                        &::before{
+                            content: url('../img/date-actu.svg');
+                            padding-right: 0.3rem;
                         }
                     }
-                }
+                
 
-                .field_field_type_d_actualite{
-                    text-transform: uppercase;
-                    color: red;
-                    font-size: 0.5rem;
-                    font-family: 'gilroy-bold';
-                    display: inline-flex;
-                    align-items: center;
-                    &::before{
-                        content: url('../img/type-actu.svg');
-                        padding-right: 0.3rem;
-                        padding-bottom: 0.2rem;
+                    .field_title{
+                        order: 4;
+                        padding-top: 0.2rem;
+                        h2{
+                            margin: 0;
+                            line-height: 0.4;
+                            padding-bottom: 0.6rem;
+                            padding-left: 0;
+                            a{
+                                font-size: 0.8rem;
+                                color: $blue_QDD;
+                            }
+                        } 
                     }
-                }
-                .field_field_date{
-                    color: red;
-                    display: inline-flex;
-                    align-items: center;
-                    font-size: 0.5rem;
-                    font-family: 'gilroy-bold';
-
-                    &::before{
-                        content: url('../img/date-actu.svg');
-                        padding-right: 0.3rem;
-                    }
-                }
-            
-
-                .field_title{
-                    padding-top: 0.2rem;
-                    h2{
-                        margin: 0;
-                        line-height: 0.4;
-                        padding-bottom: 0.6rem;
+                    .field_body{
+                        order: 5;
+                        // visibility: visible;
+                        opacity: 1 !important;
+                        transform: none !important;
+                        font-family: 'gilroy-regular';
+                        padding-bottom: 0.5rem;
+                        p{
+                            margin: 0;
+                            margin-bottom: 1rem;
+                            font-size: 0.7rem ;
+                        }
                         a{
-                            font-size: 0.8rem;
                             color: $blue_QDD;
                         }
-                    } 
-                }
-                .field_body{
-                    // visibility: visible;
-                    opacity: 1 !important;
-                    transform: none !important;
-                    font-family: 'gilroy-regular';
-                    p{
-                        margin: 0;
-                        margin-bottom: 1rem;
-                        font-size: 0.7rem ;
                     }
+                    .field_field_liens{
+                        order: 6;
+                        width: fit-content;
+                        padding-left: 0.5rem;
+                        // padding-bottom: 0.2rem;
+                        // padding-top: 0.2rem;
+                        background: black;
+                        @media (max-width:810px) {  
+                            margin-left: 0;
+                        }
+
+                        a{
+                            display: inline-flex;
+                            align-items: center;
+                            color: white;
+                            text-transform: uppercase;
+                            font-size: 0.6rem;
+                            
+                            svg{
+                                display: none;
+                            }
+                            &::after{
+                                display: inline-flex;
+                                content: url("../img/noun-arrow-to-right.svg");
+                                padding-right: 0.2rem;
+                                padding-left: 0.2rem;
+                                // padding-bottom: 0.2rem;
+                            }
+                        }   
+                    }                   
                 }
             }
 

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss

@@ -1,5 +1,5 @@
 #home{
-
+/////////////////start à remettre après fin live ///////////////
   #background-animated {
       // display: none;
       position: absolute;
@@ -18,6 +18,29 @@
       top: -1500px;
     }
   }
+
+////////////////////////// end à remettre après fin live///////////
+
+////////////////////////// start  ///////////
+  // #background-animated-live {
+  //   // display: none;
+  //   position: absolute;
+  //   top: 1500px;
+  //   left: 200px;
+  //   width: 90%;
+  //   // height: 100%;
+  //   pointer-events: none; /* Permet de cliquer à travers l'élément */
+  //   z-index: 2; /* S'assure que l'élément soit au-dessus */
+  //   @media(max-width: 1400px){
+  //   display: none;
+  //   }
+  // svg{
+  //   max-width: 100%;
+  //   position: relative;
+  //   top: -1500px;
+  // }
+  // }
+////////////////////////// end e///////////
   // .not-visible{
   //   @media (max-width:1100px) {
   //     display: none;
@@ -32,4 +55,7 @@
   .layout-container.home {
     position: relative;
   }
-} 
+
+
+
+} 

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

@@ -184,14 +184,18 @@ header{
         transform: translateX(0);
         transition: transform 0.3s ease-in-out;
         z-index: -1 ;
+        display: flex;
+        flex-direction: column;
+
         @media(max-width: 1090px){
             // text-align:left;
-            height: fit-content;
+            // height: fit-content;
         }
         @media(max-width: 500px){
             flex: 0 0 40%;
         }
         #block-quartiers-de-demain-entete{
+            margin: auto;
             h2{
                 display: none;
             }
@@ -202,6 +206,8 @@ header{
                 position: relative;
                 padding-left: 1rem;
                 padding-right: 1rem;
+                margin: auto;
+                padding-top: 1%;
                 @media(max-width: 1025px){
                     top: 0;
                     align-items: center;
@@ -305,7 +311,7 @@ header{
             flex: 1 0 100%;
             position: relative;
             left: -100%;
-            top: -45px;
+            // top: -45px;  /* a remettre et faire varier si ajoute éléments dans menu */
 
         }
     }
@@ -341,7 +347,10 @@ header{
             flex: 1 0 100%;
             position: relative;
             left: -100%;
-            top: -45px;
+            // top: -75px;
+        }
+        @media(max-width: 550px){
+            top: 0px;
         }
     }
 

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

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

web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig

@@ -88,8 +88,8 @@
     </footer>
   {% endif %}
 
-  {# <div{{ content_attributes }}> #}
+  <div{{ content_attributes }}>
     {{ content }}
-  {# </div> #}
+  </div>
 
 </article>

web/themes/custom/quartiers_de_demain/templates/node--actualite.html.twig

@@ -88,19 +88,18 @@
     </footer>
   {% endif %}
 
-  {# <div{{ content_attributes }}> #}
-    {# {{ content }} #}
-  {# </div> #}
-  {% block content %}
+  <div{{ content_attributes }}>
+    {{ content }}
+
+  </div>
+
+  {# {% block content %}
+  {{content.field_images}}
   <div class="infos-actu">
     {{content.field_type_d_actualite}}
     {{content.field_date}}
   </div>
     {{content.body}}
    {{content.field_liens}}
-    {{content.field_images}}
-   
-
-  {% endblock %}
-
+  {% endblock %} #}
 </article>

web/themes/custom/quartiers_de_demain/templates/node--ressource--teaser.html.twig

@@ -0,0 +1,103 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @ingroup themeable
+ */
+#}
+{# <pre>{{ dump(node) }}</pre> #}
+
+{% set ressource_class = '' %}
+{% if node.field_type_de_ressource.entity %}
+  {% set ressource_class = 'type-' ~ node.field_type_de_ressource.entity.name.value|clean_class %}
+{% endif %}
+
+<article{{ attributes.addClass(ressource_class) }}>
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div class="content-ressource"{{ content_attributes }}>
+    {{ content }}
+  </div>
+</article>
+
+
+

web/themes/custom/quartiers_de_demain/templates/page--actualites.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 " id="actualites">
+
+  <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">
+            
+     {{ 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/page--ressources.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 " id="ressources">
+
+  <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">
+            
+     {{ 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/taxonomy-term.html.twig

@@ -0,0 +1,41 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a taxonomy term.
+ *
+ * Available variables:
+ * - url: URL of the current term.
+ * - name: (optional) Name of the current term.
+ * - content: Items for the content of the term (fields and description).
+ *   Use 'content' to print them all, or print a subset such as
+ *   'content.description'. Use the following code to exclude the
+ *   printing of a given child element:
+ *   @code
+ *   {{ content|without('description') }}
+ *   @endcode
+ * - attributes: HTML attributes for the wrapper.
+ * - page: Flag for the full page state.
+ * - term: The taxonomy term entity, including:
+ *   - id: The ID of the taxonomy term.
+ *   - bundle: Machine name of the current vocabulary.
+ * - view_mode: View mode, e.g. 'full', 'teaser', etc.
+ *
+ * @see template_preprocess_taxonomy_term()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{%
+  set ressource_class = 'type-' ~ term.name()
+%}
+
+
+<div{{ attributes.addClass(ressource_class) }}>
+  {{ title_prefix }}
+  {% if name and not page %}
+    <h2><a href="{{ url }}">{{ name }}</a></h2>
+  {% endif %}
+  {{ title_suffix }}
+  {{ content }}
+</div>

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

@@ -0,0 +1,54 @@
+{#
+/**
+ * @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 %}
+{%
+  set view_ressource_class = [
+    'view-rows-ressources',
+    title ? 'type-' ~ title.field_name.term.name(),
+
+  ]
+%}
+{% endif %} #}
+
+
+{%
+  set view_wrapper_class = [
+    'view-rows-wrapper',
+  ]
+%}
+
+
+{% if title %}
+  <h3>{{ title }}  </h3>
+{% endif %}
+<div {{ attributes.addClass(view_wrapper_class) }}>
+{% 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/webpack.config.js

@@ -5,6 +5,7 @@ let config = {
     mode: 'development',
     entry: [
         "./src/assets/js/quartiers_de_demain.js",
+        "./src/assets/js/page_ressources.js",
         // "./src/assets/js/animated_logo.js",
         "./src/assets/js/animated_formes.js",
         "./src/assets/scss/quartiers_de_demain.scss",