Compare commits

...

22 Commits

Author SHA1 Message Date
ouidade 52b22009fc css page site mobiel 2024-11-05 21:45:42 +01:00
ouidade d516369a78 lessites mobile 2024-11-05 21:20:44 +01:00
ouidade c6d86df3bb css lessites 2024-11-05 21:15:16 +01:00
ouidade b3b736a1a3 div englobante lessites 2024-11-05 21:01:48 +01:00
Bachir Soussi Chiadmi 8ae4061e64 added styled sitesmap_block into lessites view 2024-11-05 10:34:02 +01:00
Bachir Soussi Chiadmi e6271c6624 missing fields bug fix 2024-11-05 10:20:02 +01:00
ouidade cab86fcb11 soulignement header 2024-10-31 00:57:11 +01:00
ouidade 0485d1476c style texte page site 2024-10-31 00:33:43 +01:00
ouidade 3287f67f90 size point carte 2024-10-31 00:05:37 +01:00
ouidade bb18e7087f Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2024-10-30 23:52:30 +01:00
ouidade 3d51c909fa size map conatiner, page node site 2024-10-30 23:52:05 +01:00
Bachir Soussi Chiadmi b9deae8f3c site field video 2024-10-30 15:22:06 +01:00
Bachir Soussi Chiadmi 2b69062c26 fields deleted 2024-10-30 15:11:05 +01:00
Bachir Soussi Chiadmi 6d3c6acdbb sites carte stamen toner 2024-10-30 14:56:05 +01:00
ouidade c0f0a9d22a h3 2024-10-30 00:32:08 +01:00
ouidade 79d28366db /lessites 2024-10-30 00:26:28 +01:00
ouidade 4228fc8a43 bug header 2024-10-30 00:11:18 +01:00
ouidade 8f7a5d04f3 fiche site, bug slick atcus 2024-10-30 00:08:16 +01:00
ouidade f1eecda1a4 fix design maud 2024-10-29 16:09:14 +01:00
ouidade 1b7a447d9c page site design 2024-10-29 15:46:30 +01:00
ouidade f20d972ce3 /lessites 2024-10-29 15:08:28 +01:00
Bachir Soussi Chiadmi 2597782d48 pages lessites 2024-10-28 17:59:56 +01:00
46 changed files with 1822 additions and 545 deletions

View File

@ -37,6 +37,7 @@
"drupal/quick_node_clone": "^1.18",
"drupal/simple_sitemap": "^4.1",
"drupal/social_media_links": "^2.9",
"drupal/views_block_area": "^1.0@beta",
"drupal/viewsreference": "^2.0@beta",
"drupal/yaml_editor": "^1.2",
"drush/drush": "^12.4",

77
composer.lock generated
View File

@ -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": "d9c788ae880184300ad1f5beb62e85a1",
"content-hash": "3f682451141745b61e2f384d1c28ce84",
"packages": [
{
"name": "asm89/stack-cors",
@ -7563,6 +7563,66 @@
"source": "https://git.drupalcode.org/project/video_embed_field"
}
},
{
"name": "drupal/views_block_area",
"version": "1.0.0-beta4",
"source": {
"type": "git",
"url": "https://git.drupalcode.org/project/views_block_area.git",
"reference": "8.x-1.0-beta4"
},
"dist": {
"type": "zip",
"url": "https://ftp.drupal.org/files/projects/views_block_area-8.x-1.0-beta4.zip",
"reference": "8.x-1.0-beta4",
"shasum": "8386f4946340d2284b3ab830e698ec0954b14de0"
},
"require": {
"drupal/core": "^8 || ^9 || ^10"
},
"type": "drupal-module",
"extra": {
"drupal": {
"version": "8.x-1.0-beta4",
"datestamp": "1674121539",
"security-coverage": {
"status": "not-covered",
"message": "Beta releases are not covered by Drupal security advisories."
}
}
},
"notification-url": "https://packages.drupal.org/8/downloads",
"license": [
"GPL-2.0-or-later"
],
"authors": [
{
"name": "bohart",
"homepage": "https://www.drupal.org/user/289861"
},
{
"name": "cafuego",
"homepage": "https://www.drupal.org/user/218525"
},
{
"name": "Leon Kessler",
"homepage": "https://www.drupal.org/user/595374"
},
{
"name": "nils.destoop",
"homepage": "https://www.drupal.org/user/361625"
},
{
"name": "paulrad",
"homepage": "https://www.drupal.org/user/3722439"
}
],
"description": "Exposes all blocks as a views area.",
"homepage": "https://www.drupal.org/project/views_block_area",
"support": {
"source": "https://git.drupalcode.org/project/views_block_area"
}
},
{
"name": "drupal/views_bulk_edit",
"version": "2.9.0",
@ -12889,13 +12949,11 @@
"aliases": [],
"minimum-stability": "stable",
"stability-flags": {
"drupal/block_field": 5,
"drupal/page_manager": 5,
"drupal/viewsreference": 10,
"drupal/advanced_text_formatter": 5,
"drupal/block_field": 5,
"drupal/bulkdelete": 20,
"drupal/config_ignore": 5,
"drupal/config_devel": 20,
"drupal/config_ignore": 5,
"drupal/config_update": 15,
"drupal/context": 5,
"drupal/date_range_formatter": 20,
@ -12910,17 +12968,20 @@
"drupal/maxlength": 10,
"drupal/menu_block": 20,
"drupal/menu_position": 20,
"drupal/page_manager": 5,
"drupal/path_alias_xt": 20,
"drupal/pathologic": 15,
"drupal/profile": 5,
"drupal/smtp": 10,
"drupal/synonyms": 10,
"drupal/translation_views": 15,
"drupal/ultimate_cron": 15
"drupal/ultimate_cron": 15,
"drupal/views_block_area": 10,
"drupal/viewsreference": 10
},
"prefer-stable": true,
"prefer-lowest": false,
"platform": [],
"platform-dev": [],
"platform": {},
"platform-dev": {},
"plugin-api-version": "2.6.0"
}

View File

@ -3,24 +3,25 @@ langcode: fr
status: true
dependencies:
config:
- field.field.node.site.field_collectivite_s_epci
- field.field.node.site.field_departement_s
- field.field.node.site.field_documents
- field.field.node.site.field_geofield
- field.field.node.site.field_images
- field.field.node.site.field_liens_site
- field.field.node.site.field_mots_clefs
- field.field.node.site.field_nom_de_la_commune_nb_d_hab
- field.field.node.site.field_nom_du_qpv_nb_d_hab
- field.field.node.site.field_numero
- field.field.node.site.field_parties
- field.field.node.site.field_poid
- field.field.node.site.field_porteur_s_de_site
- field.field.node.site.field_programme_de_l_etat
- field.field.node.site.field_region
- field.field.node.site.field_sous_titre
- image.style.thumbnail
- node.type.site
module:
- field_group
- file
- image
- leaflet
- link
- paragraphs
@ -36,7 +37,7 @@ third_party_settings:
label: Tabs
region: content
parent_name: ''
weight: 3
weight: 4
format_type: tabs
format_settings:
classes: ''
@ -47,12 +48,10 @@ third_party_settings:
width_breakpoint: 640
group_infos:
children:
- field_numero
- field_region
- field_nom_du_qpv_nb_d_hab
- field_departement_s
- field_programme_de_l_etat
- field_collectivite_s_epci
- field_porteur_s_de_site
- field_nom_de_la_commune_nb_d_hab
label: Infos
@ -87,13 +86,14 @@ third_party_settings:
group_details:
children:
- status
- field_poid
- created
- uid
- simple_sitemap
label: Details
region: content
parent_name: ''
weight: 2
weight: 3
format_type: details_sidebar
format_settings:
classes: ''
@ -105,8 +105,7 @@ third_party_settings:
required_fields: true
weight: -1
group_mots_clefs:
children:
- field_mots_clefs
children: { }
label: 'Mots Clefs'
region: content
parent_name: group_tabs
@ -127,7 +126,7 @@ third_party_settings:
label: Annexe
region: content
parent_name: group_tabs
weight: 27
weight: 28
format_type: tab
format_settings:
classes: ''
@ -143,7 +142,7 @@ third_party_settings:
label: Geofield
region: content
parent_name: group_tabs
weight: 28
weight: 29
format_type: tab
format_settings:
classes: ''
@ -164,14 +163,6 @@ content:
region: content
settings: { }
third_party_settings: { }
field_collectivite_s_epci:
type: string_textarea
weight: 17
region: content
settings:
rows: 5
placeholder: ''
third_party_settings: { }
field_departement_s:
type: string_textfield
weight: 15
@ -252,6 +243,14 @@ content:
feature_properties:
values: ''
third_party_settings: { }
field_images:
type: image_image
weight: 2
region: content
settings:
progress_indicator: throbber
preview_image_style: thumbnail
third_party_settings: { }
field_liens_site:
type: link_default
weight: 24
@ -260,16 +259,6 @@ content:
placeholder_url: ''
placeholder_title: ''
third_party_settings: { }
field_mots_clefs:
type: entity_reference_autocomplete_tags
weight: 12
region: content
settings:
match_operator: CONTAINS
match_limit: 10
size: 60
placeholder: ''
third_party_settings: { }
field_nom_de_la_commune_nb_d_hab:
type: string_textfield
weight: 19
@ -280,19 +269,12 @@ content:
third_party_settings: { }
field_nom_du_qpv_nb_d_hab:
type: string_textfield
weight: 14
weight: 13
region: content
settings:
size: 60
placeholder: ''
third_party_settings: { }
field_numero:
type: number
weight: 11
region: content
settings:
placeholder: ''
third_party_settings: { }
field_parties:
type: paragraphs
weight: 22
@ -313,6 +295,13 @@ content:
convert: '0'
duplicate: duplicate
third_party_settings: { }
field_poid:
type: number
weight: 3
region: content
settings:
placeholder: ''
third_party_settings: { }
field_porteur_s_de_site:
type: string_textarea
weight: 18
@ -331,7 +320,7 @@ content:
third_party_settings: { }
field_region:
type: string_textfield
weight: 13
weight: 12
region: content
settings:
size: 60

View File

@ -0,0 +1,32 @@
uuid: d1125aec-fef8-4cd5-84a1-9564f99a7fec
langcode: fr
status: true
dependencies:
config:
- field.field.paragraph.site_video.field_titre_site
- field.field.paragraph.site_video.field_video
- paragraphs.paragraphs_type.site_video
module:
- video_embed_field
id: paragraph.site_video.default
targetEntityType: paragraph
bundle: site_video
mode: default
content:
field_titre_site:
type: string_textfield
weight: 0
region: content
settings:
size: 60
placeholder: ''
third_party_settings: { }
field_video:
type: video_embed_field_textfield
weight: 1
region: content
settings: { }
third_party_settings: { }
hidden:
created: true
status: true

View File

@ -3,25 +3,26 @@ langcode: fr
status: true
dependencies:
config:
- field.field.node.site.field_collectivite_s_epci
- field.field.node.site.field_departement_s
- field.field.node.site.field_documents
- field.field.node.site.field_geofield
- field.field.node.site.field_images
- field.field.node.site.field_liens_site
- field.field.node.site.field_mots_clefs
- field.field.node.site.field_nom_de_la_commune_nb_d_hab
- field.field.node.site.field_nom_du_qpv_nb_d_hab
- field.field.node.site.field_numero
- field.field.node.site.field_parties
- field.field.node.site.field_poid
- field.field.node.site.field_porteur_s_de_site
- field.field.node.site.field_programme_de_l_etat
- field.field.node.site.field_region
- field.field.node.site.field_sous_titre
- image.style.wide
- node.type.site
module:
- entity_reference_revisions
- file
- geofield
- image_field_caption
- link
- manage_display
id: node.site.default
@ -29,20 +30,13 @@ targetEntityType: node
bundle: site
mode: default
content:
field_collectivite_s_epci:
type: basic_string
label: above
settings: { }
third_party_settings: { }
weight: 108
region: content
field_departement_s:
type: string
label: above
settings:
link_to_entity: false
third_party_settings: { }
weight: 106
weight: 5
region: content
field_documents:
type: file_default
@ -50,7 +44,7 @@ content:
settings:
use_description_as_link_text: true
third_party_settings: { }
weight: 111
weight: 9
region: content
field_geofield:
type: geofield_default
@ -59,7 +53,18 @@ content:
output_format: wkt
output_escape: true
third_party_settings: { }
weight: 115
weight: 13
region: content
field_images:
type: image_caption
label: visually_hidden
settings:
image_style: wide
image_link: ''
image_loading:
attribute: lazy
third_party_settings: { }
weight: 1
region: content
field_liens_site:
type: link
@ -71,15 +76,7 @@ content:
rel: ''
target: ''
third_party_settings: { }
weight: 112
region: content
field_mots_clefs:
type: entity_reference_label
label: above
settings:
link: true
third_party_settings: { }
weight: 103
weight: 10
region: content
field_nom_de_la_commune_nb_d_hab:
type: string
@ -87,7 +84,7 @@ content:
settings:
link_to_entity: false
third_party_settings: { }
weight: 110
weight: 8
region: content
field_nom_du_qpv_nb_d_hab:
type: string
@ -95,16 +92,7 @@ content:
settings:
link_to_entity: false
third_party_settings: { }
weight: 105
region: content
field_numero:
type: number_integer
label: above
settings:
thousand_separator: ''
prefix_suffix: true
third_party_settings: { }
weight: 102
weight: 4
region: content
field_parties:
type: entity_reference_revisions_entity_view
@ -113,14 +101,14 @@ content:
view_mode: default
link: ''
third_party_settings: { }
weight: 113
weight: 11
region: content
field_porteur_s_de_site:
type: basic_string
label: above
settings: { }
third_party_settings: { }
weight: 109
weight: 7
region: content
field_programme_de_l_etat:
type: string
@ -128,7 +116,7 @@ content:
settings:
link_to_entity: false
third_party_settings: { }
weight: 107
weight: 6
region: content
field_region:
type: string
@ -136,7 +124,7 @@ content:
settings:
link_to_entity: false
third_party_settings: { }
weight: 104
weight: 3
region: content
field_sous_titre:
type: string
@ -144,12 +132,12 @@ content:
settings:
link_to_entity: false
third_party_settings: { }
weight: 114
weight: 12
region: content
links:
settings: { }
third_party_settings: { }
weight: 100
weight: 2
region: content
title:
type: title
@ -158,10 +146,11 @@ content:
link_to_entity: true
tag: h2
third_party_settings: { }
weight: -49
weight: 0
region: content
hidden:
created: true
field_poid: true
langcode: true
search_api_excerpt: true
uid: true

View File

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

View File

@ -4,28 +4,42 @@ status: true
dependencies:
config:
- core.entity_view_mode.node.teaser
- field.field.node.site.field_collectivite_s_epci
- field.field.node.site.field_departement_s
- field.field.node.site.field_documents
- field.field.node.site.field_geofield
- field.field.node.site.field_images
- field.field.node.site.field_liens_site
- field.field.node.site.field_mots_clefs
- field.field.node.site.field_nom_de_la_commune_nb_d_hab
- field.field.node.site.field_nom_du_qpv_nb_d_hab
- field.field.node.site.field_numero
- field.field.node.site.field_parties
- field.field.node.site.field_poid
- field.field.node.site.field_porteur_s_de_site
- field.field.node.site.field_programme_de_l_etat
- field.field.node.site.field_region
- field.field.node.site.field_sous_titre
- image.style.wide
- node.type.site
module:
- image_delta_formatter
- manage_display
id: node.site.teaser
targetEntityType: node
bundle: site
mode: teaser
content:
field_images:
type: image_delta_formatter
label: visually_hidden
settings:
deltas: '0'
image_style: wide
image_link: content
image_loading:
attribute: lazy
deltas_reversed: 0
third_party_settings: { }
weight: 0
region: content
links:
settings: { }
third_party_settings: { }
@ -42,16 +56,14 @@ content:
region: content
hidden:
created: true
field_collectivite_s_epci: true
field_departement_s: true
field_documents: true
field_geofield: true
field_liens_site: true
field_mots_clefs: true
field_nom_de_la_commune_nb_d_hab: true
field_nom_du_qpv_nb_d_hab: true
field_numero: true
field_parties: true
field_poid: true
field_porteur_s_de_site: true
field_programme_de_l_etat: true
field_region: true

View File

@ -0,0 +1,36 @@
uuid: f518db27-1075-4898-bc9e-54e2cb98a312
langcode: fr
status: true
dependencies:
config:
- field.field.paragraph.site_video.field_titre_site
- field.field.paragraph.site_video.field_video
- paragraphs.paragraphs_type.site_video
module:
- video_embed_field
id: paragraph.site_video.default
targetEntityType: paragraph
bundle: site_video
mode: default
content:
field_titre_site:
type: string
label: visually_hidden
settings:
link_to_entity: false
third_party_settings: { }
weight: 0
region: content
field_video:
type: video_embed_field_video
label: visually_hidden
settings:
autoplay: false
responsive: true
width: 854
height: 480
third_party_settings: { }
weight: 1
region: content
hidden:
search_api_excerpt: true

View File

@ -118,6 +118,7 @@ module:
update: 0
user: 0
video_embed_field: 0
views_block_area: 0
views_bulk_edit: 0
views_bulk_operations: 0
views_ui: 0

View File

@ -1,19 +0,0 @@
uuid: 2fd10960-84db-4c32-aa23-e83d7218a869
langcode: fr
status: true
dependencies:
config:
- field.storage.node.field_collectivite_s_epci
- node.type.site
id: node.site.field_collectivite_s_epci
field_name: field_collectivite_s_epci
entity_type: node
bundle: site
label: Collectivité(s)/EPCI
description: ''
required: false
translatable: false
default_value: { }
default_value_callback: ''
settings: { }
field_type: string_long

View File

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

View File

@ -1,29 +0,0 @@
uuid: 37705251-7834-4e73-a3e9-312019908421
langcode: fr
status: true
dependencies:
config:
- field.storage.node.field_mots_clefs
- node.type.site
- taxonomy.vocabulary.mots_clefs
id: node.site.field_mots_clefs
field_name: field_mots_clefs
entity_type: node
bundle: site
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

View File

@ -7,6 +7,7 @@ dependencies:
- node.type.site
- paragraphs.paragraphs_type.site_diapo
- paragraphs.paragraphs_type.site_parts
- paragraphs.paragraphs_type.site_video
module:
- entity_reference_revisions
id: node.site.field_parties
@ -24,6 +25,7 @@ settings:
handler_settings:
target_bundles:
site_diapo: site_diapo
site_video: site_video
site_parts: site_parts
negate: 0
target_bundles_drag_drop:
@ -36,6 +38,9 @@ settings:
site_parts:
weight: 7
enabled: true
site_video:
weight: 6
enabled: true
static_parts:
weight: 8
enabled: false

View File

@ -1,23 +1,25 @@
uuid: fc5d18ef-ba33-43c7-98d2-de7dcd5dc570
uuid: a074192e-6a9a-4e1c-8726-27497c07ce78
langcode: fr
status: true
dependencies:
config:
- field.storage.node.field_numero
- field.storage.node.field_poid
- node.type.site
id: node.site.field_numero
field_name: field_numero
id: node.site.field_poid
field_name: field_poid
entity_type: node
bundle: site
label: Numéro
label: Poid
description: ''
required: false
translatable: false
default_value: { }
default_value:
-
value: 0
default_value_callback: ''
settings:
min: 1
max: 10
min: -20
max: 20
prefix: ''
suffix: ''
field_type: integer

View File

@ -9,7 +9,7 @@ id: node.site.field_porteur_s_de_site
field_name: field_porteur_s_de_site
entity_type: node
bundle: site
label: 'Porteur(s) de site'
label: "Maîtrise d'ouvrage"
description: ''
required: false
translatable: false

View File

@ -0,0 +1,19 @@
uuid: 32266fd4-65b2-4911-b1ea-92400361aa20
langcode: fr
status: true
dependencies:
config:
- field.storage.paragraph.field_titre_site
- paragraphs.paragraphs_type.site_video
id: paragraph.site_video.field_titre_site
field_name: field_titre_site
entity_type: paragraph
bundle: site_video
label: Titre
description: ''
required: true
translatable: false
default_value: { }
default_value_callback: ''
settings: { }
field_type: string

View File

@ -0,0 +1,25 @@
uuid: cdb2a071-c22e-4110-9fbf-49d230ac5a23
langcode: fr
status: true
dependencies:
config:
- field.storage.paragraph.field_video
- paragraphs.paragraphs_type.site_video
module:
- video_embed_field
id: paragraph.site_video.field_video
field_name: field_video
entity_type: paragraph
bundle: site_video
label: Video
description: ''
required: false
translatable: false
default_value: { }
default_value_callback: ''
settings:
allowed_providers:
vimeo: vimeo
youtube: youtube
youtube_playlist: '0'
field_type: video_embed_field

View File

@ -1,19 +0,0 @@
uuid: 53454d14-8240-4c86-bb29-fbaa9acd9fd6
langcode: fr
status: true
dependencies:
module:
- node
id: node.field_collectivite_s_epci
field_name: field_collectivite_s_epci
entity_type: node
type: string_long
settings:
case_sensitive: false
module: core
locked: false
cardinality: 1
translatable: true
indexes: { }
persist_with_no_fields: false
custom_storage: false

View File

@ -1,20 +0,0 @@
uuid: d10aa3f5-70a2-4603-a3cc-3ebb203bfef4
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

View File

@ -1,20 +0,0 @@
uuid: 63e8d473-549a-47b6-93e6-3ebfded98feb
langcode: fr
status: true
dependencies:
module:
- node
id: node.field_numero
field_name: field_numero
entity_type: node
type: integer
settings:
unsigned: false
size: normal
module: core
locked: false
cardinality: 1
translatable: true
indexes: { }
persist_with_no_fields: false
custom_storage: false

View File

@ -0,0 +1,19 @@
uuid: aff05522-03d6-4024-94a9-185b4f740fb1
langcode: fr
status: true
dependencies:
module:
- paragraphs
- video_embed_field
id: paragraph.field_video
field_name: field_video
entity_type: paragraph
type: video_embed_field
settings: { }
module: video_embed_field
locked: false
cardinality: -1
translatable: true
indexes: { }
persist_with_no_fields: false
custom_storage: false

View File

@ -4,13 +4,11 @@ status: true
dependencies:
config:
- page_manager.page.node_view
- views.view.site
module:
- ctools_block
- node
- panels
- q2d_mod
- views
id: node_view-panels_variant-0
label: Sites
weight: 0
@ -63,28 +61,6 @@ variant_settings:
- ''
html_id: ''
css_styles: ''
4f39a2a9-9180-481e-ac4a-168fcc5fd8e4:
id: 'entity_field:node:field_numero'
label: Numéro
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: number_integer
weight: 0
label: visually_hidden
settings:
thousand_separator: ''
prefix_suffix: true
third_party_settings: { }
region: second
weight: -3
uuid: 4f39a2a9-9180-481e-ac4a-168fcc5fd8e4
css_classes:
- ''
html_id: ''
css_styles: ''
0f521934-a0b6-49c7-9dd0-b984c8d80ef3:
id: 'entity_field:node:field_documents'
label: Documents
@ -152,43 +128,6 @@ variant_settings:
- ''
html_id: ''
css_styles: ''
06132319-e1c4-45e4-9b9e-2db00c2d5ea2:
id: 'views_block:site-block_1'
label: ''
label_display: '0'
provider: views
context_mapping: { }
views_label: ''
items_per_page: none
exposed: { }
region: second
weight: 0
uuid: 06132319-e1c4-45e4-9b9e-2db00c2d5ea2
css_classes:
- ''
html_id: ''
css_styles: ''
6e59adf8-c9fe-438c-9518-413fa8f77ffb:
id: 'entity_field:node:field_mots_clefs'
label: 'Mots Clefs'
label_display: visible
provider: ctools_block
context_mapping:
entity: node
formatter:
type: entity_reference_label
weight: 0
label: visually_hidden
settings:
link: false
third_party_settings: { }
region: second
weight: 1
uuid: 6e59adf8-c9fe-438c-9518-413fa8f77ffb
css_classes:
- ''
html_id: ''
css_styles: ''
585c2156-c9db-4940-8382-0744350facf6:
id: prevnextsite_block
label: 'PrevNext Site Block'

View File

@ -0,0 +1,10 @@
uuid: eb20a662-7e1e-4d2b-855f-36708e2315e1
langcode: fr
status: true
dependencies: { }
id: site_video
label: 'Site video'
icon_uuid: null
icon_default: null
description: ''
behavior_plugins: { }

View File

@ -1,9 +1,8 @@
uuid: 9e172612-e65e-4292-bb32-706c81ee98e3
langcode: fr
status: true
status: false
dependencies:
config:
- field.storage.node.field_collectivite_s_epci
- field.storage.node.field_departement_s
- field.storage.node.field_geofield
- field.storage.node.field_nom_de_la_commune_nb_d_hab
@ -286,68 +285,6 @@ display:
multi_type: separator
separator: ', '
field_api_classes: false
field_collectivite_s_epci:
id: field_collectivite_s_epci
table: node__field_collectivite_s_epci
field: field_collectivite_s_epci
relationship: none
group_type: group
admin_label: ''
plugin_id: field
label: Collectivité(s)/EPCI
exclude: false
alter:
alter_text: false
text: ''
make_link: false
path: ''
absolute: false
external: false
replace_spaces: false
path_case: none
trim_whitespace: false
alt: ''
rel: ''
link_class: ''
prefix: ''
suffix: ''
target: ''
nl2br: false
max_length: 0
word_boundary: true
ellipsis: true
more_link: false
more_link_text: ''
more_link_path: ''
strip_tags: false
trim: false
preserve_tags: ''
html: false
element_type: ''
element_class: ''
element_label_type: ''
element_label_class: ''
element_label_colon: false
element_wrapper_type: ''
element_wrapper_class: ''
element_default_classes: true
empty: ''
hide_empty: false
empty_zero: false
hide_alter_empty: true
click_sort_column: value
type: basic_string
settings: { }
group_column: value
group_columns: { }
group_rows: true
delta_limit: 0
delta_offset: 0
delta_reversed: false
delta_first_last: false
multi_type: separator
separator: ', '
field_api_classes: false
field_porteur_s_de_site:
id: field_porteur_s_de_site
table: node__field_porteur_s_de_site
@ -595,7 +532,6 @@ display:
- 'user.node_grants:view'
- user.permissions
tags:
- 'config:field.storage.node.field_collectivite_s_epci'
- 'config:field.storage.node.field_departement_s'
- 'config:field.storage.node.field_nom_de_la_commune_nb_d_hab'
- 'config:field.storage.node.field_nom_du_qpv_nb_d_hab'
@ -631,7 +567,6 @@ display:
- 'user.node_grants:view'
- user.permissions
tags:
- 'config:field.storage.node.field_collectivite_s_epci'
- 'config:field.storage.node.field_departement_s'
- 'config:field.storage.node.field_nom_de_la_commune_nb_d_hab'
- 'config:field.storage.node.field_nom_du_qpv_nb_d_hab'

View File

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

View File

@ -3,10 +3,10 @@
src: url('../css/fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff');
}
#sites-map-container {
background-color: #cecfcc;
background-color: transparent;
text-align: center;
position: relative;
width: 100%; /* Prend toute la largeur du conteneur parent */
width: 155%; /* Prend toute la largeur du conteneur parent */
max-width: 800px; /* Optionnel : Limiter la largeur maximale */
margin: 0 auto; /* Centrer le conteneur */
height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
@ -83,6 +83,8 @@
#popup-content{
width: 300px;
padding-right: 30px;
p{
font-size: 0.7rem;
}

View File

@ -1,4 +1,4 @@
// // Sélection des éléments principaux
// Sélection des éléments principaux
const svgElement = document.querySelector('#sites-map-container svg');
const popup = document.querySelector('#sites-map-container #popup');
const popupContent = document.querySelector('#sites-map-container #popup-content');
@ -6,20 +6,18 @@ const modalBackground = document.querySelector('#sites-map-container #modal-back
// Vérifiez si la page contient la classe '.node-type-site'
const isSitePage = document.body.classList.contains('node-type-site');
const isLessitesPage = document.querySelector('#lessites') !== null; // Vérification de la page avec ID #lessites
// Fonction pour afficher le popup
function showPopup(content, x, y, isLeftHalf) {
// Si on est sur une page avec la classe 'node-type-site', ne pas afficher le popup
if (isSitePage) return;
// Si on est sur la page #lessites ou une page avec la classe 'node-type-site', ne pas afficher le popup
if (isSitePage || isLessitesPage) return;
popupContent.innerHTML = content;
// Afficher le popup et le fond de modal
popup.style.display = 'block';
modalBackground.style.display = 'block';
}
// Fonction pour fermer le popup
@ -28,13 +26,20 @@ function closePopup() {
modalBackground.style.display = 'none'; // Désactiver le fond modal
}
// Gérer le survol des cercles (au lieu du clic)
// Gérer le survol des cercles
svgElement.addEventListener('mouseover', function(event) {
if (event.target.classList.contains('site-link')) {
const content = event.target.getAttribute('data-content');
const dataId = event.target.getAttribute('data-id'); // Récupérer l'attribut data-id
const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
// Afficher le popup avec la position et l'alignement adaptés
showPopup(content);
// Ajouter une bordure rouge au .views-row correspondant
if (correspondingRow) {
correspondingRow.style.border = '2px solid red';
}
}
// Gestion du changement de couleur sur le cercle
@ -43,10 +48,18 @@ svgElement.addEventListener('mouseover', function(event) {
}
});
// Fermer le popup lorsque la souris quitte le cercle
// Fermer le popup et retirer la bordure rouge lorsque la souris quitte le cercle
svgElement.addEventListener('mouseout', function(event) {
if (event.target.classList.contains('site-link')) {
closePopup();
const dataId = event.target.getAttribute('data-id');
const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
// Retirer la bordure rouge
if (correspondingRow) {
correspondingRow.style.border = 'none';
}
}
// Réinitialiser la couleur du cercle au survol de la souris
@ -55,7 +68,6 @@ svgElement.addEventListener('mouseout', function(event) {
}
});
// Mettre à jour la logique de calcul des positions
function recalculateSitePositions() {
const allSites = document.querySelectorAll('.site-link');
@ -94,9 +106,6 @@ svgElement.addEventListener('click', function(event) {
}
});
///////////////////// page site point rouge quand sur page ///////////////////////
// Récupérer l'ID de la page depuis la classe du body
const body = document.querySelector('body');
const pageId = body.className.match(/node-id-(\d+)/)[1]; // Extraire l'ID de la page
@ -111,6 +120,3 @@ if (matchingGroup) {
circle.setAttribute('fill', 'red'); // Changer la couleur du cercle
}
}

View File

@ -27,15 +27,15 @@ class PrevNextSite extends BlockBase {
if ($node) {
$nodetype = $node->getType();
if($nodetype === "site"){
$num = $node->get('field_numero')->getString();
$num = $node->get('field_poid')->getString();
$allSites = \Drupal::entityTypeManager()->getStorage('node')
->loadByProperties(['type' => 'site', 'status' => 1]);
usort($allSites, function($a, $b){
$numA = $a->get('field_numero')->getString();
$numB = $b->get('field_numero')->getString();
$numA = $a->get('field_poid')->getString();
$numB = $b->get('field_poid')->getString();
if ($numA == $numB) {
return 0;
}
@ -44,7 +44,7 @@ class PrevNextSite extends BlockBase {
$prevnode = null;
$nextnode = null;
foreach($allSites as $index => $site){
$n = $site->get('field_numero')->getString();
$n = $site->get('field_poid')->getString();
if($n === $num){
$prevnode = $index - 1 >= 0 ? $allSites[$index - 1] : null;
$nextnode = $index + 1 < count($allSites) ? $allSites[$index + 1] : null;

View File

@ -56,9 +56,9 @@ class SitesMap extends BlockBase {
$x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w);
$y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h);
$r = 10;
$m = -$r+4;
$l = $r*2-7;
$r = 15;
$m = -$r/1.5+3;
$l = $r/1.5 +4;
$sites_paths .= <<<SVGSITEPATH
<g
id="site-$index"

File diff suppressed because one or more lines are too long

View File

@ -6,15 +6,11 @@ p {
font-size: 0.8rem;
}
h3 {
font-size: 1.2rem;
}
h1 {
font-family: "gilroy-bold";
}
h2 {
h2, h3 {
font-family: "gilroy-semibold";
}
@ -193,7 +189,7 @@ h2 {
}
.layout-container main {
width: 100%;
padding-top: 280px;
padding-top: 200px;
}
@media (max-width: 810px) {
.layout-container main {
@ -291,7 +287,7 @@ header .header_left_container #block-quartiers-de-demain-logorepu-2 {
}
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
display: none;
height: 280px;
height: 200px;
}
@media (max-width: 891px) {
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
@ -316,7 +312,7 @@ header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .
header .header_left_container img {
width: auto;
margin: auto;
height: calc(280px - 1rem);
height: calc(200px - 1rem);
padding: 2rem;
transition: height 0.3s; /* Add transition for smooth resizing */
}
@ -401,7 +397,6 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
position: relative;
padding-left: 1rem;
padding-right: 1rem;
margin-top: 2rem;
}
@media (max-width: 1025px) {
header .header_nav_container #block-quartiers-de-demain-entete ul {
@ -409,6 +404,10 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
align-items: center;
}
}
header .header_nav_container #block-quartiers-de-demain-entete ul li {
width: 100%;
text-align: left;
}
@media (max-width: 1090px) {
header .header_nav_container #block-quartiers-de-demain-entete ul li {
padding-top: 0.3rem;
@ -437,6 +436,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li:not(:last-o
display: block;
border-bottom: solid white 1px;
padding-bottom: 0.3rem;
width: 60%; /* Réduit la largeur du soulignement à 50% */
}
header .header_nav_container.hidden {
transform: translateX(30%);
@ -459,7 +459,7 @@ header .header:hover + .header_nav_container {
/* Taille définitive du header après l'animation */
.header--collapsed {
height: 280px; /* Ou la hauteur que vous souhaitez pour votre header */
height: 200px; /* Ou la hauteur que vous souhaitez pour votre header */
width: 35%;
transform-origin: bottom right;
transition: all 1s ease-in-out;
@ -501,7 +501,7 @@ header .header:hover + .header_nav_container {
}
.header--collapsed-already {
height: 280px; /* Ou la hauteur que vous souhaitez pour votre header */
height: 200px; /* Ou la hauteur que vous souhaitez pour votre header */
width: 35%;
transform-origin: bottom right;
transition: all 0s ease-in-out;
@ -1346,7 +1346,6 @@ footer {
width: 100vw;
}
#actus-caroussel .content-actus .views-row {
width: 500px !important;
padding: 1rem;
}
@media (max-width: 550px) {
@ -1656,6 +1655,7 @@ body {
justify-content: center;
align-items: center;
z-index: 999;
flex-direction: column;
}
.lightbox img {
@ -1663,6 +1663,15 @@ body {
max-height: 80%;
}
#lightbox .caption {
color: white;
font-size: 1rem;
text-align: center;
margin-top: 10px;
max-width: 90%;
margin: 10px auto;
}
.lightbox .close {
position: absolute;
top: 20px;
@ -2297,7 +2306,7 @@ body {
padding: 1rem;
padding-left: 0;
position: relative;
top: -70px;
top: -100px;
}
@media (max-width: 820px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
@ -2324,7 +2333,6 @@ body {
padding: 1rem;
padding-left: 0;
position: relative;
left: -0.5rem;
}
@media (max-width: 820px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
@ -2897,7 +2905,7 @@ body {
}
.node-type-site .layout-content {
margin-top: 3rem;
margin-top: 2rem;
max-width: 100vw;
}
.node-type-site .layout-content .content_container {
@ -2906,7 +2914,7 @@ body {
.node-type-site .layout--threecol-25-50-25 {
flex-wrap: nowrap;
}
@media (max-width: 500px) {
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 {
display: flex;
flex-direction: column;
@ -2919,6 +2927,23 @@ body {
flex-direction: column;
align-items: center;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first {
flex: 0 1 100%;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: fixed;
display: flex;
flex-direction: column;
width: 20% !important;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: relative;
width: 100% !important;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
margin-bottom: 3rem;
}
@ -2926,12 +2951,21 @@ body {
width: fit-content;
margin-bottom: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
position: fixed;
width: auto;
left: 1.3rem;
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div {
margin: auto;
}
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
left: -50px;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
left: 0;
height: fit-content;
}
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
margin-top: 1rem;
}
@ -2964,41 +2998,52 @@ body {
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
width: fit-content;
padding-left: 0.5rem;
background: black;
padding-bottom: 0.2rem;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
margin-left: 0;
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
margin-top: 1rem;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) h2, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .visually-hidden, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field--label-above, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) span:not(.file) {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
background: black;
padding-left: 0.5rem;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
max-width: 50%;
margin: auto;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a {
display: inline-flex;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second {
width: 60%;
flex: 0 1 50% !important;
margin-top: 1rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 3.5rem;
margin-left: 2rem;
margin-right: 3rem;
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second {
@ -3012,17 +3057,20 @@ body {
font-family: "gilroy-semibold";
font-size: 1.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero ::before {
content: url("../img/map_pointer.svg");
top: 0.8rem;
position: relative;
padding-right: 0.5rem;
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero div::after {
content: "-";
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_title ::before {
content: url("../img/map_pointer.svg");
top: 0.8rem;
position: relative;
padding-right: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) {
align-content: end;
}
@ -3062,6 +3110,7 @@ body {
border-bottom: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) {
display: none;
margin-top: 1rem;
flex: 0 0 25%;
padding-left: 1rem;
@ -3090,11 +3139,17 @@ body {
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_titre_site {
font-family: "gilroy-bold";
font-size: 1.5em;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site h2 {
font-family: "gilroy-semibold";
font-size: 0.6rem;
color: rgb(247, 0, 43);
font-size: 0.9rem;
margin-left: 1rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site p {
font-family: "gilroy-medium";
font-family: "gilroy-light";
font-size: 0.6rem;
margin-top: 0;
}
@ -3109,24 +3164,24 @@ body {
flex-direction: column !important;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom {
margin: auto;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom img {
object-fit: cover;
width: 350px;
height: 230px;
width: 220px;
height: 145px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption {
margin: 0;
max-width: 200px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption p {
margin-top: 0;
font-size: 0.3rem;
font-size: 0.5rem;
font-family: "gilroy-light";
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 15% !important;
height: fit-content;
margin-top: 1rem;
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third {
@ -3160,15 +3215,91 @@ body {
content: url("../img/next.svg");
}
main {
background-color: #f6f7f3;
}
#lessites .content_container {
display: flex;
flex-direction: column;
align-items: center;
}
#lessites .content_container #block-quartiers-de-demain-titredepage {
margin-top: 1rem;
width: fit-content;
}
@media (max-width: 810px) {
#lessites .content_container #block-quartiers-de-demain-titredepage {
margin-top: 10rem;
grid-column: 2/span 9;
}
}
#lessites .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: none;
color: rgb(7, 50, 194);
font-size: 2rem;
font-weight: 500;
}
#lessites .content_container .view {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100vw;
}
#lessites .content_container .view .header_view {
flex: 0 1 100%;
position: relative !important;
height: fit-content;
z-index: 0;
width: 100vw;
margin-bottom: 2rem;
}
#lessites .content_container .view .header_view #block-sitesmap-block {
margin: auto;
}
@media (max-width: 810px) {
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
height: 300px;
}
}
#lessites .content_container .view .views-row-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 85%;
margin: auto;
gap: 20px;
}
#lessites .content_container .view .views-row-wrapper .views-row {
width: 18%;
margin-bottom: 2rem;
}
@media (max-width: 810px) {
#lessites .content_container .view .views-row-wrapper .views-row {
width: 45%;
}
}
#lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
color: rgb(7, 50, 194);
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
#lessites .content_container .view .views-row-wrapper .views-row .views-field-field-images .field-content img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
@font-face {
font-family: "gilroy-semibold";
src: url("../css/fonts/Gilroy/gilroy-semibold-webfont.woff") format("woff");
}
#sites-map-container {
background-color: #cecfcc;
background-color: transparent;
text-align: center;
position: relative;
width: 100%; /* Prend toute la largeur du conteneur parent */
width: 155%; /* Prend toute la largeur du conteneur parent */
max-width: 800px; /* Optionnel : Limiter la largeur maximale */
margin: 0 auto; /* Centrer le conteneur */
height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
@ -3248,6 +3379,7 @@ body {
#popup-content {
width: 300px;
padding-right: 30px;
}
#popup-content p {
font-size: 0.7rem;

View File

@ -4,8 +4,8 @@
<svg
version="1.1"
id="svg1"
width="60"
height="60"
width="50"
height="50"
viewBox="0 0 90.491943 90.492186"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -4,8 +4,8 @@
<svg
version="1.1"
id="svg1"
width="60"
height="60"
width="50"
height="50"
viewBox="0 0 90.490723 90.492186"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -367,14 +367,14 @@
$(document).ready(function(){
let actuview = $('.content-actus .view')
let actuview = $('.content-actus .view ')
if (actuview) {
actuview.slick({
slidesToShow: 3,
// slidesToScroll: 1,
dots: false,
arrows: true,
centerMode: true,
// centerMode: true,
adaptiveHeight: false,
autoplay: false,
// autoplaySpeed: 1500,
@ -388,7 +388,7 @@
adaptiveHeight: false,
arrows: true,
draggable: true,
centerMode: true,
centerMode: false,
autoplay: false,
// autoplaySpeed: 2000,
}
@ -442,71 +442,135 @@
//////////////// start lightbox galerie image page site////////////////////////
// Sélectionne uniquement les images à l'intérieur de '.paragraph--type--site-diapo'
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
let currentIndex;
// Sélection des images et de leurs légendes dans la galerie
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
let currentIndex;
// Créer le lightbox et ses éléments
const lightbox = document.createElement('div');
lightbox.id = 'lightbox';
lightbox.classList.add('lightbox');
document.body.appendChild(lightbox);
// Création de la lightbox et de ses éléments
const lightbox = document.createElement('div');
lightbox.id = 'lightbox';
lightbox.classList.add('lightbox');
document.body.appendChild(lightbox);
const img = document.createElement('img');
lightbox.appendChild(img);
const img = document.createElement('img');
lightbox.appendChild(img);
const closeBtn = document.createElement('span');
closeBtn.classList.add('close');
closeBtn.innerHTML = '&times;';
lightbox.appendChild(closeBtn);
// Élément pour afficher la légende
const caption = document.createElement('p');
caption.classList.add('caption');
lightbox.appendChild(caption);
const prevBtn = document.createElement('a');
prevBtn.classList.add('prev');
prevBtn.innerHTML = '&#10094;';
lightbox.appendChild(prevBtn);
const closeBtn = document.createElement('span');
closeBtn.classList.add('close');
closeBtn.innerHTML = '&times;';
lightbox.appendChild(closeBtn);
const nextBtn = document.createElement('a');
nextBtn.classList.add('next');
nextBtn.innerHTML = '&#10095;';
lightbox.appendChild(nextBtn);
const prevBtn = document.createElement('a');
prevBtn.classList.add('prev');
prevBtn.innerHTML = '&#10094;';
lightbox.appendChild(prevBtn);
// Ajouter un écouteur d'événement sur chaque image pour ouvrir le lightbox
images.forEach((image, index) => {
image.addEventListener('click', () => {
lightbox.style.display = 'flex';
img.src = image.src;
currentIndex = index;
});
const nextBtn = document.createElement('a');
nextBtn.classList.add('next');
nextBtn.innerHTML = '&#10095;';
lightbox.appendChild(nextBtn);
// Fonction pour afficher l'image et la légende à l'index donné
function showImage(index) {
if (index < 0) index = images.length - 1;
if (index >= images.length) index = 0;
currentIndex = index;
// Mettre à jour l'image
img.src = images[currentIndex].getAttribute('src');
// Récupérer la légende associée (le paragraphe dans blockquote suivant l'image)
const captionText = images[currentIndex]
.closest('.cadre-img-zoom')
.nextElementSibling.querySelector('.image-field-caption p')
.textContent;
caption.textContent = captionText || ''; // Affiche la légende ou une chaîne vide si elle est absente
lightbox.style.display = 'flex';
}
// Événements de clic sur chaque image pour ouvrir le lightbox avec la légende
images.forEach((image, index) => {
image.addEventListener('click', () => {
showImage(index);
});
});
// Fermer le lightbox
closeBtn.addEventListener('click', () => {
// Fermer le lightbox
closeBtn.addEventListener('click', () => {
lightbox.style.display = 'none';
});
// Navigation pour images précédente et suivante
prevBtn.addEventListener('click', (e) => {
e.stopPropagation();
showImage(currentIndex - 1);
});
nextBtn.addEventListener('click', (e) => {
e.stopPropagation();
showImage(currentIndex + 1);
});
// Fermer le lightbox en cliquant en dehors de l'image
lightbox.addEventListener('click', (e) => {
if (e.target === lightbox) {
lightbox.style.display = 'none';
});
}
});
// Naviguer vers l'image précédente
prevBtn.addEventListener('click', () => {
currentIndex = (currentIndex > 0) ? currentIndex - 1 : images.length - 1;
img.src = images[currentIndex].src;
});
// Naviguer vers l'image suivante
nextBtn.addEventListener('click', () => {
currentIndex = (currentIndex < images.length - 1) ? currentIndex + 1 : 0;
img.src = images[currentIndex].src;
});
// Fermer le lightbox quand on clique en dehors de l'image
lightbox.addEventListener('click', (e) => {
if (e.target === lightbox) {
// Ajout des contrôles clavier (Échap, flèches gauche/droite)
document.addEventListener('keydown', (e) => {
if (lightbox.style.display === 'flex') {
if (e.key === 'Escape') {
lightbox.style.display = 'none';
} else if (e.key === 'ArrowLeft') {
showImage(currentIndex - 1);
} else if (e.key === 'ArrowRight') {
showImage(currentIndex + 1);
}
});
}
});
//////////////// end lightbox galerie image page site////////////////////////
//////////////////// start wrapper views-row lessites /////////////////////////
document.addEventListener("DOMContentLoaded", function() {
// Sélectionne le conteneur principal avec l'ID 'lessites'
const container = document.getElementById("lessites");
// Vérifie si le conteneur existe pour éviter toute erreur sur d'autres pages
if (container) {
// Sélectionne l'élément 'view' à l'intérieur de '.views-element-container'
const viewContainer = container.querySelector(".views-element-container .view");
// Vérifie si 'viewContainer' existe pour éviter les erreurs
if (viewContainer) {
// Crée une div englobante pour tous les éléments 'views-row'
const wrapperDiv = document.createElement("div");
wrapperDiv.classList.add("views-row-wrapper"); // ajoute une classe pour faciliter le style CSS
// Déplace tous les éléments 'views-row' dans la nouvelle div
const viewsRows = viewContainer.querySelectorAll(".views-row");
viewsRows.forEach(row => wrapperDiv.appendChild(row));
// Ajoute la div englobante dans le 'viewContainer'
viewContainer.appendChild(wrapperDiv);
}
}
});
//////////////////// end wrapper views-row lessites /////////////////////////
})(jQuery, window);

View File

@ -1,5 +1,5 @@
$header-height : 280px;
$header-height : 200px;
$header-height-pad : 160px;
$header-height-small : 70px;
$header-height-ultrasmall : 50px;

View File

@ -16,13 +16,13 @@ p{
font-size: $font-normal;
}
h3{
font-size: $font-big;
}
// h3{
// font-size: $font-big;
// }
h1{
font-family: 'gilroy-bold';
}
h2{
h2, h3{
font-family: 'gilroy-semibold';
}

View File

@ -597,7 +597,7 @@
padding: 1rem;
padding-left: 0;
position: relative;
top: -70px;
top: -100px;
@media(max-width: 820px){
grid-row: 4;
grid-column: 1 /span 2 ;
@ -619,7 +619,7 @@
padding: 1rem;
padding-left: 0;
position: relative;
left: -0.5rem;
// left: -0.5rem;
@media(max-width: 820px){
grid-row: 8 ;
grid-column: 1 /span 2;

View File

@ -0,0 +1,83 @@
main{
background-color: #f6f7f3;
}
#lessites{
.content_container{
// background-color: red;
display: flex;
flex-direction: column;
align-items: center;
#block-quartiers-de-demain-titredepage{
margin-top: 1rem;
width: fit-content;
@media(max-width: 810px){
margin-top: 10rem;
grid-column: 2 /span 9;
}
h1{
text-transform: none;
color: $blue_QDD;
font-size: 2rem;
font-weight: 500;
}
}
.view{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100vw;
.header_view {
flex: 0 1 100%;
position: relative !important;
height: fit-content;
z-index: 0;
width: 100vw;
margin-bottom: 2rem;
#block-sitesmap-block{
margin: auto;
#sites-map-container{
@media(max-width: 810px){
height: 300px;
}
}
}
}
.views-row-wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 85%;
margin: auto;
gap: 20px;
.views-row{
width: 18%;
margin-bottom: 2rem;
@media(max-width: 810px){
width: 45%;
}
.views-field-title .field-content a{
color: $blue_QDD;
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
.views-field-field-images .field-content img{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
}
}
}
}
}
}

View File

@ -1,6 +1,6 @@
.node-type-site{
.layout-content{
margin-top: 3rem;
margin-top: 2rem;
max-width: 100vw;
.content_container{
width: 90% !important;
@ -9,7 +9,7 @@
.layout--threecol-25-50-25{
flex-wrap: nowrap;
@media(max-width: 500px){
@media(max-width: 810px){
display: flex;
flex-direction: column;
width: 100%;
@ -19,9 +19,18 @@
display: flex;
flex-direction: column;
align-items: center;
@media(max-width: 810px){
flex: 0 1 100%;
}
.block-region-first{
position: fixed;
display: flex;
flex-direction: column;
width: 20% !important;
@media(max-width: 810px){
position: relative;
width: 100% !important;
}
.views-element-container{
margin-bottom: 3rem;
}
@ -29,18 +38,22 @@
div{
width: fit-content;
margin-bottom: 0.5rem;
// #sites-map-container.fixed{
// width: auto;
// left: 1.3rem;
// }
@media(max-width: 810px){
margin: auto;
}
#sites-map-container{
position: fixed;
width: auto;
left: 1.3rem;
// width: auto;
// left: 0.3rem;
left: -50px;
@media(max-width: 810px){
left: 0;
height: fit-content;
}
}
}
div:has(.field_field_documents){
@media(max-width: 500px){
// margin: auto;
@media(max-width: 810px){
margin-top: 1rem;
}
@ -69,47 +82,63 @@
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
}
}
}
}
.field_field_liens_site div div{
width: fit-content;
padding-left: 0.5rem;
background: black;
@media (max-width:810px) {
margin-left: 0;
div:has(.field_field_liens_site){
// margin: auto;
// width: 50%;
@media(max-width: 810px){
margin-top: 1rem;
}
a{
display: inline-flex;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
h2, .visually-hidden, .field--label-above, span:not(.file){
display: none;
}
.field_field_liens_site{
background: black;
padding-left: 0.5rem;
@media (max-width:810px) {
// margin-left: 0;
max-width: 50%;
margin: auto;
}
&::after{
a{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
}
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;
}
}
}
}
}
.layout__region--second{
// flex: 0 1 60%;
width: 60%;
flex: 0 1 50% !important;
margin-top: 1rem;
// width: 60%;
.block-region-second{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 3.5rem;
margin-left: 2rem;
margin-right: 3rem;
@media(max-width: 500px){
margin-left: 0.5rem;
margin-top: 1rem;
@ -121,12 +150,8 @@
font-size: 1.3rem;
}
.field_field_numero{
::before{
content: url("../img/map_pointer.svg");
top: 0.8rem;
position: relative;
padding-right: 0.5rem;
}
display: none;
div{
&::after{
content: "-";
@ -136,8 +161,19 @@
}
}
.field_title{
::before{
content: url("../img/map_pointer.svg");
top: 0.8rem;
position: relative;
padding-right: 0.5rem;
}
}
div:has(.field_title){
align-content: end;
}
.field_field_sous_titre{
@ -184,6 +220,7 @@
}
}
div:has(.field_field_mots_clefs){
display: none;
margin-top: 1rem;
flex: 0 0 25%;
padding-left: 1rem;
@ -212,15 +249,23 @@
.paragraph--type--site-parts{
.field_field_titre_site{
font-family: 'gilroy-semibold';
font-size: 0.6rem;
font-family: 'gilroy-bold';
font-size: 1.5em;
}
.field_field_texte_site p{
font-family: 'gilroy-medium';
font-size: 0.6rem;
margin-top: 0;
}
.field_field_texte_site{
h2{
font-family: 'gilroy-semibold';
color: $red_QDD;
font-size: 0.9rem;
margin-left: 1rem;
}
p{
font-family: 'gilroy-light';
font-size: 0.6rem;
margin-top: 0;
}
}
}
}
@ -236,18 +281,19 @@
flex-direction: column !important;
}
.cadre-img-zoom{
margin: auto;
// margin: auto;
img{
object-fit: cover;
width: 350px;
height: 230px;
width: 220px;
height: 145px;
}
}
.image-field-caption{
margin: 0;
max-width: 200px;
p{
margin-top: 0;
font-size: 0.3rem;
font-size: 0.5rem;
font-family: 'gilroy-light';
}
}
@ -256,13 +302,12 @@
}
}
}
.layout__region--third{
flex: 0 1 15% !important;
height: fit-content;
margin-top: 1rem;
@media(max-width: 500px){
display: flex;
flex-direction: column;

View File

@ -19,7 +19,7 @@
width: 100vw;
}
.views-row{
width: 500px !important;
// width: 500px !important;
padding: 1rem;
@media(max-width: 550px){

View File

@ -131,34 +131,24 @@ header{
display: none;
}
ul {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
// top: calc($header-height / 4 );
padding-left: 1rem;
padding-right: 1rem;
margin-top: 2rem;
// @media(max-width: 1200px){
// top:0;
// }
@media(max-width: 1025px){
top: 0;
align-items: center;
// margin: 1rem;
}
@media(max-width: 1090px){
// top: calc($header-height-pad / 10);
}
li{
width: 100%;
text-align: left;
@media(max-width: 1090px){
padding-top: 0.3rem;
}
// @media(max-width: 500px){
// padding-top: 0.5rem;
// }
a{
text-transform: uppercase;
color: white;
@ -178,9 +168,10 @@ header{
::after{
content: "";
display: block;
// width: 80px;
border-bottom: solid white 1px;
padding-bottom: 0.3rem;
width: 60%; /* Réduit la largeur du soulignement à 50% */
// margin: 0 auto; /* Centre le soulignement sous l'élément */
}
}

View File

@ -23,12 +23,21 @@ body {
justify-content: center;
align-items: center;
z-index: 999;
flex-direction: column;
}
.lightbox img {
max-width: 90%;
max-height: 80%;
}
#lightbox .caption {
color: white;
font-size: 1rem;
text-align: center;
margin-top: 10px;
max-width: 90%;
margin: 10px auto;
}
.lightbox .close {
position: absolute;

View File

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

View File

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

View File

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