slimselect placholder

ressources file download link
editor can supp actu & ressources
2025-04-07 16:37:13 +02:00 · 2025-04-07 16:28:18 +02:00 · 2025-04-07 15:09:39 +02:00 · 2025-04-07 15:08:06 +02:00 · 2025-04-07 15:06:07 +02:00 · 2025-04-07 14:59:14 +02:00
28 changed files with 769 additions and 467 deletions
--- a/composer.json
+++ b/composer.json
@@ -36,6 +36,7 @@
        "drupal/paragraphs": "^1.17",
        "drupal/quick_node_clone": "^1.18",
        "drupal/simple_sitemap": "^4.1",
+        "drupal/smart_read_more_link": "^2.0",
        "drupal/social_media_links": "^2.9",
        "drupal/structure_sync": "^2.0",
        "drupal/verf": "^2.1",
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
        "This file is @generated automatically"
    ],
-    "content-hash": "9ec9a1cf919f08fa39c2521ea0aa030e",
+    "content-hash": "b067bb5aa94237e0021d81567a805955",
    "packages": [
        {
            "name": "asm89/stack-cors",
@@ -7005,6 +7005,56 @@
                "issues": "https://drupal.org/project/issues/simple_sitemap"
            }
        },
+        {
+            "name": "drupal/smart_read_more_link",
+            "version": "2.0.7",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/smart_read_more_link.git",
+                "reference": "2.0.7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/smart_read_more_link-2.0.7.zip",
+                "reference": "2.0.7",
+                "shasum": "e05efef5089f0c9b88917120164b43131419237c"
+            },
+            "require": {
+                "drupal/core": "^9 || ^10"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.0.7",
+                    "datestamp": "1698674670",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Ilcho Vuchkov (vuil)",
+                    "homepage": "https://www.drupal.org/u/vuil",
+                    "role": "Maintainer"
+                },
+                {
+                    "name": "vuil",
+                    "homepage": "https://www.drupal.org/user/3568458"
+                }
+            ],
+            "description": "Dynamic read more link for text fields.",
+            "homepage": "https://drupal.org/project/smart_read_more_link",
+            "support": {
+                "source": "https://drupal.org/project/smart_read_more_link",
+                "issues": "https://www.drupal.org/project/issues/smart_read_more_link?categories=All"
+            }
+        },
        {
            "name": "drupal/smart_trim",
            "version": "2.1.0",
--- a/config/sync/core.entity_view_display.node.actualite.default.yml
+++ b/config/sync/core.entity_view_display.node.actualite.default.yml
@@ -36,18 +36,18 @@ content:
    region: content
  field_date:
    type: daterange_default
-    label: visually_hidden
+    label: hidden
    settings:
      timezone_override: ''
      format_type: jj
-      separator: '-'
      from_to: both
+      separator: '-'
    third_party_settings: {  }
    weight: 6
    region: content
  field_fichiers:
    type: file_default
-    label: visually_hidden
+    label: hidden
    settings:
      use_description_as_link_text: true
    third_party_settings: {  }
@@ -55,7 +55,7 @@ content:
    region: content
  field_images:
    type: image_caption
-    label: visually_hidden
+    label: hidden
    settings:
      image_style: wide
      image_link: ''
@@ -66,7 +66,7 @@ content:
    region: content
  field_liens:
    type: link
-    label: visually_hidden
+    label: hidden
    settings:
      trim_length: 80
      url_only: false
@@ -78,7 +78,7 @@ content:
    region: content
  field_site:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@@ -86,7 +86,7 @@ content:
    region: content
  field_tous_les_sites:
    type: boolean
-    label: above
+    label: hidden
    settings:
      format: default
      format_custom_false: ''
@@ -96,7 +96,7 @@ content:
    region: content
  field_type_d_actualite:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@@ -109,7 +109,7 @@ content:
    region: content
  title:
    type: title
-    label: visually_hidden
+    label: hidden
    settings:
      link_to_entity: true
      tag: h2
--- a/config/sync/core.entity_view_display.node.actualite.full.yml
+++ b/config/sync/core.entity_view_display.node.actualite.full.yml
@@ -30,25 +30,25 @@ mode: full
 content:
  body:
    type: text_default
-    label: visually_hidden
+    label: hidden
    settings: {  }
    third_party_settings: {  }
    weight: 2
    region: content
  field_date:
    type: daterange_default
-    label: visually_hidden
+    label: hidden
    settings:
      timezone_override: ''
      format_type: jj
-      separator: '-'
      from_to: both
+      separator: '-'
    third_party_settings: {  }
    weight: 5
    region: content
  field_fichiers:
    type: file_default
-    label: visually_hidden
+    label: hidden
    settings:
      use_description_as_link_text: true
    third_party_settings: {  }
@@ -56,7 +56,7 @@ content:
    region: content
  field_images:
    type: image_caption
-    label: visually_hidden
+    label: hidden
    settings:
      image_style: wide
      image_link: ''
@@ -67,7 +67,7 @@ content:
    region: content
  field_liens:
    type: link
-    label: visually_hidden
+    label: hidden
    settings:
      trim_length: 80
      url_only: false
@@ -79,7 +79,7 @@ content:
    region: content
  field_site:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@@ -87,7 +87,7 @@ content:
    region: content
  field_type_d_actualite:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@@ -95,7 +95,7 @@ content:
    region: content
  title:
    type: title
-    label: visually_hidden
+    label: hidden
    settings:
      link_to_entity: true
      tag: h2
--- a/config/sync/core.entity_view_display.node.actualite.teaser.yml
+++ b/config/sync/core.entity_view_display.node.actualite.teaser.yml
@@ -18,76 +18,94 @@ dependencies:
    - node.type.actualite
  module:
    - datetime_range
-    - image_delta_formatter
+    - file
+    - image_field_caption
+    - link
    - manage_display
-    - text
+    - smart_read_more_link
 id: node.actualite.teaser
 targetEntityType: node
 bundle: actualite
 mode: teaser
 content:
  body:
-    type: text_summary_or_trimmed
-    label: visually_hidden
+    type: smart_read_more_link
+    label: hidden
    settings:
-      trim_length: 600
-    third_party_settings: {  }
-    weight: 5
-    region: content
-  field_date:
-    type: daterange_default
-    label: visually_hidden
-    settings:
-      timezone_override: ''
-      format_type: jj
-      separator: '-'
-      from_to: both
-    third_party_settings: {  }
-    weight: 3
-    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_site:
-    type: entity_reference_label
-    label: visually_hidden
-    settings:
-      link: true
+      trim_length: '6000000'
    third_party_settings: {  }
    weight: 2
    region: content
+  field_date:
+    type: daterange_default
+    label: hidden
+    settings:
+      timezone_override: ''
+      format_type: jj
+      from_to: both
+      separator: '-'
+    third_party_settings: {  }
+    weight: 5
+    region: content
+  field_fichiers:
+    type: file_default
+    label: hidden
+    settings:
+      use_description_as_link_text: true
+    third_party_settings: {  }
+    weight: 6
+    region: content
+  field_images:
+    type: image_caption
+    label: hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_liens:
+    type: link
+    label: hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: ''
+      target: ''
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 3
+    region: content
  field_type_d_actualite:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: false
    third_party_settings: {  }
-    weight: 1
+    weight: 4
    region: content
  title:
    type: title
-    label: visually_hidden
+    label: hidden
    settings:
-      link_to_entity: true
+      link_to_entity: false
      tag: h2
    third_party_settings: {  }
-    weight: 4
+    weight: 1
    region: content
 hidden:
  created: true
  field_a_la_une: true
-  field_fichiers: true
-  field_liens: true
  field_poid: true
  field_tous_les_sites: true
  langcode: true
--- a/config/sync/core.extension.yml
+++ b/config/sync/core.extension.yml
@@ -104,6 +104,7 @@ module:
  simple_sitemap: 0
  simple_sitemap_engines: 0
  simple_sitemap_views: 0
+  smart_read_more_link: 0
  smart_trim: 0
  smtp: 0
  social_media_links: 0
--- a/config/sync/pathauto.pattern.ressources.yml
+++ b/config/sync/pathauto.pattern.ressources.yml
@@ -0,0 +1,22 @@
+uuid: 07558d48-aff4-4079-b7fb-52014c6be393
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: ressources
+label: ressources
+type: 'canonical_entities:node'
+pattern: '/ressources/[node:title]'
+selection_criteria:
+  539b6967-0e6a-417c-96ff-f2512298ced6:
+    id: 'entity_bundle:node'
+    negate: false
+    uuid: 539b6967-0e6a-417c-96ff-f2512298ced6
+    context_mapping:
+      node: node
+    bundles:
+      ressource: ressource
+selection_logic: and
+weight: -5
+relationships: {  }
--- a/config/sync/user.role.admin.yml
+++ b/config/sync/user.role.admin.yml
@@ -71,7 +71,6 @@ permissions:
  - 'execute entity:save_action node'
  - 'execute entity:save_action taxonomy_term'
  - 'execute entity:save_action user'
-  - 'execute node_assign_owner_action node'
  - 'execute node_make_sticky_action node'
  - 'execute node_make_unsticky_action node'
  - 'execute node_promote_action node'
--- a/config/sync/user.role.editeur.yml
+++ b/config/sync/user.role.editeur.yml
@@ -39,6 +39,8 @@ permissions:
  - 'create ressource content'
  - 'create site content'
  - 'create static content'
+  - 'delete any actualite content'
+  - 'delete any ressource content'
  - 'delete partenaire revisions'
  - 'delete ressource revisions'
  - 'delete site revisions'
@@ -51,7 +53,6 @@ permissions:
  - 'edit diaporama_home config page entity'
  - 'edit intro_partenaires config page entity'
  - 'execute entity:save_action node'
-  - 'execute node_assign_owner_action node'
  - 'execute node_make_sticky_action node'
  - 'execute node_make_unsticky_action node'
  - 'execute node_promote_action node'
--- a/config/sync/user.role.root.yml
+++ b/config/sync/user.role.root.yml
@@ -108,12 +108,10 @@ permissions:
  - 'execute entity:save_action taxonomy_term'
  - 'execute entity:save_action user'
  - 'execute entity:unpublish_action node'
-  - 'execute node_assign_owner_action node'
  - 'execute node_make_sticky_action node'
  - 'execute node_make_unsticky_action node'
  - 'execute node_promote_action node'
  - 'execute node_unpromote_action node'
-  - 'execute node_unpublish_by_keyword_action node'
  - 'execute user_add_role_action user'
  - 'execute user_block_user_action user'
  - 'execute user_remove_role_action user'
--- a/config/sync/views.view.actus.yml
+++ b/config/sync/views.view.actus.yml
@@ -3,7 +3,7 @@ langcode: fr
 status: true
 dependencies:
  config:
-    - core.entity_view_mode.node.full
+    - core.entity_view_mode.node.teaser
    - field.storage.node.body
    - field.storage.node.field_date
    - field.storage.node.field_site
@@ -458,7 +458,7 @@ display:
        type: 'entity:node'
        options:
          relationship: none
-          view_mode: full
+          view_mode: teaser
      query:
        type: views_query
        options:
@@ -830,55 +830,6 @@ display:
          hierarchy_depth: 0
          required_depth: 0
          none_label: '- Please select -'
-        field_date_value:
-          id: field_date_value
-          table: node__field_date
-          field: field_date_value
-          relationship: none
-          group_type: group
-          admin_label: ''
-          plugin_id: datetime
-          operator: '='
-          value:
-            min: ''
-            max: ''
-            value: ''
-            type: date_year
-          group: 1
-          exposed: true
-          expose:
-            operator_id: field_date_value_op
-            label: 'Date (field_date)'
-            description: ''
-            use_operator: false
-            operator: field_date_value_op
-            operator_limit_selection: false
-            operator_list: {  }
-            identifier: field_date_value
-            required: false
-            remember: false
-            multiple: false
-            remember_roles:
-              authenticated: authenticated
-              anonymous: '0'
-              admin: '0'
-              root: '0'
-              editeur: '0'
-            min_placeholder: ''
-            max_placeholder: ''
-            placeholder: ''
-          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_site_target_id_verf:
          id: field_site_target_id_verf
          table: node__field_site
@@ -1225,55 +1176,6 @@ display:
          hierarchy_depth: 0
          required_depth: 0
          none_label: '- Please select -'
-        field_date_value:
-          id: field_date_value
-          table: node__field_date
-          field: field_date_value
-          relationship: none
-          group_type: group
-          admin_label: ''
-          plugin_id: datetime
-          operator: '='
-          value:
-            min: ''
-            max: ''
-            value: ''
-            type: date_year
-          group: 1
-          exposed: true
-          expose:
-            operator_id: field_date_value_op
-            label: 'par année'
-            description: ''
-            use_operator: false
-            operator: field_date_value_op
-            operator_limit_selection: false
-            operator_list: {  }
-            identifier: field_date_value
-            required: false
-            remember: false
-            multiple: false
-            remember_roles:
-              authenticated: authenticated
-              anonymous: '0'
-              admin: '0'
-              root: '0'
-              editeur: '0'
-            min_placeholder: ''
-            max_placeholder: ''
-            placeholder: ''
-          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_site_target_id_verf:
          id: field_site_target_id_verf
          table: node__field_site
--- a/config/sync/views.view.block_content.yml
+++ b/config/sync/views.view.block_content.yml
@@ -273,6 +273,7 @@ display:
        type: mini
        options:
          offset: 0
+          pagination_heading_level: h4
          items_per_page: 50
          total_pages: null
          id: 0
@@ -287,7 +288,6 @@ display:
            items_per_page_options_all_label: '- Tout -'
            offset: false
            offset_label: Décalage
-          pagination_heading_level: h4
      exposed_form:
        type: basic
        options:
--- a/config/sync/views.view.content.yml
+++ b/config/sync/views.view.content.yml
@@ -246,16 +246,82 @@ display:
          empty_zero: false
          hide_alter_empty: true
          destination: true
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: field_language
+          label: 'Langue de traduction'
+          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: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: language
+          settings:
+            link_to_entity: false
+            native_language: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
      pager:
        type: full
        options:
+          pagination_heading_level: h4
          items_per_page: 50
          tags:
            next: 'Suivant ›'
            previous: '‹ Précédent'
            first: '« Premier'
            last: 'Dernier »'
-          pagination_heading_level: h4
      exposed_form:
        type: basic
        options:
--- a/config/sync/views.view.ressources.yml
+++ b/config/sync/views.view.ressources.yml
@@ -21,7 +21,7 @@ dependencies:
    - taxonomy.vocabulary.type_de_ressources
  module:
    - datetime
-    - file
+    - formatter_suite
    - image
    - link
    - node
@@ -875,7 +875,7 @@ display:
          delta_reversed: false
          delta_first_last: false
          multi_type: separator
-          separator: ', '
+          separator: ' '
          field_api_classes: false
        field_site:
          id: field_site
@@ -990,9 +990,18 @@ display:
          empty_zero: false
          hide_alter_empty: true
          click_sort_column: target_id
-          type: file_default
+          type: formatter_suite_general_file_link
          settings:
-            use_description_as_link_text: true
+            titleStyle: text_from_link
+            titleCustomText: ''
+            showSize: 0
+            showIcon: 0
+            classes: ''
+            showLink: 1
+            openLinkIn: _blank
+            linkTopic: any
+            listStyle: div
+            listSeparator: ', '
          group_column: ''
          group_columns: {  }
          group_rows: true
@@ -1424,7 +1433,7 @@ display:
        options:
          query_comment: ''
          disable_sql_rewrite: false
-          distinct: false
+          distinct: true
          replica: false
          query_tags: {  }
      relationships:
--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
@@ -868,13 +868,22 @@ $(document).ready(function () {

    // slimselect
    let ressource_type_select = new SlimSelect({
-      select: '#edit-field-type-de-ressource-target-id--2'
+      select: '#edit-field-type-de-ressource-target-id--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let ressource_motscles_select = new SlimSelect({
-      select: '#edit-field-mots-clefs-target-id--2'
+      select: '#edit-field-mots-clefs-target-id--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let ressource_sites_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    // console.log(('sites_select'), sites_select);
    
@@ -912,16 +921,28 @@ $(document).ready(function () {
    // slimselect
    // duplicated due to embeded view (archives)
    let actu_type_select = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--2'
+      select: '#edit-field-type-d-actualite-target-id--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let actu_type_select2 = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--3'
+      select: '#edit-field-type-d-actualite-target-id--3',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let actu_site_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let actu_site_select2 = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--3'
+      select: '#edit-field-site-target-id-verf--3',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
  }
 });
--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -473,6 +473,12 @@ header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul l
  width: 100%;
  text-align: left;
 }
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li .is-active {
+  font-family: "gilroy-bold";
+}
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li :hover {
+  font-family: "gilroy-bold";
+}
@media (max-width: 1090px) {
  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
    padding-top: 0.3rem;
@@ -819,10 +825,19 @@ footer {
@media (max-width: 810px) {
  .layout-sidebar-first {
    position: relative;
-    width: 80%;
-    top: 160px;
+    width: 100%;
+    top: 200px;
    margin: auto;
    margin-top: 1rem;
+    background-color: white;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+}
+@media (max-width: 810px) {
+  .layout-sidebar-first .sidebar_first_container {
+    width: 80%;
+    margin: auto;
  }
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
@@ -943,6 +958,12 @@ footer {
  font-size: 0.7rem;
  font-family: "gilroy-light";
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions input:hover,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions input:hover {
+  background-color: black;
+  color: white;
+  font-family: "gilroy-regular";
+}

 #logo-animated-container {
  width: 60%;
@@ -1797,15 +1818,13 @@ footer {
  order: 5;
  line-height: 1rem;
 }
-#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title a {
-  color: rgb(7, 50, 194);
-  font-size: 1.2rem;
-}
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title h2 {
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 0;
  font-family: "gilroy-medium";
+  color: rgb(7, 50, 194);
+  font-size: 1.2rem;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_sous_titre {
  color: rgb(7, 50, 194);
@@ -3415,6 +3434,11 @@ body {
  padding: 1rem 0rem;
  margin-bottom: 1rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu {
+    flex-direction: column;
+  }
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
  display: flex;
  align-items: center;
@@ -3432,6 +3456,12 @@ body {
  content: url("../img/type-actu.svg");
  padding-right: 0.4rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+  }
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_date {
  color: red;
  display: flex;
@@ -3467,6 +3497,12 @@ body {
  background-repeat: no-repeat;
  padding-right: 0.5rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu .field_field_site {
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+  }
+}
 #page-node .content_container .node-type-actualite .content-wrapper-actu {
  order: 2;
  display: flex;
@@ -4107,7 +4143,8 @@ main {
  #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
    display: flex;
    margin: auto;
-    margin-top: 10rem;
+    margin-top: 13rem;
+    margin-bottom: 1rem;
  }
 }
 #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@@ -4185,48 +4222,42 @@ main {
  font-size: 0.5rem;
  margin-bottom: 1rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_sous_titre {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
  font-family: "gilroy-medium";
  color: rgb(7, 50, 194);
  font-size: 0.6rem;
  margin-bottom: 0;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_body {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 {
  font-family: "gilroy-light";
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
  font-size: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs {
  margin-top: 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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
  border: solid 1px rgb(7, 50, 194);
  margin-right: 0.2rem;
-  padding: 1.3%;
-  padding-bottom: 0.2%;
-  padding-top: 0.2%;
+  padding: 0.1rem 0.2rem;
  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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site {
  margin-top: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site div a:before {
  content: "";
  position: absolute;
  left: 0;
@@ -4238,132 +4269,100 @@ main {
  background-size: contain;
  background-repeat: no-repeat;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_liens {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-liens {
  margin-top: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_documents {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-documents {
  margin-top: 0.5rem;
 }
-#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.type-Documentation .views-row {
+  width: 25%;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource {
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation .views-row {
+    width: 50%;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
+  width: 50%;
+  height: fit-content;
  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 {
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
+    width: 100%;
+    grid-template-columns: 1fr 2fr;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video {
  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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 1/1;
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images img,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video 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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-title-1 {
  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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-title-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-sous-titre-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-author,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-date-ressource,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-body-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-mots-clefs,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-site,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-documents,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
  grid-column: 2;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo .content-ressource {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row {
+  width: 43%;
  margin: 1rem;
+  justify-content: space-between;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo .field_body {
-  opacity: 1 !important;
-  transform: none !important;
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row {
+    width: 100%;
+  }
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo a img {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 9px;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: rgb(7, 50, 194);
-  color: white;
-  padding: 1rem 3rem;
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row iframe {
+  border-radius: 9px;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_title {
-  display: none;
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row .views-field-title-1 {
+  margin-top: 1rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_sous_titre {
-  text-align: center;
-  font-size: 0.9rem;
-  font-family: "gilroy-light";
-  color: white;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_body {
-  text-align: center;
-  font-size: 0.7rem;
-  font-family: "gilroy-light";
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens {
-  width: fit-content;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .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;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens a svg {
-  display: none;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens a::after {
-  display: inline-flex;
-  content: url("../img/noun-arrow-to-right.svg");
-  padding-right: 0.2rem;
-  padding-left: 0.2rem;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
-  width: 50%;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
-    width: 100%;
-  }
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
-  width: 25%;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
-    width: 50%;
-  }
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
-  width: 50%;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
-    width: 100%;
-  }
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-Kit-de-communication) {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Kit-de-communication {
  width: 100%;
+  background-color: rgb(7, 50, 194);
+}
+
+.type-documentation .views-field-body-1,
+.type-documentation .views-field-field-images,
+.type-documentation .views-field-field-video {
+  display: none;
 }

 #actualites main {
@@ -4395,7 +4394,8 @@ main {
  #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
    display: flex;
    margin: auto;
-    margin-top: 16rem;
+    margin-top: 13rem;
+    margin-bottom: 4rem;
  }
 }
 #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@@ -4451,6 +4451,11 @@ main {
  width: 250px;
  margin-right: 1rem;
 }
+@media (max-width: 810px) {
+  #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images {
+    margin-bottom: 1rem;
+  }
+}
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama {
  width: 100%;
  display: flex;
@@ -4581,8 +4586,6 @@ main {
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title h2 {
  font-size: 1.2rem;
  font-family: "gilroy-medium";
-}
-#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title a {
  color: rgb(7, 50, 194);
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_sous_titre {
--- a/web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
+++ b/web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
@@ -35,12 +35,41 @@ function quartiers_de_demain_preprocess_page(&$variables) {
 * Implements hook_preprocess_HOOK() for node.html.twig.
 */
 function quartiers_de_demain_preprocess_node(&$variables) {
-    $node = &$variables['node'];
-    $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
+  $node = &$variables['node'];
+  $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
+
+  if ($node->getType() === 'actualite'
+      && $variables['view_mode'] === 'full'
+      && $node->hasField('body')) {
+
+        $summary = $node->get('body')->summary;
+        $full = $node->get('body')->value;
+    
+        if (!empty($summary) || !empty($full)) {
+          $variables['content']['body'] = [
+            '#type' => 'inline_template',
+            '#template' => '
+              {% if summary %}
+                <div class="body-summary">{{ summary|raw }}</div>
+              {% endif %}
+              {% if full %}
+                <div class="body-full">{{ full|raw }}</div>
+              {% endif %}
+            ',
+            '#context' => [
+              'summary' => $summary,
+              'full' => $full,
+            ],
+          ];
+        }
+  }
 }



+
+
+
 /* implements template_preprocess_region() */

 function quartiers_de_demain_preprocess_region(&$variables) {
--- a/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
+++ b/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
@@ -810,13 +810,22 @@ $(document).ready(function () {

    // slimselect
    let ressource_type_select = new SlimSelect({
-      select: '#edit-field-type-de-ressource-target-id--2'
+      select: '#edit-field-type-de-ressource-target-id--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let ressource_motscles_select = new SlimSelect({
-      select: '#edit-field-mots-clefs-target-id--2'
+      select: '#edit-field-mots-clefs-target-id--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let ressource_sites_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    // console.log(('sites_select'), sites_select);
    
@@ -854,16 +863,28 @@ $(document).ready(function () {
    // slimselect
    // duplicated due to embeded view (archives)
    let actu_type_select = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--2'
+      select: '#edit-field-type-d-actualite-target-id--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let actu_type_select2 = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--3'
+      select: '#edit-field-type-d-actualite-target-id--3',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let actu_site_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
    let actu_site_select2 = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--3'
+      select: '#edit-field-site-target-id-verf--3',
+      settings:{
+        placeholderText: 'choisir'
+      }
    })
  }
 });
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
@@ -30,7 +30,8 @@
                @media(max-width: 810px){
                    display: flex;
                    margin:auto;
-                    margin-top: 16rem;
+                    margin-top: 13rem;
+                    margin-bottom: 4rem;
                }
                h1{
                    width: fit-content;
@@ -88,6 +89,9 @@
                                //    display: flex;
                                //    margin: auto;
                                    margin-right: 1rem;
+                                    @media(max-width: 810px){
+                                        margin-bottom: 1rem;
+                                     }

                                   .actu-diaporama{
                                        // height: 150px;
@@ -177,6 +181,7 @@
                                            padding-right: 0.4rem;
                                        }
                                    }
+                                    
                                }
                                .field_field_date{
                                    order: 3;
@@ -228,9 +233,10 @@
                                    h2{
                                        font-size: 1.2rem;
                                        font-family: 'gilroy-medium';
+                                        color: $blue_QDD;
                                    }
                                    a{
-                                        color: $blue_QDD;
+                                        // color: $blue_QDD;
                                        // pointer-events: none; 
                                        // cursor: default;
                                    }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
@@ -44,7 +44,10 @@
                    border-bottom: solid red 1px;
                    padding: 1rem 0rem;
                    margin-bottom: 1rem;
-
+                    @media(max-width: 810px){
+                        flex-direction: column;
+                    }
+                    
                    .field_field_type_d_actualite{
                        display: flex;
                        align-items: center;
@@ -62,6 +65,10 @@
                                padding-right: 0.4rem;
                            }
                        }
+                        @media(max-width: 810px){
+                            margin-left: 1rem;
+                            margin-top: 0.5rem;
+                        }
                    }
                    .field_field_date{
                        color: red;
@@ -105,6 +112,10 @@
                                padding-right: 0.5rem;
                            }
                        }
+                        @media(max-width: 810px){
+                            margin-left: 1rem;
+                            margin-top: 0.5rem;
+                        }
                    }

        
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
@@ -25,7 +25,8 @@
                @media(max-width: 810px){
                    display: flex;
                    margin:auto;
-                    margin-top: 10rem;
+                    margin-top: 13rem;
+                    margin-bottom: 1rem;
                }
                h1{
                    width: fit-content;
@@ -107,44 +108,37 @@
                    
                    
                    .views-row{
-                        // width: 30%;
                        font-size: 0.5rem;
                        margin-bottom: 1rem;
-                        h2,
-                        .field_field_sous_titre{
+                        .views-field-title-1,
+                        .views-field-field-sous-titre-1{
                            font-family: "gilroy-medium";
                            color: $blue_QDD;
                            font-size: 00.6rem;
                            margin-bottom: 0;
                        } 
-                        .field_body{
+                        .views-field-body-1{
                            font-family: "gilroy-light";
+                            p{font-size: 0.5rem;}
                        }
-
-                        p{
-                            font-size: 0.5rem;
-                        }  
-                        .field_field_mots_clefs{
+                        .views-field-field-mots-clefs{
                            margin-top: 0.5rem;
-                            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;
-                                    }
-                                }
+                            display: flex;
+                            flex-direction: row !important;
+                            a{
+                                border: solid 1px $blue_QDD;
+                                margin-right: 0.2rem;
+                                padding: 0.1rem 0.2rem;
+                                font-size: 0.4rem;
+                                font-family: "gilroy-semibold";
+                             
+                                    color: $blue_QDD;
+                                
+                            
                            }

                        }  
-                        .field_field_site{
+                        .views-field-field-site{
                            margin-top: 0.5rem;
                            div {
                                a {
@@ -167,146 +161,106 @@
                                }
                            }
                        }  
-                        .field_field_liens{
+                        .views-field-field-liens{
                            margin-top: 0.5rem;

                        }
-                        .field_field_documents{
+                        .views-field-field-documents{
                            margin-top: 0.5rem;

                        }
+                        .views-field-field-date-ressource{
+
+                        }
                        
-                        .type-documentation{
-                            .field_body,
-                            .field_field_images{
-                                display: none;
+
+                    }
+                    &.type-Documentation{
+                        
+                        .views-row{
+                            width: 25%;
+                            @media(max-width: 810px){
+                                width: 50%;
                            }
                        }
-
-
-                        .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;
+                    }
+                    &.type-Podcast{
+                        .views-row{
+                            width: 50%;
+                            height: fit-content;
+                            display: grid;
+                            grid-template-columns: 1fr 1.2fr;
+                            grid-template-rows: repeat(5 1fr);
+                            margin-top: 1rem;
+                            @media(max-width: 810px){
+                                width: 100%;
+                                grid-template-columns: 1fr 2fr;
+                            }
+                            .views-field-field-images,
+                            .views-field-field-video   {
+                               grid-column: 1;
+                               grid-row: 1 /span 5;
+                               padding: 0 1rem 1rem 1rem;
+                               iframe{
+                                    width: 100%;
+                                    height: auto;
+                                    aspect-ratio: 1 / 1;
+                                    border-radius: 9px;
+                                    @media(max-width: 810px){
+                                        // width: 70%;
                                    }
                                }
-                                .field_title, h2{
-                                    margin-top: 0;
+                                img{
+                                    width: 100%;
+                                    height: auto;
+                                    aspect-ratio: 1 / 1;
+                                    object-fit: cover;
+                                    border-radius: 9px;
                                }
-                                .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-field-title-1{
+                                margin-top: 0;
+                            }
+                            .views-field-title-1,
+                            .views-field-field-sous-titre-1,
+                            .views-field-field-author,
+                            .views-field-field-date-ressource,
+                            .views-field-body-1,
+                            .views-field-field-mots-clefs,
+                            .views-field-field-site,
+                            .views-field-field-documents,
+                            .views-field-field-liens{
+                               grid-column: 2;
+                               
+                            }
+                    
                        }
-                        .type-vidéo{
-                            .content-ressource{
-                                margin: 1rem;
+                       
+                    }
+                    &.type-Vidéo{
+                        .views-row{
+                            width: 43%;
+                            margin: 1rem;
+                            justify-content: space-between;
+                            @media(max-width: 810px){
+                                width: 100%;
                            }
-                            .field_body{
-                                opacity: 1 !important;
-                                transform: none !important;
-                            }
-                            a img{
+                            img{
                                max-width: 100%;
                                height: auto;
                                object-fit: cover;
                                border-radius: 9px;
                            }
-                        }
-                        .type-kit-de-communication{
-                           div.content-ressource{
-                                display: flex;
-                                flex-direction: column;
-                                align-items: center;
-                                background-color: $blue_QDD;
-                                color: white;
-                                padding: 1rem 3rem;
-                                
-                                .field_title{
-                                    display: none;
-                                }
-                                .field_field_sous_titre{
-                                    text-align: center;
-                                    font-size: 0.9rem;
-                                    font-family: 'gilroy-light';
-                                    color: white;
-                                }
-                                .field_body{
-                                    text-align: center;
-                                    font-size: 0.7rem;
-                                    font-family: 'gilroy-light';
-                                }
-                                .field_field_liens{
-                                    width: fit-content;
-                                    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;
-                                        }
-                                    }
-                                }
+                            iframe{
+                                border-radius: 9px;
                            }
+                            .views-field-title-1{margin-top: 1rem;}
+                            
                        }
                    }
-                   
-
-                    .views-row:has(.type-podcast){
-                        width: 50%;
-                        @media(max-width: 810px){
-                            width: 100%;
-                        }
-                    }
-                    .views-row:has(.type-documentation){
-                        width: 25%;
-                        @media(max-width: 810px){
-                            width: 50%;
-                        }
-                    }
-                    .views-row:has(.type-vidéo){
-                        width: 50%;
-                        @media(max-width: 810px){
-                            width: 100%;
-                        }
-                    }
-                    .views-row:has(.type-Kit-de-communication){
+                    &.type-Kit-de-communication{
                        width: 100%;
+                        background-color: $blue_QDD;
                    }

                }
@@ -320,3 +274,65 @@
        }
    }
 }
+
+
+.type-documentation{
+    .views-field-body-1,
+    .views-field-field-images,
+    .views-field-field-video {
+        display: none;
+    }
+}
+
+
+
+
+// .type-kit-de-communication{
+//    div.content-ressource{
+//         display: flex;
+//         flex-direction: column;
+//         align-items: center;
+//         background-color: $blue_QDD;
+//         color: white;
+//         padding: 1rem 3rem;
+        
+//         .field_title{
+//             display: none;
+//         }
+//         .field_field_sous_titre{
+//             text-align: center;
+//             font-size: 0.9rem;
+//             font-family: 'gilroy-light';
+//             color: white;
+//         }
+//         .field_body{
+//             text-align: center;
+//             font-size: 0.7rem;
+//             font-family: 'gilroy-light';
+//         }
+//         .field_field_liens{
+//             width: fit-content;
+//             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/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@@ -206,17 +206,19 @@
                        .field_title{
                            order: 5;
                            line-height: 1rem;
-                            a{
-                            color: $blue_QDD;
-                            font-size: 1.2rem;
-                            // pointer-events: none; 
-                            // cursor: default;
-                            }
                            h2{
                                margin-top: 0.5rem;
                                margin-bottom: 0;
                                padding-left: 0;
                                font-family: 'gilroy-medium';
+                                color: $blue_QDD;
+                                font-size: 1.2rem;
+                            }
+                            a{
+                                // color: $blue_QDD;
+                                // font-size: 1.2rem;
+                                // pointer-events: none; 
+                                // cursor: default;
                            }
                        }
                        .field_field_sous_titre{
@@ -265,8 +267,6 @@
                            }

                        }
-        
-
                    }
                }
                .toggle-actualite {
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
@@ -9,12 +9,21 @@
    background-color: transparent;
    @media(max-width: 810px){
        position: relative;
-        width: 80%;
-        top: $header-height-pad;
+        width: 100%;
+        top: $header-height;
        margin: auto;
        margin-top: 1rem;
+        background-color: white;
+        padding-top: 1rem;
+        padding-bottom: 1rem;
    } 
+    .sidebar_first_container{
+        @media(max-width: 810px){
+            width: 80%;
+            margin: auto;
+        }

+    }

    #block-quartiers-de-demain-formulaireexposeressourcespage-1,     
    #block-quartiers-de-demain-formulaireexposeactuspage-1{
@@ -114,6 +123,13 @@
                padding: 0.3rem 0.2rem;
                font-size: 0.7rem;
                font-family: 'gilroy-light';
+                &:hover{
+                    background-color: black;
+                    color: white;
+                    font-family: "gilroy-regular";
+
+
+                }
            }
        }
    }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -224,6 +224,12 @@ header[role="banner"]{
                li{
                    width: 100%;
                    text-align: left;
+                    .is-active{
+                        font-family: "gilroy-bold";
+                    }
+                    :hover{
+                        font-family: "gilroy-bold";
+                    }
                    @media(max-width: 1090px){
                        padding-top: 0.3rem;
                    }
--- a/web/themes/custom/quartiers_de_demain/templates/field--node--field-images--actualite.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/field--node--field-images--actualite.html.twig
@@ -53,9 +53,11 @@
 {% if label_hidden %}
  {% if multiple %}
    <div{{ attributes }}>
-      {% for item in items %}
-        <div{{ item.attributes }}>{{ item.content }}</div>
-      {% endfor %}
+      <div class="actu-diaporama">
+        {% for item in items %}
+          <div{{ item.attributes }}>{{ item.content }}</div>
+        {% endfor %}
+      </div>
    </div>
  {% else %}
    {% for item in items %}
--- a/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig
@@ -88,8 +88,17 @@
    </footer>
  {% endif %}

-  <div{{ content_attributes }}>
+  <div class="content-wrapper-actu"{{ 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}}
+  {% endblock %} #}
 </article>
--- a/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig.backup
+++ b/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig.backup
@@ -0,0 +1,95 @@
+{#
+/**
+ * @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
+ */
+#}
+<article{{ attributes }}>
+
+  {{ 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{{ content_attributes }}>
+    {{ content }}
+  </div>
+
+</article>
Author	SHA1	Message	Date
bach	58bb8f5c62	slimselect placholder	2025-04-07 16:37:13 +02:00
bach	522c4e5375	ressources file download link	2025-04-07 16:28:18 +02:00
bach	53e76b9f14	editor can supp actu & ressources	2025-04-07 15:09:39 +02:00
bach	dbac67289f	removed date filter on actu page	2025-04-07 15:08:06 +02:00
bach	0abf29652e	displayed language translation on /admin/content view	2025-04-07 15:06:07 +02:00
bach	95270a0e3e	url alias for ressources	2025-04-07 14:59:14 +02:00
bach	cc2f1e4d41	actu node/N show summary + body	2025-04-07 14:56:12 +02:00
bach	754cce927a	fix actu daipo bug	2025-04-07 14:55:46 +02:00
bach	bad42e1d77	actu field lables cachés	2025-04-07 14:28:39 +02:00
bach	e50f96596f	actus read more	2025-04-07 14:19:02 +02:00
bach	456e77c96f	removed coma btw motscles	2025-04-07 13:37:12 +02:00
ouidade	e80ec416ae	ressource document	2025-04-04 12:27:08 +02:00
ouidade	8b37b4a4a4	responsive infos actu	2025-04-04 12:04:10 +02:00
ouidade	e038d94c40	:hover butons filtre et header	2025-04-04 11:54:52 +02:00
ouidade	3383ba559a	responsive ressources titre	2025-04-04 11:15:10 +02:00
ouidade	681d3c9443	responsive tâche 3273 - 3275 3276	2025-04-04 11:12:19 +02:00
ouidade	57a99ee386	css ressource	2025-04-04 10:36:53 +02:00
ouidade	dfc9bc3c91	css ressource	2025-04-04 09:38:14 +02:00
bach	3234cd4f05	duplicated ressources fixé	2025-04-01 16:53:05 +02:00