Compare commits

..

1 Commits

Author SHA1 Message Date
93fc877ca5 css ressource 2025-04-04 09:23:30 +02:00
37 changed files with 538 additions and 1571 deletions

View File

@ -36,7 +36,6 @@
"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",

52
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": "b067bb5aa94237e0021d81567a805955",
"content-hash": "9ec9a1cf919f08fa39c2521ea0aa030e",
"packages": [
{
"name": "asm89/stack-cors",
@ -7005,56 +7005,6 @@
"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",

View File

@ -36,18 +36,18 @@ content:
region: content
field_date:
type: daterange_default
label: hidden
label: visually_hidden
settings:
timezone_override: ''
format_type: jj
from_to: both
separator: '-'
from_to: both
third_party_settings: { }
weight: 6
region: content
field_fichiers:
type: file_default
label: hidden
label: visually_hidden
settings:
use_description_as_link_text: true
third_party_settings: { }
@ -55,7 +55,7 @@ content:
region: content
field_images:
type: image_caption
label: hidden
label: visually_hidden
settings:
image_style: wide
image_link: ''
@ -66,7 +66,7 @@ content:
region: content
field_liens:
type: link
label: hidden
label: visually_hidden
settings:
trim_length: 80
url_only: false
@ -78,7 +78,7 @@ content:
region: content
field_site:
type: entity_reference_label
label: hidden
label: visually_hidden
settings:
link: true
third_party_settings: { }
@ -86,7 +86,7 @@ content:
region: content
field_tous_les_sites:
type: boolean
label: hidden
label: above
settings:
format: default
format_custom_false: ''
@ -96,7 +96,7 @@ content:
region: content
field_type_d_actualite:
type: entity_reference_label
label: hidden
label: visually_hidden
settings:
link: true
third_party_settings: { }
@ -109,7 +109,7 @@ content:
region: content
title:
type: title
label: hidden
label: visually_hidden
settings:
link_to_entity: true
tag: h2

View File

@ -30,25 +30,25 @@ mode: full
content:
body:
type: text_default
label: hidden
label: visually_hidden
settings: { }
third_party_settings: { }
weight: 2
region: content
field_date:
type: daterange_default
label: hidden
label: visually_hidden
settings:
timezone_override: ''
format_type: jj
from_to: both
separator: '-'
from_to: both
third_party_settings: { }
weight: 5
region: content
field_fichiers:
type: file_default
label: hidden
label: visually_hidden
settings:
use_description_as_link_text: true
third_party_settings: { }
@ -56,7 +56,7 @@ content:
region: content
field_images:
type: image_caption
label: hidden
label: visually_hidden
settings:
image_style: wide
image_link: ''
@ -67,7 +67,7 @@ content:
region: content
field_liens:
type: link
label: hidden
label: visually_hidden
settings:
trim_length: 80
url_only: false
@ -79,7 +79,7 @@ content:
region: content
field_site:
type: entity_reference_label
label: hidden
label: visually_hidden
settings:
link: true
third_party_settings: { }
@ -87,7 +87,7 @@ content:
region: content
field_type_d_actualite:
type: entity_reference_label
label: hidden
label: visually_hidden
settings:
link: true
third_party_settings: { }
@ -95,7 +95,7 @@ content:
region: content
title:
type: title
label: hidden
label: visually_hidden
settings:
link_to_entity: true
tag: h2

View File

@ -18,94 +18,76 @@ dependencies:
- node.type.actualite
module:
- datetime_range
- file
- image_field_caption
- link
- image_delta_formatter
- manage_display
- smart_read_more_link
- text
id: node.actualite.teaser
targetEntityType: node
bundle: actualite
mode: teaser
content:
body:
type: smart_read_more_link
label: hidden
type: text_summary_or_trimmed
label: visually_hidden
settings:
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: '-'
trim_length: 600
third_party_settings: { }
weight: 5
region: content
field_fichiers:
type: file_default
label: hidden
field_date:
type: daterange_default
label: visually_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
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
third_party_settings: { }
weight: 2
region: content
field_type_d_actualite:
type: entity_reference_label
label: hidden
label: visually_hidden
settings:
link: false
third_party_settings: { }
weight: 4
weight: 1
region: content
title:
type: title
label: hidden
label: visually_hidden
settings:
link_to_entity: false
link_to_entity: true
tag: h2
third_party_settings: { }
weight: 1
weight: 4
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

View File

@ -104,7 +104,6 @@ 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

View File

@ -1,22 +0,0 @@
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: { }

View File

@ -71,6 +71,7 @@ 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'

View File

@ -39,8 +39,6 @@ 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'
@ -53,6 +51,7 @@ 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'

View File

@ -108,10 +108,12 @@ 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'

View File

@ -3,7 +3,7 @@ langcode: fr
status: true
dependencies:
config:
- core.entity_view_mode.node.teaser
- core.entity_view_mode.node.full
- 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: teaser
view_mode: full
query:
type: views_query
options:
@ -502,21 +502,6 @@ display:
display_plugin: block
position: 1
display_options:
sorts:
field_date_end_value:
id: field_date_end_value
table: node__field_date
field: field_date_end_value
relationship: none
group_type: group
admin_label: ''
plugin_id: datetime
order: DESC
expose:
label: ''
field_identifier: ''
exposed: false
granularity: second
filters:
status:
id: status
@ -625,7 +610,6 @@ display:
groups:
1: AND
defaults:
sorts: false
filters: false
filter_groups: false
footer: false
@ -846,6 +830,55 @@ 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
@ -1192,6 +1225,55 @@ 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

View File

@ -273,7 +273,6 @@ display:
type: mini
options:
offset: 0
pagination_heading_level: h4
items_per_page: 50
total_pages: null
id: 0
@ -288,6 +287,7 @@ display:
items_per_page_options_all_label: '- Tout -'
offset: false
offset_label: Décalage
pagination_heading_level: h4
exposed_form:
type: basic
options:

View File

@ -246,82 +246,16 @@ 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:

View File

@ -21,7 +21,7 @@ dependencies:
- taxonomy.vocabulary.type_de_ressources
module:
- datetime
- formatter_suite
- file
- 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,18 +990,9 @@ display:
empty_zero: false
hide_alter_empty: true
click_sort_column: target_id
type: formatter_suite_general_file_link
type: file_default
settings:
titleStyle: text_from_link
titleCustomText: ''
showSize: 0
showIcon: 0
classes: ''
showLink: 1
openLinkIn: _blank
linkTopic: any
listStyle: div
listSeparator: ', '
use_description_as_link_text: true
group_column: ''
group_columns: { }
group_rows: true
@ -1374,7 +1365,7 @@ display:
exposed: true
expose:
operator_id: field_site_target_id_verf_op
label: Site(s)
label: 'Site(s) (VERF selector)'
description: ''
use_operator: false
operator: field_site_target_id_verf_op
@ -1433,7 +1424,7 @@ display:
options:
query_comment: ''
disable_sql_rewrite: false
distinct: true
distinct: false
replica: false
query_tags: { }
relationships:

View File

@ -382,12 +382,6 @@ $( document ).ready(function() {
// ////////////////////// start calendrier home /////////////////////////////////
$(document).ready(function(){
// Aller au 9e élément à l'initialisation
$('.__timeline-content').on('init', function(event, slick){
slick.slickGoTo(8); // Index 8 = 9e item
});
$('.__timeline-content').slick({
slidesToShow: 3,
slidesToScroll: 1,
@ -874,22 +868,13 @@ $(document).ready(function () {
// slimselect
let ressource_type_select = new SlimSelect({
select: '#edit-field-type-de-ressource-target-id--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-type-de-ressource-target-id--2'
})
let ressource_motscles_select = new SlimSelect({
select: '#edit-field-mots-clefs-target-id--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-mots-clefs-target-id--2'
})
let ressource_sites_select = new SlimSelect({
select: '#edit-field-site-target-id-verf--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-site-target-id-verf--2'
})
// console.log(('sites_select'), sites_select);
@ -927,28 +912,16 @@ $(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',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-type-d-actualite-target-id--2'
})
let actu_type_select2 = new SlimSelect({
select: '#edit-field-type-d-actualite-target-id--3',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-type-d-actualite-target-id--3'
})
let actu_site_select = new SlimSelect({
select: '#edit-field-site-target-id-verf--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-site-target-id-verf--2'
})
let actu_site_select2 = new SlimSelect({
select: '#edit-field-site-target-id-verf--3',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-site-target-id-verf--3'
})
}
});
@ -957,91 +930,6 @@ $(document).ready(function () {
/////////////////// end voir plus... actualite dans /actualites & /home ////////////////////
//////////////////////////////////////////
// /////////// Start script ressources ////////////////////////////////
// document.addEventListener("DOMContentLoaded", () => {
// const view = document.querySelector(".view");
// const elements = Array.from(view.children);
// let newView = document.createElement("div");
// newView.classList.add("view");
// let group = null;
// let groupContent = null;
// elements.forEach((el) => {
// if (el.tagName === "H3") {
// if (group) {
// newView.appendChild(group);
// }
// group = document.createElement("div");
// group.classList.add("group");
// groupContent = document.createElement("div");
// groupContent.classList.add("group-content");
// groupContent.appendChild(el);
// group.appendChild(groupContent);
// } else if (el.classList.contains("views-row")) {
// groupContent.appendChild(el);
// }
// });
// if (group) {
// newView.appendChild(group);
// }
// view.replaceWith(newView);
// // Ajouter un bouton "Voir plus" dans chaque groupe
// document.querySelectorAll(".group").forEach((group) => {
// const rows = group.querySelectorAll(".views-row");
// const button = document.createElement("button");
// button.classList.add("toggle-btn");
// button.textContent = "Voir plus de";
// rows.forEach((row, index) => {
// if (index >= 3) {
// row.classList.add("hidden");
// row.style.maxHeight = "0";
// row.style.opacity = "0";
// }
// });
// button.addEventListener("click", () => {
// const isExpanded = button.textContent === "Voir moins de";
// const hiddenRows = group.querySelectorAll(".views-row.hidden");
// if (isExpanded) {
// // Cacher les lignes avec un délai pour l'effet de transition
// hiddenRows.forEach((row) => {
// row.style.maxHeight = "0";
// row.style.opacity = "0";
// setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
// });
// } else {
// // Afficher les lignes
// hiddenRows.forEach((row) => {
// row.classList.remove("hidden");
// row.style.maxHeight = row.scrollHeight + "px";
// row.style.opacity = "1";
// });
// }
// button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
// });
// group.appendChild(button);
// });
// });
// /////////// end script ressources ////////////////////////////////
})(jQuery, window);

File diff suppressed because one or more lines are too long

View File

@ -442,12 +442,6 @@ header[role=banner] .header_nav_container {
display: flex;
flex-direction: column;
}
@media (max-width: 810px) {
header[role=banner] .header_nav_container {
height: 200px;
top: -30px;
}
}
@media (max-width: 500px) {
header[role=banner] .header_nav_container {
flex: 0 0 40%;
@ -479,22 +473,11 @@ 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;
}
}
@media (max-width: 810px) {
header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
line-height: 1.3rem;
}
}
header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
text-transform: uppercase;
color: white;
@ -836,19 +819,10 @@ footer {
@media (max-width: 810px) {
.layout-sidebar-first {
position: relative;
width: 100%;
top: 200px;
width: 80%;
top: 160px;
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,
@ -876,21 +850,16 @@ footer {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after {
content: " :";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form {
display: grid;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
display: flex;
margin-bottom: 0.5rem;
padding-bottom: 0.3rem;
}
@media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: space-between;
}
}
@ -926,14 +895,14 @@ footer {
padding-top: 0.5rem;
font-size: 0.7rem;
font-family: "gilroy-light";
align-items: center;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select label,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select label {
width: 60%;
width: 50%;
text-transform: lowercase;
font-size: 0.7rem;
font-family: "gilroy-light";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select select,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select select {
@ -950,44 +919,13 @@ footer {
width: 100%;
}
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield {
flex-direction: column;
padding-top: 0.8rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label {
display: flex;
flex-direction: row;
text-transform: lowercase;
font-size: 0.7rem;
font-family: "gilroy-light";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label::after,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label::after {
content: "";
display: block;
background: url("../img/loupe.svg");
background-repeat: no-repeat;
width: 38px;
height: 30px;
margin-left: 0.5rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield input#edit-combine--3,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield input#edit-combine--2,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield input#edit-combine--3,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield input#edit-combine--2 {
max-width: 100%;
height: 25px;
width: 96%;
}
@media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield.js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield.js-form-item {
flex-direction: column;
}
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
padding-top: 1rem;
@ -1005,50 +943,6 @@ 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";
}
.ss-search,
.ss-option,
.ss-list {
font-size: 0.7rem;
}
.js-form-item-field-tous-les-sites-value {
display: none !important;
}
.ss-main {
border: none;
}
.ss-placeholder {
display: none !important;
}
.js-form-item-field-mots-clefs-target-id {
order: 1;
}
.js-form-item-field-type-de-ressource-target-id {
order: 2;
}
.js-form-item-field-site-target-id-verf {
order: 3;
}
.js-form-item-combine {
order: 4;
}
.form-actions {
order: 5;
}
#logo-animated-container {
width: 60%;
@ -1160,6 +1054,7 @@ footer {
@media (max-width: 810px) {
.slick-prev,
.slick-next {
top: -30px;
-webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
@ -1489,25 +1384,7 @@ footer {
height: fit-content;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
content: "";
position: absolute;
bottom: -0.2rem;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
background-color: black;
border-radius: 50%;
z-index: 2;
}
@media (max-width: 810px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
bottom: -0.4rem;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
@ -1521,6 +1398,38 @@ footer {
padding-left: 4rem;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
align-self: end;
font-size: 2.5rem;
display: inline-block; /* Permet d'utiliser height */
line-height: 0; /* Assure que la hauteur est minimale */
transform: translateX(1rem);
}
@media (max-width: 1100px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(18.6rem);
}
}
@media (max-width: 1080px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(18.3rem);
}
}
@media (min-width: 809px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(20.7rem);
}
}
@media (max-width: 770px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
align-self: center;
font-size: 2.5rem;
display: inline-block;
line-height: 0;
transform: translateY(21.2rem);
padding-right: 3rem;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
width: fit-content !important;
display: flex;
@ -1698,7 +1607,6 @@ footer {
font-size: 1.7rem;
font-family: "gilroy-semibold";
padding-left: 0.5rem;
line-height: 1.5rem;
}
#actus-caroussel button {
top: -2.5rem;
@ -1709,7 +1617,7 @@ footer {
}
}
#actus-caroussel .content-actus .slick-list {
padding-bottom: 1rem;
padding-bottom: 4rem;
}
@media (max-width: 810px) {
#actus-caroussel .content-actus .slick-list {
@ -1717,7 +1625,7 @@ footer {
}
}
#actus-caroussel .content-actus .view-rows-wrapper {
margin-left: 25%;
margin-left: 20%;
width: 65%;
display: flex;
flex-direction: column;
@ -1777,7 +1685,7 @@ footer {
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list .cadre-img-zoom {
display: flex;
margin: auto;
width: 150px;
width: 250px;
height: auto;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list .cadre-img-zoom img {
@ -1788,10 +1696,8 @@ footer {
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
display: none;
margin: 0;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption p {
@ -1829,15 +1735,16 @@ footer {
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
order: 2;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: inline-flex;
align-items: center;
padding-bottom: 0.1rem;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before {
content: "";
display: inline-block;
width: 16px; /* Ajuste la largeur */
@ -1890,13 +1797,15 @@ 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);
@ -1912,22 +1821,6 @@ footer {
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
font-size: 0.8rem;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
content: "+";
display: block;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
order: 7;
padding: 0;
@ -3406,9 +3299,6 @@ body {
.node-type-static main {
background-color: #f6f7f3;
}
.node-type-static.node-id-2 aside {
display: none;
}
.node-type-static .layout-content .content_container {
display: flex;
flex-direction: column;
@ -3525,11 +3415,6 @@ 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;
@ -3547,12 +3432,6 @@ 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;
@ -3588,12 +3467,6 @@ 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;
@ -4076,6 +3949,10 @@ body {
flex-direction: column;
}
.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
visibility: hidden;
}
main {
background-color: #f6f7f3;
}
@ -4230,8 +4107,7 @@ main {
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
display: flex;
margin: auto;
margin-top: 13rem;
margin-bottom: 1rem;
margin-top: 10rem;
}
}
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@ -4287,7 +4163,6 @@ main {
color: white;
}
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) {
display: none;
margin-bottom: 0;
}
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) .field_name {
@ -4310,11 +4185,6 @@ main {
font-size: 0.5rem;
margin-bottom: 1rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
font-size: 0.8rem;
}
}
#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";
@ -4322,41 +4192,12 @@ main {
font-size: 0.6rem;
margin-bottom: 0;
}
@media (max-width: 810px) {
#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-size: 1rem;
}
}
#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 .views-field-body-1 p {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
font-size: 0.5rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs {
margin-top: 0.5rem;
display: flex;
flex-direction: row !important;
}
#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: 0.1rem 0.2rem;
font-size: 0.4rem;
font-family: "gilroy-semibold";
color: rgb(7, 50, 194);
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site {
margin-top: 0.5rem;
}
@ -4384,134 +4225,127 @@ main {
#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.type-Documentation-générale .views-row {
width: 22%;
padding: 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;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row {
width: 50%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row .views-field-field-documents a {
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.4rem;
padding: 0.1rem 0.5rem;
padding-right: 0rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row .views-field-field-documents a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.1rem;
padding-left: 0.1rem;
height: 25px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
width: 50%;
height: fit-content;
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource {
display: grid;
grid-template-columns: 1fr 1.2fr;
grid-template-rows: repeat(5 1fr);
margin-top: 1rem;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
width: 100%;
display: flex;
flex-direction: column;
}
}
#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 {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images {
grid-column: 1;
grid-row: 1/span 5;
padding: 0 1rem 1rem 1rem;
}
@media (max-width: 810px) {
#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 {
padding: 0 0 1rem 0;
}
}
#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;
}
@media (max-width: 810px) {
#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: auto;
height: 100%;
}
}
#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 {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-title-1 {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource h2 {
margin-top: 0;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.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 {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_sous_titre,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_author,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_date_ressource,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_mots_clefs,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_site,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_documents,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_liens {
grid-column: 2;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
display: none;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
width: 43%;
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo .content-ressource {
margin: 1rem;
justify-content: space-between;
}
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
width: 100%;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo .field_body {
opacity: 1 !important;
transform: none !important;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row img {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo a img {
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row iframe {
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row .views-field-title-1 {
margin-top: 1rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row .views-field-field-liens {
display: none;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Kit-de-communication {
display: none;
width: 100%;
#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;
}
.type-documentation .views-field-body-1,
.type-documentation .views-field-field-images,
.type-documentation .views-field-field-video {
#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 .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) {
width: 100%;
}
#actualites main {
background-color: white;
@ -4542,8 +4376,7 @@ main {
#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
display: flex;
margin: auto;
margin-top: 13rem;
margin-bottom: 4rem;
margin-top: 16rem;
}
}
#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@ -4599,11 +4432,6 @@ 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;
@ -4630,10 +4458,8 @@ main {
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
display: none;
margin: 0;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption p {
@ -4671,15 +4497,16 @@ main {
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
order: 2;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: inline-flex;
align-items: center;
padding-bottom: 0.1rem;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before {
content: "";
display: inline-block;
width: 16px; /* Ajuste la largeur */
@ -4735,6 +4562,8 @@ 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 {
@ -4751,22 +4580,6 @@ main {
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
font-size: 0.8rem;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
content: "+";
display: block;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
order: 7;
padding: 0;

View File

@ -1,61 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="7.250946mm"
height="6.7037978mm"
viewBox="0 0 7.250946 6.7037978"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2444">
<path
d="M 0,0 H 22.0445 V -17 H 0 Z"
transform="matrix(1.3191067,0.19425333,0.19425333,-1.3191067,225.01215,461.47051)"
clip-rule="evenodd"
id="path2444" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2440">
<path
d="M 0,-18 H 1260 V 18 H 0 Z"
transform="translate(-0.24999723,-16.750003)"
id="path2440" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2441">
<path
d="M 0,-18 H 1260 V 18 H 0 Z"
transform="translate(-14.679745,-4.6071402)"
id="path2441" />
</clipPath>
</defs>
<g
id="layer1"
transform="translate(-120.12082,-122.50209)">
<g
id="g2443"
clip-path="url(#clipPath2444)"
transform="matrix(0.26458333,0,0,0.26458333,61.004151,0.05323333)">
<path
d="m 15.5,-7.75 c 0,-4.2804 -3.4696,-7.75 -7.75,-7.75 C 3.46979,-15.5 0,-12.0304 0,-7.75 0,-3.46979 3.46979,0 7.75,0 12.0304,0 15.5,-3.46979 15.5,-7.75 Z"
style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,225.27006,461.8268)"
clip-path="url(#clipPath2440)"
id="path2442" />
<path
d="M 0,0 9,-5.35714"
style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,240.57717,479.53679)"
clip-path="url(#clipPath2441)"
id="path2443" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -35,41 +35,12 @@ 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();
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,
],
];
}
}
$node = &$variables['node'];
$variables['attributes']['class'][] = 'node-type-' . $node->gettype();
}
/* implements template_preprocess_region() */
function quartiers_de_demain_preprocess_region(&$variables) {
@ -92,7 +63,6 @@ function quartiers_de_demain_preprocess_field(&$variables) {
}
/**
* Prepares variables for block templates.
*

View File

@ -1,61 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="7.250946mm"
height="6.7037978mm"
viewBox="0 0 7.250946 6.7037978"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2444">
<path
d="M 0,0 H 22.0445 V -17 H 0 Z"
transform="matrix(1.3191067,0.19425333,0.19425333,-1.3191067,225.01215,461.47051)"
clip-rule="evenodd"
id="path2444" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2440">
<path
d="M 0,-18 H 1260 V 18 H 0 Z"
transform="translate(-0.24999723,-16.750003)"
id="path2440" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2441">
<path
d="M 0,-18 H 1260 V 18 H 0 Z"
transform="translate(-14.679745,-4.6071402)"
id="path2441" />
</clipPath>
</defs>
<g
id="layer1"
transform="translate(-120.12082,-122.50209)">
<g
id="g2443"
clip-path="url(#clipPath2444)"
transform="matrix(0.26458333,0,0,0.26458333,61.004151,0.05323333)">
<path
d="m 15.5,-7.75 c 0,-4.2804 -3.4696,-7.75 -7.75,-7.75 C 3.46979,-15.5 0,-12.0304 0,-7.75 0,-3.46979 3.46979,0 7.75,0 12.0304,0 15.5,-3.46979 15.5,-7.75 Z"
style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,225.27006,461.8268)"
clip-path="url(#clipPath2440)"
id="path2442" />
<path
d="M 0,0 9,-5.35714"
style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,240.57717,479.53679)"
clip-path="url(#clipPath2441)"
id="path2443" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -324,12 +324,6 @@ $( document ).ready(function() {
// ////////////////////// start calendrier home /////////////////////////////////
$(document).ready(function(){
// Aller au 9e élément à l'initialisation
$('.__timeline-content').on('init', function(event, slick){
slick.slickGoTo(8); // Index 8 = 9e item
});
$('.__timeline-content').slick({
slidesToShow: 3,
slidesToScroll: 1,
@ -816,22 +810,13 @@ $(document).ready(function () {
// slimselect
let ressource_type_select = new SlimSelect({
select: '#edit-field-type-de-ressource-target-id--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-type-de-ressource-target-id--2'
})
let ressource_motscles_select = new SlimSelect({
select: '#edit-field-mots-clefs-target-id--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-mots-clefs-target-id--2'
})
let ressource_sites_select = new SlimSelect({
select: '#edit-field-site-target-id-verf--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-site-target-id-verf--2'
})
// console.log(('sites_select'), sites_select);
@ -869,28 +854,16 @@ $(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',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-type-d-actualite-target-id--2'
})
let actu_type_select2 = new SlimSelect({
select: '#edit-field-type-d-actualite-target-id--3',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-type-d-actualite-target-id--3'
})
let actu_site_select = new SlimSelect({
select: '#edit-field-site-target-id-verf--2',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-site-target-id-verf--2'
})
let actu_site_select2 = new SlimSelect({
select: '#edit-field-site-target-id-verf--3',
settings:{
placeholderText: 'choisir'
}
select: '#edit-field-site-target-id-verf--3'
})
}
});
@ -899,91 +872,6 @@ $(document).ready(function () {
/////////////////// end voir plus... actualite dans /actualites & /home ////////////////////
//////////////////////////////////////////
// /////////// Start script ressources ////////////////////////////////
// document.addEventListener("DOMContentLoaded", () => {
// const view = document.querySelector(".view");
// const elements = Array.from(view.children);
// let newView = document.createElement("div");
// newView.classList.add("view");
// let group = null;
// let groupContent = null;
// elements.forEach((el) => {
// if (el.tagName === "H3") {
// if (group) {
// newView.appendChild(group);
// }
// group = document.createElement("div");
// group.classList.add("group");
// groupContent = document.createElement("div");
// groupContent.classList.add("group-content");
// groupContent.appendChild(el);
// group.appendChild(groupContent);
// } else if (el.classList.contains("views-row")) {
// groupContent.appendChild(el);
// }
// });
// if (group) {
// newView.appendChild(group);
// }
// view.replaceWith(newView);
// // Ajouter un bouton "Voir plus" dans chaque groupe
// document.querySelectorAll(".group").forEach((group) => {
// const rows = group.querySelectorAll(".views-row");
// const button = document.createElement("button");
// button.classList.add("toggle-btn");
// button.textContent = "Voir plus de";
// rows.forEach((row, index) => {
// if (index >= 3) {
// row.classList.add("hidden");
// row.style.maxHeight = "0";
// row.style.opacity = "0";
// }
// });
// button.addEventListener("click", () => {
// const isExpanded = button.textContent === "Voir moins de";
// const hiddenRows = group.querySelectorAll(".views-row.hidden");
// if (isExpanded) {
// // Cacher les lignes avec un délai pour l'effet de transition
// hiddenRows.forEach((row) => {
// row.style.maxHeight = "0";
// row.style.opacity = "0";
// setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
// });
// } else {
// // Afficher les lignes
// hiddenRows.forEach((row) => {
// row.classList.remove("hidden");
// row.style.maxHeight = row.scrollHeight + "px";
// row.style.opacity = "1";
// });
// }
// button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
// });
// group.appendChild(button);
// });
// });
// /////////// end script ressources ////////////////////////////////
})(jQuery, window);

View File

@ -30,8 +30,7 @@
@media(max-width: 810px){
display: flex;
margin:auto;
margin-top: 13rem;
margin-bottom: 4rem;
margin-top: 16rem;
}
h1{
width: fit-content;
@ -89,9 +88,6 @@
// display: flex;
// margin: auto;
margin-right: 1rem;
@media(max-width: 810px){
margin-bottom: 1rem;
}
.actu-diaporama{
// height: 150px;
@ -117,11 +113,9 @@
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
}
}
blockquote.image-field-caption{
display: none;
margin: 0;
p{
margin-top: 0;
@ -164,14 +158,13 @@
}
.field_field_type_d_actualite{
order: 2;
// a{
a{
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: inline-flex;
align-items: center;
padding-bottom: 0.1rem;
&::before{
content: "";
display: inline-block;
@ -183,8 +176,7 @@
// margin-right: 0.4rem;
padding-right: 0.4rem;
}
// }
}
}
.field_field_date{
order: 3;
@ -236,10 +228,9 @@
h2{
font-size: 1.2rem;
font-family: 'gilroy-medium';
color: $blue_QDD;
}
a{
// color: $blue_QDD;
color: $blue_QDD;
// pointer-events: none;
// cursor: default;
}
@ -261,23 +252,6 @@
font-size: 0.8rem;
}
}
.links.inline{
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
&::after{
content: "+";
display: block;
// width: 20px;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
}
.field_field_liens{
order: 7;
padding:0;

View File

@ -1,42 +0,0 @@
#ressources{
.group-content {
// background: #f9f9f9;
padding: 10px;
border-radius: 8px;
margin-bottom: 10px;
// box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.views-row {
padding: 8px;
// background: #f3f3f3;
margin: 2px 0;
border-radius: 4px;
transition: max-height 0.5s ease, opacity 0.5s ease;
}
.hidden {
max-height: 0;
overflow: hidden;
opacity: 0;
}
.toggle-btn {
background: none;
color: $blue_QDD;
border: solid $blue_QDD 1px;
padding: 8px 12px;
cursor: pointer;
margin-top: 5px;
display: block;
margin: auto;
width: 20%;
text-align: center;
transition: background 0.3s;
}
.toggle-btn:hover {
background: $blue_QDD;
color:white;
}
}

View File

@ -44,10 +44,7 @@
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;
@ -65,10 +62,6 @@
padding-right: 0.4rem;
}
}
@media(max-width: 810px){
margin-left: 1rem;
margin-top: 0.5rem;
}
}
.field_field_date{
color: red;
@ -112,10 +105,6 @@
padding-right: 0.5rem;
}
}
@media(max-width: 810px){
margin-left: 1rem;
margin-top: 0.5rem;
}
}

View File

@ -482,3 +482,6 @@
display: flex;
flex-direction: column;
}
.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
visibility: hidden;
}

View File

@ -25,8 +25,7 @@
@media(max-width: 810px){
display: flex;
margin:auto;
margin-top: 13rem;
margin-bottom: 1rem;
margin-top: 10rem;
}
h1{
width: fit-content;
@ -88,7 +87,6 @@
}
h3:has(div.type-Kit-de-communication){
display: none;
margin-bottom: 0;
.field_name{
padding-top: 1rem;
@ -109,46 +107,40 @@
.views-row{
// width: 30%;
font-size: 0.5rem;
margin-bottom: 1rem;
@media(max-width: 810px){
font-size: 0.8rem;
}
.views-field-title-1,
.views-field-field-sous-titre-1{
font-family: "gilroy-medium";
color: $blue_QDD;
font-size: 00.6rem;
margin-bottom: 0;
@media(max-width: 810px){
font-size: 1rem;
}
}
.views-field-body-1{
font-family: "gilroy-light";
p{
font-size: 0.5rem;
@media(max-width: 810px){
font-size: 0.8rem;
}
}
}
p{
font-size: 0.5rem;
}
.views-field-field-mots-clefs{
margin-top: 0.5rem;
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;
@media(max-width: 810px){
font-size: 0.8rem;
}
// margin-top: 0.5rem;
// display: flex;
// flex-direction: row !important;
// .field-content{
// 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;
// }
}
// }
}
.views-field-field-site{
@ -182,133 +174,140 @@
margin-top: 0.5rem;
}
.views-field-field-date-ressource{
}
}
&.type-Documentation-générale{
.views-row{
width: 22%;
padding: 0.5rem;
@media(max-width: 810px){
width: 50%;
}
.views-field-field-documents a{
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.4rem;
padding: 0.1rem 0.5rem;
padding-right: 0rem;
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.1rem;
padding-left: 0.1rem;
height: 25px;
}
}
}
}
&.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;
display: flex;
flex-direction: column;
}
.views-field-field-images,
.views-field-field-video {
grid-column: 1;
grid-row: 1 /span 5;
padding: 0 1rem 1rem 1rem;
@media(max-width: 810px){
padding: 0 0 1rem 0;
}
iframe{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
border-radius: 9px;
@media(max-width: 810px){
width: auto;
height: 100%;
}
}
img{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 9px;
}
}
.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;
}
.views-field-field-liens{
.type-documentation{
.field_body,
.field_field_images{
display: none;
}
}
}
&.type-Vidéos{
.views-row{
width: 43%;
margin: 1rem;
justify-content: space-between;
@media(max-width: 810px){
width: 100%;
.type-podcast{
.content-ressource{
display: grid;
grid-template-columns: 1fr 1.2fr;
grid-template-rows: repeat(5 1fr);
margin-top: 1rem;
.field_field_images{
grid-column: 1;
grid-row: 1 /span 5;
padding: 0 1rem 1rem 1rem;
img{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 9px;
}
}
.field_title, h2{
margin-top: 0;
}
.field_title,
.field_field_sous_titre,
.field_field_author,
.field_field_date_ressource,
.field_body,
.field_field_mots_clefs,
.field_field_site,
.field_field_documents,
.field_field_liens{
grid-column: 2;
}
}
img{
}
.type-vidéo{
.content-ressource{
margin: 1rem;
}
.field_body{
opacity: 1 !important;
transform: none !important;
}
a img{
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: 9px;
}
iframe{
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;
}
}
}
}
.views-field-title-1{margin-top: 1rem;}
.views-field-field-liens{
display: none;
}
}
}
&.type-Kit-de-communication{
display: none;
.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){
width: 100%;
background-color: $blue_QDD;
}
}
@ -322,65 +321,3 @@
}
}
}
.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;
// }
// }
// }
// }
// }

View File

@ -2,11 +2,6 @@
main{
background-color: #f6f7f3;
}
&.node-id-2{
aside{
display: none;
}
}
.layout-content{
.content_container{

View File

@ -12,7 +12,6 @@
font-size: 1.7rem;
font-family: 'gilroy-semibold';
padding-left: 0.5rem;
line-height: 1.5rem;
}
button{
@ -23,14 +22,14 @@
}
.content-actus{
.slick-list{
padding-bottom: 1rem;
padding-bottom: 4rem;
@media(max-width: 810px){
padding-bottom: 0rem;
}
}
.view-rows-wrapper{
margin-left: 25%;
margin-left: 20%;
width: 65%;
display: flex;
flex-direction: column;
@ -85,7 +84,7 @@
.cadre-img-zoom{
display: flex;
margin: auto;
width: 150px;
width: 250px;
height: auto;
img{
width: 100%;
@ -95,11 +94,9 @@
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
}
}
blockquote.image-field-caption{
display: none;
margin: 0;
p{
margin-top: 0;
@ -142,14 +139,13 @@
}
.field_field_type_d_actualite{
order: 2;
// a{
a{
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: inline-flex;
align-items: center;
padding-bottom: 0.1rem;
&::before{
content: "";
display: inline-block;
@ -161,7 +157,7 @@
// margin-right: 0.4rem;
padding-right: 0.4rem;
}
// }
}
}
.field_field_date{
order: 3;
@ -210,19 +206,17 @@
.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{
@ -241,23 +235,6 @@
font-size: 0.8rem;
}
}
.links.inline{
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
&::after{
content: "+";
display: block;
// width: 20px;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
}
.field_field_liens{
order: 7;
padding:0;
@ -288,6 +265,8 @@
}
}
}
}
.toggle-actualite {

View File

@ -9,21 +9,12 @@
background-color: transparent;
@media(max-width: 810px){
position: relative;
width: 100%;
top: $header-height;
width: 80%;
top: $header-height-pad;
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{
@ -45,16 +36,14 @@
}
}
form{
display: grid;
.js-form-item{
display: flex;
margin-bottom: 0.5rem;
padding-bottom: 0.3rem;
@media(max-width: 810px){
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: space-between;
}
label{
@ -84,14 +73,12 @@
padding-top: 0.5rem;
font-size: 0.7rem;
font-family: 'gilroy-light';
align-items: center;
label{
width: 60%;
width: 50%;
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
// padding-bottom: 0.2rem;
padding-bottom: 0.2rem;
}
select{
background-color: white;
@ -104,39 +91,14 @@
width: 100%;
}
}
}
.js-form-type-textfield{
flex-direction: column;
padding-top: 0.8rem;
label{
display: flex;
flex-direction: row;
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
padding-bottom: 0.2rem;
&::after{
content: "";
display: block;
background: url("../img/loupe.svg");
background-repeat: no-repeat;
width: 38px;
height: 30px;
margin-left: 0.5rem;
}
}
input#edit-combine--3,
input#edit-combine--2{
max-width: 100%;
height: 25px;
width: 96%;
}
&.js-form-item{
@media(max-width: 810px){
flex-direction: column;
}
}
}
.form-actions{
@ -152,51 +114,7 @@
padding: 0.3rem 0.2rem;
font-size: 0.7rem;
font-family: 'gilroy-light';
&:hover{
background-color: black;
color: white;
font-family: "gilroy-regular";
}
}
}
}
}
.ss-search,
.ss-option,
.ss-list{
font-size: 0.7rem;
}
.js-form-item-field-tous-les-sites-value{
display: none !important;
}
.ss-main{
border: none;
}
.ss-placeholder{
display: none !important;
}
.js-form-item-field-mots-clefs-target-id{
order: 1;
}
.js-form-item-field-type-de-ressource-target-id{
order: 2;
}
.js-form-item-field-site-target-id-verf{
order: 3;
}
.js-form-item-combine{
order: 4;
}
.form-actions{
order: 5;
}

View File

@ -195,12 +195,8 @@ header[role="banner"]{
@media(max-width: 1090px){
// text-align:left;
// height: fit-content;
}
@media(max-width: 810px){
height: 200px;
top: -30px;
}
@media(max-width: 500px){
flex: 0 0 40%;
}
@ -228,21 +224,9 @@ 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;
}
@media(max-width: 810px){
line-height: 1.3rem;
}
a{
text-transform: uppercase;
color: white;

View File

@ -85,7 +85,7 @@ $slick-opacity-not-active: 0.25 !default;
border: none;
outline: none;
@media(max-width:810px){
// top: -30px;
top: -30px;
-webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);

View File

@ -53,25 +53,7 @@
// content: '\002022';
// }
}
.paragraph--type--phase-deroulement::after {
content: '';
position: absolute;
bottom: -0.2rem; // Juste en dessous ou collé à la border-bottom
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
background-color: black;
border-radius: 50%;
z-index: 2;
@media(max-width:810px){
bottom: -0.4rem;
}
}
.paragraph--type--phase-deroulement{
position: relative;
display: flex;
flex-direction: row;
align-items: center;
@ -83,35 +65,35 @@
padding-bottom: 1rem;
padding-left: 4rem;
}
// .border-symbol{
// align-self: end;
// font-size: 2.5rem;
// display: inline-block; /* Permet d'utiliser height */
// line-height: 0; /* Assure que la hauteur est minimale */
// transform: translateX(1rem);
// @media(max-width:1100px){
// transform: translateY(18.6rem);
// }
// @media(max-width:1080px){
// transform: translateY(18.3rem);
// }
// @media(min-width:809px){
// transform: translateY(20.7rem);
// }
// @media(max-width:770px){
// align-self: center;
// font-size: 2.5rem;
// display: inline-block;
// line-height: 0;
// transform: translateY(21.2rem);
// padding-right: 3rem;
// }
// // @media(max-width:290px){
// // transform: translateY(22.2rem);
// // }
.border-symbol{
align-self: end;
font-size: 2.5rem;
display: inline-block; /* Permet d'utiliser height */
line-height: 0; /* Assure que la hauteur est minimale */
transform: translateX(1rem);
@media(max-width:1100px){
transform: translateY(18.6rem);
}
@media(max-width:1080px){
transform: translateY(18.3rem);
}
@media(min-width:809px){
transform: translateY(20.7rem);
}
@media(max-width:770px){
align-self: center;
font-size: 2.5rem;
display: inline-block;
line-height: 0;
transform: translateY(21.2rem);
padding-right: 3rem;
}
// @media(max-width:290px){
// transform: translateY(22.2rem);
// }
// }
}
// border-bottom: solid black 1px;
// &:before{
// content:".";

View File

@ -53,11 +53,9 @@
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
<div class="actu-diaporama">
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}

View File

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

View File

@ -1,95 +0,0 @@
{#
/**
* @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>

View File

@ -50,7 +50,7 @@
{% block paragraph %}
{# <div{{ attributes.addClass(classes) }}> #}
<div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
{# <span class="border-symbol">&#x2022;</span> <!-- Ajout du symbole --> #}
<span class="border-symbol">&#x2022;</span> <!-- Ajout du symbole -->
{% block content %}
{# {{ content }} #}
<div class="date">

View File

@ -9,7 +9,7 @@ let config = {
// "./src/assets/js/animated_logo.js",
"./src/assets/js/animated_formes.js",
"./src/assets/scss/quartiers_de_demain.scss",
"./src/assets/scss/quartiers_de_demain.scss",
// "./src/assets/fonts/*",
// "./src/assets/css/animated_logo.css",