From f52ef796a7cb7ab76d0d8d038f200e79322be187 Mon Sep 17 00:00:00 2001 From: bach Date: Tue, 15 Sep 2026 15:31:39 +0200 Subject: [PATCH] better home fields display --- ...ty_form_display.node.evenement.default.yml | 22 ++++++--- ...ntity_form_display.node.projet.default.yml | 18 ++++++-- ...ty_view_display.node.evenement.default.yml | 8 ++++ ...ntity_view_display.node.evenement.full.yml | 2 + ...w_display.node.evenement.tableau_liste.yml | 2 + ...ity_view_display.node.evenement.teaser.yml | 18 +++++--- ...ntity_view_display.node.projet.default.yml | 8 ++++ ...e.entity_view_display.node.projet.full.yml | 2 + ...view_display.node.projet.tableau_liste.yml | 2 + ...entity_view_display.node.projet.teaser.yml | 19 +++++++- ...d.node.evenement.field_infos_pratiques.yml | 24 ++++++++++ ...ield.node.projet.field_infos_pratiques.yml | 24 ++++++++++ ...eld.storage.node.field_infos_pratiques.yml | 19 ++++++++ web/themes/custom/leshed/assets/dist/main.css | 2 +- .../custom/leshed/assets/scss/main.scss | 45 +++++++++++++++---- 15 files changed, 188 insertions(+), 27 deletions(-) create mode 100644 config/sync/field.field.node.evenement.field_infos_pratiques.yml create mode 100644 config/sync/field.field.node.projet.field_infos_pratiques.yml create mode 100644 config/sync/field.storage.node.field_infos_pratiques.yml diff --git a/config/sync/core.entity_form_display.node.evenement.default.yml b/config/sync/core.entity_form_display.node.evenement.default.yml index 7583ad2..5453e2b 100644 --- a/config/sync/core.entity_form_display.node.evenement.default.yml +++ b/config/sync/core.entity_form_display.node.evenement.default.yml @@ -8,6 +8,7 @@ dependencies: - field.field.node.evenement.field_artiste_s_invite_s - field.field.node.evenement.field_dates - field.field.node.evenement.field_images + - field.field.node.evenement.field_infos_pratiques - field.field.node.evenement.field_invite_accompagne_curate_p - field.field.node.evenement.field_lieu - field.field.node.evenement.field_partenaire_s @@ -64,6 +65,7 @@ third_party_settings: - status - promote - field_type_d_evenement + - field_infos_pratiques - field_dates - field_lieu - field_portage @@ -154,7 +156,7 @@ content: third_party_settings: { } field_dates: type: daterange_default - weight: 18 + weight: 19 region: content settings: { } third_party_settings: { } @@ -166,6 +168,14 @@ content: progress_indicator: throbber preview_image_style: thumbnail third_party_settings: { } + field_infos_pratiques: + type: text_textarea + weight: 18 + region: content + settings: + rows: 5 + placeholder: '' + third_party_settings: { } field_invite_accompagne_curate_p: type: inline_entity_form_complex weight: 4 @@ -186,7 +196,7 @@ content: third_party_settings: { } field_lieu: type: entity_reference_autocomplete - weight: 19 + weight: 20 region: content settings: match_operator: CONTAINS @@ -206,7 +216,7 @@ content: third_party_settings: { } field_portage: type: options_select - weight: 20 + weight: 21 region: content settings: { } third_party_settings: { } @@ -239,14 +249,14 @@ content: third_party_settings: { } langcode: type: language_select - weight: 21 + weight: 22 region: content settings: include_locked: true third_party_settings: { } path: type: path - weight: 22 + weight: 23 region: content settings: { } third_party_settings: { } @@ -273,7 +283,7 @@ content: placeholder: '' third_party_settings: { } url_redirects: - weight: 23 + weight: 24 region: content settings: { } third_party_settings: { } diff --git a/config/sync/core.entity_form_display.node.projet.default.yml b/config/sync/core.entity_form_display.node.projet.default.yml index b29ff1f..bbdee4f 100644 --- a/config/sync/core.entity_form_display.node.projet.default.yml +++ b/config/sync/core.entity_form_display.node.projet.default.yml @@ -9,6 +9,7 @@ dependencies: - field.field.node.projet.field_dates - field.field.node.projet.field_fichiers - field.field.node.projet.field_images + - field.field.node.projet.field_infos_pratiques - field.field.node.projet.field_invite_accompagne_curate_p - field.field.node.projet.field_partenaire_s - field.field.node.projet.field_portage @@ -50,6 +51,7 @@ third_party_settings: - status - promote - field_type_de_projet + - field_infos_pratiques - field_portage - field_dates - langcode @@ -170,7 +172,7 @@ content: third_party_settings: { } field_dates: type: daterange_default - weight: 12 + weight: 13 region: content settings: { } third_party_settings: { } @@ -189,6 +191,14 @@ content: progress_indicator: throbber preview_image_style: thumbnail third_party_settings: { } + field_infos_pratiques: + type: text_textarea + weight: 11 + region: content + settings: + rows: 5 + placeholder: '' + third_party_settings: { } field_invite_accompagne_curate_p: type: inline_entity_form_complex weight: 5 @@ -219,7 +229,7 @@ content: third_party_settings: { } field_portage: type: options_select - weight: 11 + weight: 12 region: content settings: { } third_party_settings: { } @@ -252,14 +262,14 @@ content: third_party_settings: { } langcode: type: language_select - weight: 13 + weight: 14 region: content settings: include_locked: true third_party_settings: { } path: type: path - weight: 14 + weight: 15 region: content settings: { } third_party_settings: { } diff --git a/config/sync/core.entity_view_display.node.evenement.default.yml b/config/sync/core.entity_view_display.node.evenement.default.yml index d57fdd2..39f2372 100644 --- a/config/sync/core.entity_view_display.node.evenement.default.yml +++ b/config/sync/core.entity_view_display.node.evenement.default.yml @@ -7,6 +7,7 @@ dependencies: - field.field.node.evenement.field_artiste_s_invite_s - field.field.node.evenement.field_dates - field.field.node.evenement.field_images + - field.field.node.evenement.field_infos_pratiques - field.field.node.evenement.field_invite_accompagne_curate_p - field.field.node.evenement.field_lieu - field.field.node.evenement.field_partenaire_s @@ -62,6 +63,13 @@ content: third_party_settings: { } weight: 8 region: content + field_infos_pratiques: + type: text_default + label: above + settings: { } + third_party_settings: { } + weight: 11 + region: content field_invite_accompagne_curate_p: type: entity_reference_label label: above diff --git a/config/sync/core.entity_view_display.node.evenement.full.yml b/config/sync/core.entity_view_display.node.evenement.full.yml index 9910c0a..1da9362 100644 --- a/config/sync/core.entity_view_display.node.evenement.full.yml +++ b/config/sync/core.entity_view_display.node.evenement.full.yml @@ -8,6 +8,7 @@ dependencies: - field.field.node.evenement.field_artiste_s_invite_s - field.field.node.evenement.field_dates - field.field.node.evenement.field_images + - field.field.node.evenement.field_infos_pratiques - field.field.node.evenement.field_invite_accompagne_curate_p - field.field.node.evenement.field_lieu - field.field.node.evenement.field_partenaire_s @@ -122,5 +123,6 @@ content: weight: 9 region: content hidden: + field_infos_pratiques: true langcode: true search_api_excerpt: true diff --git a/config/sync/core.entity_view_display.node.evenement.tableau_liste.yml b/config/sync/core.entity_view_display.node.evenement.tableau_liste.yml index 3b68aec..ab18d2e 100644 --- a/config/sync/core.entity_view_display.node.evenement.tableau_liste.yml +++ b/config/sync/core.entity_view_display.node.evenement.tableau_liste.yml @@ -8,6 +8,7 @@ dependencies: - field.field.node.evenement.field_artiste_s_invite_s - field.field.node.evenement.field_dates - field.field.node.evenement.field_images + - field.field.node.evenement.field_infos_pratiques - field.field.node.evenement.field_invite_accompagne_curate_p - field.field.node.evenement.field_lieu - field.field.node.evenement.field_partenaire_s @@ -89,6 +90,7 @@ content: weight: 3 region: content hidden: + field_infos_pratiques: true field_invite_accompagne_curate_p: true field_partenaire_s: true field_portage: true diff --git a/config/sync/core.entity_view_display.node.evenement.teaser.yml b/config/sync/core.entity_view_display.node.evenement.teaser.yml index 141f134..a86ba78 100644 --- a/config/sync/core.entity_view_display.node.evenement.teaser.yml +++ b/config/sync/core.entity_view_display.node.evenement.teaser.yml @@ -8,6 +8,7 @@ dependencies: - field.field.node.evenement.field_artiste_s_invite_s - field.field.node.evenement.field_dates - field.field.node.evenement.field_images + - field.field.node.evenement.field_infos_pratiques - field.field.node.evenement.field_invite_accompagne_curate_p - field.field.node.evenement.field_lieu - field.field.node.evenement.field_partenaire_s @@ -32,7 +33,7 @@ content: settings: trim_length: 600 third_party_settings: { } - weight: 4 + weight: 6 region: content field_artiste_s_invite_s: type: entity_reference_label @@ -40,7 +41,7 @@ content: settings: link: false third_party_settings: { } - weight: 3 + weight: 2 region: content field_dates: type: daterange_default @@ -65,7 +66,14 @@ content: image_loading: attribute: lazy third_party_settings: { } - weight: 0 + weight: 1 + region: content + field_infos_pratiques: + type: text_default + label: hidden + settings: { } + third_party_settings: { } + weight: 5 region: content field_lieu: type: entity_reference_label @@ -73,7 +81,7 @@ content: settings: link: false third_party_settings: { } - weight: 1 + weight: 4 region: content field_type_d_evenement: type: entity_reference_label @@ -81,7 +89,7 @@ content: settings: link: false third_party_settings: { } - weight: 2 + weight: 3 region: content hidden: field_invite_accompagne_curate_p: true diff --git a/config/sync/core.entity_view_display.node.projet.default.yml b/config/sync/core.entity_view_display.node.projet.default.yml index 072e0ae..79bb452 100644 --- a/config/sync/core.entity_view_display.node.projet.default.yml +++ b/config/sync/core.entity_view_display.node.projet.default.yml @@ -8,6 +8,7 @@ dependencies: - field.field.node.projet.field_dates - field.field.node.projet.field_fichiers - field.field.node.projet.field_images + - field.field.node.projet.field_infos_pratiques - field.field.node.projet.field_invite_accompagne_curate_p - field.field.node.projet.field_partenaire_s - field.field.node.projet.field_portage @@ -71,6 +72,13 @@ content: third_party_settings: { } weight: 10 region: content + field_infos_pratiques: + type: text_default + label: above + settings: { } + third_party_settings: { } + weight: 11 + region: content field_invite_accompagne_curate_p: type: entity_reference_label label: above diff --git a/config/sync/core.entity_view_display.node.projet.full.yml b/config/sync/core.entity_view_display.node.projet.full.yml index 980e155..fc30e21 100644 --- a/config/sync/core.entity_view_display.node.projet.full.yml +++ b/config/sync/core.entity_view_display.node.projet.full.yml @@ -9,6 +9,7 @@ dependencies: - field.field.node.projet.field_dates - field.field.node.projet.field_fichiers - field.field.node.projet.field_images + - field.field.node.projet.field_infos_pratiques - field.field.node.projet.field_invite_accompagne_curate_p - field.field.node.projet.field_partenaire_s - field.field.node.projet.field_portage @@ -110,6 +111,7 @@ content: weight: 6 region: content hidden: + field_infos_pratiques: true field_type_de_projet: true langcode: true links: true diff --git a/config/sync/core.entity_view_display.node.projet.tableau_liste.yml b/config/sync/core.entity_view_display.node.projet.tableau_liste.yml index 4763e1e..69786db 100644 --- a/config/sync/core.entity_view_display.node.projet.tableau_liste.yml +++ b/config/sync/core.entity_view_display.node.projet.tableau_liste.yml @@ -9,6 +9,7 @@ dependencies: - field.field.node.projet.field_dates - field.field.node.projet.field_fichiers - field.field.node.projet.field_images + - field.field.node.projet.field_infos_pratiques - field.field.node.projet.field_invite_accompagne_curate_p - field.field.node.projet.field_partenaire_s - field.field.node.projet.field_portage @@ -82,6 +83,7 @@ content: region: content hidden: field_fichiers: true + field_infos_pratiques: true field_invite_accompagne_curate_p: true field_partenaire_s: true field_portage: true diff --git a/config/sync/core.entity_view_display.node.projet.teaser.yml b/config/sync/core.entity_view_display.node.projet.teaser.yml index 74e4d4a..2b38889 100644 --- a/config/sync/core.entity_view_display.node.projet.teaser.yml +++ b/config/sync/core.entity_view_display.node.projet.teaser.yml @@ -9,6 +9,7 @@ dependencies: - field.field.node.projet.field_dates - field.field.node.projet.field_fichiers - field.field.node.projet.field_images + - field.field.node.projet.field_infos_pratiques - field.field.node.projet.field_invite_accompagne_curate_p - field.field.node.projet.field_partenaire_s - field.field.node.projet.field_portage @@ -31,7 +32,7 @@ content: settings: trim_length: 100 third_party_settings: { } - weight: 2 + weight: 4 region: content field_artiste_s_invite_s: type: entity_reference_label @@ -55,6 +56,21 @@ content: third_party_settings: { } weight: 0 region: content + field_infos_pratiques: + type: text_default + label: hidden + settings: { } + third_party_settings: { } + weight: 3 + region: content + field_type_de_projet: + type: entity_reference_label + label: hidden + settings: + link: false + third_party_settings: { } + weight: 2 + region: content hidden: field_dates: true field_fichiers: true @@ -62,7 +78,6 @@ hidden: field_partenaire_s: true field_portage: true field_projet_s_lie_s: true - field_type_de_projet: true langcode: true links: true search_api_excerpt: true diff --git a/config/sync/field.field.node.evenement.field_infos_pratiques.yml b/config/sync/field.field.node.evenement.field_infos_pratiques.yml new file mode 100644 index 0000000..f70311a --- /dev/null +++ b/config/sync/field.field.node.evenement.field_infos_pratiques.yml @@ -0,0 +1,24 @@ +uuid: 48dc3464-8311-4d9a-a4ff-5c0a118de15b +langcode: fr +status: true +dependencies: + config: + - field.storage.node.field_infos_pratiques + - filter.format.wysiwyg + - node.type.evenement + module: + - text +id: node.evenement.field_infos_pratiques +field_name: field_infos_pratiques +entity_type: node +bundle: evenement +label: 'infos pratiques' +description: '' +required: false +translatable: false +default_value: { } +default_value_callback: '' +settings: + allowed_formats: + - wysiwyg +field_type: text_long diff --git a/config/sync/field.field.node.projet.field_infos_pratiques.yml b/config/sync/field.field.node.projet.field_infos_pratiques.yml new file mode 100644 index 0000000..32a286e --- /dev/null +++ b/config/sync/field.field.node.projet.field_infos_pratiques.yml @@ -0,0 +1,24 @@ +uuid: 99060ba2-f667-472b-98cc-40944fa6470f +langcode: fr +status: true +dependencies: + config: + - field.storage.node.field_infos_pratiques + - filter.format.wysiwyg + - node.type.projet + module: + - text +id: node.projet.field_infos_pratiques +field_name: field_infos_pratiques +entity_type: node +bundle: projet +label: 'infos pratiques' +description: '' +required: false +translatable: false +default_value: { } +default_value_callback: '' +settings: + allowed_formats: + - wysiwyg +field_type: text_long diff --git a/config/sync/field.storage.node.field_infos_pratiques.yml b/config/sync/field.storage.node.field_infos_pratiques.yml new file mode 100644 index 0000000..7b96bed --- /dev/null +++ b/config/sync/field.storage.node.field_infos_pratiques.yml @@ -0,0 +1,19 @@ +uuid: db7ee224-ab8d-4c9d-94f3-39bd730c56d8 +langcode: fr +status: true +dependencies: + module: + - node + - text +id: node.field_infos_pratiques +field_name: field_infos_pratiques +entity_type: node +type: text_long +settings: { } +module: text +locked: false +cardinality: 1 +translatable: true +indexes: { } +persist_with_no_fields: false +custom_storage: false diff --git a/web/themes/custom/leshed/assets/dist/main.css b/web/themes/custom/leshed/assets/dist/main.css index ae47c1e..00bf509 100644 --- a/web/themes/custom/leshed/assets/dist/main.css +++ b/web/themes/custom/leshed/assets/dist/main.css @@ -1 +1 @@ -@font-face{font-family:Epilogue;src:url(./fonts/Epilogue-Italic-VariableFont_wght.ttf) format("truetype");src:url(./fonts/Epilogue-Italic-VariableFont_wght.ttf) format("truetype") tech(variations);font-weight:100 900;font-style:italic;font-display:block}@font-face{font-family:Epilogue;src:url(./fonts/Epilogue-VariableFont_wght.ttf) format("truetype");src:url(./fonts/Epilogue-VariableFont_wght.ttf) format("truetype") tech(variations);font-weight:100 900;font-style:normal;font-display:block}body{font-family:Epilogue;font-weight:400;font-style:normal}a,a:visited{text-decoration:none;color:inherit;transition:color .15s ease-out}body{margin:0;font-weight:200;line-height:1.5}.splitting span.word,.splitting span.char{display:inline}div.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:1080px;margin:0 auto}div.layout-container header[role=banner]{display:block;position:relative;padding:.5em 0;flex:1 1 70px;z-index:100;height:70px;min-height:70px}div.layout-container main[role=main]{flex:1 1 auto;overflow-y:scroll}header[role=banner]{background-color:#fff}header[role=banner] .header-middle{display:flex;justify-content:space-between;align-items:center;padding:.2em 0}header[role=banner] #block-leshed-identitedusite a{text-decoration:none;font-size:2em;font-weight:500;margin-right:.5em}header[role=banner] .header-right{height:20px;width:20px;cursor:pointer}header[role=banner] .header-right>div#burger-btn{position:relative;transition-duration:.5s;transition-property:transform;top:8.5px}header[role=banner] .header-right>div#burger-btn,header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{width:20px;height:3px;background-color:#000}header[role=banner] .header-right>div#burger-btn:hover,header[role=banner] .header-right>div#burger-btn:hover:before,header[role=banner] .header-right>div#burger-btn:hover:after{background-color:green}header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{content:"";position:absolute;left:0}header[role=banner] .header-right>div#burger-btn:before{top:6px}header[role=banner] .header-right>div#burger-btn:after{bottom:6px}header[role=banner] .header-right>div#burger-btn[opened]{transform:rotate(90deg)}header[role=banner] .header-right>div.wrapper{position:fixed;top:70px;left:0;width:100vw;padding:0 calc((100vw - 1080px)/2) 0 calc((100vw - 1080px)/2);background-color:#ffffff4d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);height:0;overflow:hidden;transition-duration:.5s}header[role=banner] .header-right>div.wrapper[opened]{height:calc(100vh - 70px)}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale{padding-top:10px}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale>ul{margin:0;padding:0}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale>ul li{list-style:none}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale>ul li a{font-size:4em;font-weight:200;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff)}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul{margin:0;padding:0}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li{list-style:none;padding:0;display:inline-block;font-size:2em}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li:first-child:after{content:" /";font-weight:200}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li:last-child{padding-left:.3em}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li.is-active{font-weight:400}.variable-title{margin:0;font-weight:200;text-transform:lowercase;line-height:1;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff)}.variable-title span.word span.char{letter-spacing:-.1em}:where(#block-leshed-identitedusite>a,article.node-type-projet>header>h2,article.node-type-projet>.cols>.left>h2,article.node-type-projet.view-mode-full h2.node-title,article.node-type-evenement>header>h2,article.node-type-evenement>header>.field_dates>time,article.node-type-evenement.view-mode-full h2.node-title,article.node-type-evenement.view-mode-full .field_dates.digit-dates span.date-part):not(.splitting){margin:0;font-weight:200;text-transform:lowercase;line-height:1;letter-spacing:-.1em}@media (scripting: enabled){:where(#block-leshed-identitedusite>a,article.node-type-projet>header>h2,article.node-type-projet>.cols>.left>h2,article.node-type-projet.view-mode-full h2.node-title,article.node-type-evenement>header>h2,article.node-type-evenement>header>.field_dates>time,article.node-type-evenement.view-mode-full h2.node-title,article.node-type-evenement.view-mode-full .field_dates.digit-dates span.date-part):not(.is-ready){visibility:hidden;animation:leshed-title-failsafe 0s 3s forwards}}@keyframes leshed-title-failsafe{to{visibility:visible}}div.layout.layout--twocol-section--50-50{flex-wrap:nowrap;align-items:flex-start;column-gap:2em}div.layout.layout--twocol-section--50-50 div.layout__region{max-width:calc(50% - 1em);flex:1 0 calc(50% - 1em)}div.layout.layout--twocol-section--50-50 div.layout__region .views-row{margin-bottom:2em;max-width:100%}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet>header>h2{font-size:5em}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header div.field_images{position:relative;z-index:5}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header div.field_images a{display:block}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header div.field_images a img{width:100%;height:auto}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet div.field_artiste_s_invite_s.field-items.multiple .field-item{display:inline-block}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet div.field_artiste_s_invite_s.field-items.multiple .field-item:not(:last-of-type):after{content:", "}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement>header>h2{font-size:5em}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header div.field_images{position:relative;z-index:5}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header div.field_images a{display:block}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header div.field_images a img{width:100%;height:auto}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement>header .field_dates{font-size:3em}article.node-type-projet.view-mode-full div.cols{display:flex;flex-direction:row;gap:2em;align-items:flex-start}article.node-type-projet.view-mode-full div.cols div.col{flex:0 0 calc(50% - 1em);max-width:calc(50% - 1em)}article.node-type-projet.view-mode-full div.cols div.col.left{z-index:10}article.node-type-projet.view-mode-full div.cols div.col.left>header{transform-origin:0 0;width:205%;z-index:100;pointer-events:none}article.node-type-projet.view-mode-full div.cols div.col.left>header>h2.node-title{position:relative;font-size:12em;margin:0}article.node-type-projet.view-mode-full div.cols div.col.left>header>h2.node-title.leshed-svg-export-target{pointer-events:painted}article.node-type-projet.view-mode-full div.cols div.col.left .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}article.node-type-projet.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p,article.node-type-projet.view-mode-full div.cols div.col.left .field_partenaire_s{margin-top:1em;font-weight:400}article.node-type-projet.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p .field-label,article.node-type-projet.view-mode-full div.cols div.col.left .field_partenaire_s .field-label{font-weight:200}article.node-type-projet.view-mode-full div.cols div.col.left .field_dates{margin-top:1em}article.node-type-projet.view-mode-full div.cols div.col.left .field_dates time{font-weight:400}article.node-type-projet.view-mode-full div.cols div.col.left>div.spacer{display:block;height:5em}article.node-type-projet.view-mode-full div.cols div.col.right{display:flex}article.node-type-projet.view-mode-full div.cols div.col.right .field_images{flex:1}article.node-type-projet.view-mode-full div.cols div.col.right .field_images:after{display:block;position:relative;content:"";width:100%;height:100vh}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item{position:relative}@media (min-width: 768px){article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item{position:sticky;top:0}}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure{margin:0}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure a{display:block}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure a img{width:100%;max-width:100%;height:auto}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption{margin:0;position:absolute;bottom:0;left:0;height:5em;width:100%;overflow:visible;display:block}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{position:absolute;bottom:0;left:0;width:100%;margin:0;background-color:#000000a6;color:#fff;pointer-events:none}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote p{margin:0;padding:1em;font-weight:300;font-size:.8em}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{opacity:0;transition:opacity .3s ease-in-out}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption:hover blockquote{opacity:1}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item:hover{z-index:200}article.node-type-evenement.view-mode-full div.cols{display:flex;flex-direction:row;gap:2em;align-items:flex-start}article.node-type-evenement.view-mode-full div.cols div.col{flex:0 0 calc(50% - 1em);max-width:calc(50% - 1em)}article.node-type-evenement.view-mode-full div.cols div.col.left{z-index:10}article.node-type-evenement.view-mode-full div.cols div.col.left>header{transform-origin:0 0;width:205%;z-index:100;pointer-events:none}article.node-type-evenement.view-mode-full div.cols div.col.left>header>h2.node-title{position:relative;font-size:12em;margin:0}article.node-type-evenement.view-mode-full div.cols div.col.left>header>h2.node-title.leshed-svg-export-target{pointer-events:painted}article.node-type-evenement.view-mode-full div.cols div.col.left .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}article.node-type-evenement.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p,article.node-type-evenement.view-mode-full div.cols div.col.left .field_partenaire_s{margin-top:1em;font-weight:400}article.node-type-evenement.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p .field-label,article.node-type-evenement.view-mode-full div.cols div.col.left .field_partenaire_s .field-label{font-weight:200}article.node-type-evenement.view-mode-full div.cols div.col.left .field_dates{margin-top:1em}article.node-type-evenement.view-mode-full div.cols div.col.left .field_dates time{font-weight:400}article.node-type-evenement.view-mode-full div.cols div.col.left>div.spacer{display:block;height:5em}article.node-type-evenement.view-mode-full div.cols div.col.right{display:flex}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images{flex:1}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images:after{display:block;position:relative;content:"";width:100%;height:100vh}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item{position:relative}@media (min-width: 768px){article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item{position:sticky;top:0}}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure{margin:0}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure a{display:block}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure a img{width:100%;max-width:100%;height:auto}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption{margin:0;position:absolute;bottom:0;left:0;height:5em;width:100%;overflow:visible;display:block}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{position:absolute;bottom:0;left:0;width:100%;margin:0;background-color:#000000a6;color:#fff;pointer-events:none}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote p{margin:0;padding:1em;font-weight:300;font-size:.8em}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{opacity:0;transition:opacity .3s ease-in-out}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption:hover blockquote{opacity:1}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item:hover{z-index:200}article.node-type-evenement.view-mode-full .field_dates.digit-dates{transform-origin:0 0}article.node-type-evenement.view-mode-full .field_dates.digit-dates time{display:grid;grid-template-columns:18em 7em;grid-template-rows:auto auto;grid-template-areas:"day month" "day year"}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-day{grid-area:day;font-size:18em}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-month{grid-area:month;align-self:end}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-year{grid-area:year}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-month,article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-year{font-size:6em}div.views-archives-projets{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em}div.views-archives-projets div.views-row{flex:1 0 calc(25% - 2em);width:calc(25% - 2em)}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste>header>h2{font-size:5em}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header div.field_images{position:relative;z-index:5}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header div.field_images a{display:block}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header div.field_images a img{width:100%;height:auto}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste div.field_artiste_s_invite_s.field-items.multiple .field-item{display:inline-block}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste div.field_artiste_s_invite_s.field-items.multiple .field-item:not(:last-of-type):after{content:", "}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste>header>h2{font-size:3em}div.views-archives-evenementskorganizer{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em}div.views-archives-evenementskorganizer div.views-row{flex:1 0 calc(25% - 2em);width:calc(25% - 2em)}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header>h2{font-size:5em}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header div.field_images{position:relative;z-index:5}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header div.field_images a{display:block}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header div.field_images a img{width:100%;height:auto}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header .field_dates{font-size:3em}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header>h2{font-size:3em}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports (display: grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x: calc((var(--col-total) - 1) / 2);--center-y: calc((var(--row-total) - 1) / 2);--offset-x: calc(var(--col-index) - var(--center-x));--offset-y: calc(var(--row-index) - var(--center-y));--distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );--distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) )}} +@font-face{font-family:Epilogue;src:url(./fonts/Epilogue-Italic-VariableFont_wght.ttf) format("truetype");src:url(./fonts/Epilogue-Italic-VariableFont_wght.ttf) format("truetype") tech(variations);font-weight:100 900;font-style:italic;font-display:block}@font-face{font-family:Epilogue;src:url(./fonts/Epilogue-VariableFont_wght.ttf) format("truetype");src:url(./fonts/Epilogue-VariableFont_wght.ttf) format("truetype") tech(variations);font-weight:100 900;font-style:normal;font-display:block}body{font-family:Epilogue;font-weight:400;font-style:normal}a,a:visited{text-decoration:none;color:inherit;transition:color .15s ease-out}body{margin:0;font-weight:200;line-height:1.5}.splitting span.word,.splitting span.char{display:inline}div.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:1080px;margin:0 auto}div.layout-container header[role=banner]{display:block;position:relative;padding:.5em 0;flex:1 1 70px;z-index:100;height:70px;min-height:70px}div.layout-container main[role=main]{flex:1 1 auto;overflow-y:scroll}header[role=banner]{background-color:#fff}header[role=banner] .header-middle{display:flex;justify-content:space-between;align-items:center;padding:.2em 0}header[role=banner] #block-leshed-identitedusite a{text-decoration:none;font-size:2em;font-weight:500;margin-right:.5em}header[role=banner] .header-right{height:20px;width:20px;cursor:pointer}header[role=banner] .header-right>div#burger-btn{position:relative;transition-duration:.5s;transition-property:transform;top:8.5px}header[role=banner] .header-right>div#burger-btn,header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{width:20px;height:3px;background-color:#000}header[role=banner] .header-right>div#burger-btn:hover,header[role=banner] .header-right>div#burger-btn:hover:before,header[role=banner] .header-right>div#burger-btn:hover:after{background-color:green}header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{content:"";position:absolute;left:0}header[role=banner] .header-right>div#burger-btn:before{top:6px}header[role=banner] .header-right>div#burger-btn:after{bottom:6px}header[role=banner] .header-right>div#burger-btn[opened]{transform:rotate(90deg)}header[role=banner] .header-right>div.wrapper{position:fixed;top:70px;left:0;width:100vw;padding:0 calc((100vw - 1080px)/2) 0 calc((100vw - 1080px)/2);background-color:#ffffff4d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);height:0;overflow:hidden;transition-duration:.5s}header[role=banner] .header-right>div.wrapper[opened]{height:calc(100vh - 70px)}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale{padding-top:10px}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale>ul{margin:0;padding:0}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale>ul li{list-style:none}header[role=banner] .header-right>div.wrapper nav#block-leshed-navigationprincipale>ul li a{font-size:4em;font-weight:200;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff)}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul{margin:0;padding:0}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li{list-style:none;padding:0;display:inline-block;font-size:2em}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li:first-child:after{content:" /";font-weight:200}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li:last-child{padding-left:.3em}header[role=banner] .header-right>div.wrapper div#block-leshed-selecteurdelangue ul li.is-active{font-weight:400}.variable-title{margin:0;font-weight:200;text-transform:lowercase;line-height:1;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff)}.variable-title span.word span.char{letter-spacing:-.1em}:where(#block-leshed-identitedusite>a,article.node-type-projet>header>h2,article.node-type-projet>.cols>.left>h2,article.node-type-projet.view-mode-full h2.node-title,article.node-type-evenement>header>h2,article.node-type-evenement>header>.field_dates>time,article.node-type-evenement.view-mode-full h2.node-title,article.node-type-evenement.view-mode-full .field_dates.digit-dates span.date-part):not(.splitting){margin:0;font-weight:200;text-transform:lowercase;line-height:1;letter-spacing:-.1em}@media (scripting: enabled){:where(#block-leshed-identitedusite>a,article.node-type-projet>header>h2,article.node-type-projet>.cols>.left>h2,article.node-type-projet.view-mode-full h2.node-title,article.node-type-evenement>header>h2,article.node-type-evenement>header>.field_dates>time,article.node-type-evenement.view-mode-full h2.node-title,article.node-type-evenement.view-mode-full .field_dates.digit-dates span.date-part):not(.is-ready){visibility:hidden;animation:leshed-title-failsafe 0s 3s forwards}}@keyframes leshed-title-failsafe{to{visibility:visible}}div.layout.layout--twocol-section--50-50{flex-wrap:nowrap;align-items:flex-start;column-gap:2em}div.layout.layout--twocol-section--50-50 div.layout__region{max-width:calc(50% - 1em);flex:1 0 calc(50% - 1em)}div.layout.layout--twocol-section--50-50 div.layout__region .views-row{margin-bottom:2em;max-width:100%}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet>header>h2{font-size:5em}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet .field_type_d_evenement,div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet .field_type_de_projet{font-weight:400}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header div.field_images{position:relative;z-index:5}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header div.field_images a{display:block}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet.has-image>header div.field_images a img{width:100%;height:auto}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet div.field_artiste_s_invite_s.field-items.multiple .field-item{display:inline-block}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-projet div.field_artiste_s_invite_s.field-items.multiple .field-item:not(:last-of-type):after{content:", "}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement>header>h2{font-size:5em}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement .field_type_d_evenement,div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement .field_type_de_projet{font-weight:400}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header div.field_images{position:relative;z-index:5}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header div.field_images a{display:block}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement.has-image>header div.field_images a img{width:100%;height:auto}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement>header .field_dates{font-size:4em;line-height:1}div.layout.layout--twocol-section--50-50 div.layout__region .views-row article.node-type-evenement>header .field_dates time span.date-part:not(:last-child):after{content:"."}article.node-type-projet.view-mode-full div.cols{display:flex;flex-direction:row;gap:2em;align-items:flex-start}article.node-type-projet.view-mode-full div.cols div.col{flex:0 0 calc(50% - 1em);max-width:calc(50% - 1em)}article.node-type-projet.view-mode-full div.cols div.col.left{z-index:10}article.node-type-projet.view-mode-full div.cols div.col.left>header{transform-origin:0 0;width:205%;z-index:100;pointer-events:none}article.node-type-projet.view-mode-full div.cols div.col.left>header>h2.node-title{position:relative;font-size:12em;margin:0}article.node-type-projet.view-mode-full div.cols div.col.left>header>h2.node-title.leshed-svg-export-target{pointer-events:painted}article.node-type-projet.view-mode-full div.cols div.col.left .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}article.node-type-projet.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p,article.node-type-projet.view-mode-full div.cols div.col.left .field_partenaire_s{margin-top:1em;font-weight:400}article.node-type-projet.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p .field-label,article.node-type-projet.view-mode-full div.cols div.col.left .field_partenaire_s .field-label{font-weight:200}article.node-type-projet.view-mode-full div.cols div.col.left .field_dates{margin-top:1em}article.node-type-projet.view-mode-full div.cols div.col.left .field_dates time{font-weight:400}article.node-type-projet.view-mode-full div.cols div.col.left>div.spacer{display:block;height:5em}article.node-type-projet.view-mode-full div.cols div.col.right{display:flex}article.node-type-projet.view-mode-full div.cols div.col.right .field_images{flex:1}article.node-type-projet.view-mode-full div.cols div.col.right .field_images:after{display:block;position:relative;content:"";width:100%;height:100vh}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item{position:relative}@media (min-width: 768px){article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item{position:sticky;top:0}}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure{margin:0}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure a{display:block}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure a img{width:100%;max-width:100%;height:auto}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption{margin:0;position:absolute;bottom:0;left:0;height:5em;width:100%;overflow:visible;display:block}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{position:absolute;bottom:0;left:0;width:100%;margin:0;background-color:#000000a6;color:#fff;pointer-events:none}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote p{margin:0;padding:1em;font-weight:300;font-size:.8em}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{opacity:0;transition:opacity .3s ease-in-out}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption:hover blockquote{opacity:1}article.node-type-projet.view-mode-full div.cols div.col.right .field_images .field-item:hover{z-index:200}article.node-type-evenement.view-mode-full div.cols{display:flex;flex-direction:row;gap:2em;align-items:flex-start}article.node-type-evenement.view-mode-full div.cols div.col{flex:0 0 calc(50% - 1em);max-width:calc(50% - 1em)}article.node-type-evenement.view-mode-full div.cols div.col.left{z-index:10}article.node-type-evenement.view-mode-full div.cols div.col.left>header{transform-origin:0 0;width:205%;z-index:100;pointer-events:none}article.node-type-evenement.view-mode-full div.cols div.col.left>header>h2.node-title{position:relative;font-size:12em;margin:0}article.node-type-evenement.view-mode-full div.cols div.col.left>header>h2.node-title.leshed-svg-export-target{pointer-events:painted}article.node-type-evenement.view-mode-full div.cols div.col.left .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}article.node-type-evenement.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p,article.node-type-evenement.view-mode-full div.cols div.col.left .field_partenaire_s{margin-top:1em;font-weight:400}article.node-type-evenement.view-mode-full div.cols div.col.left .field_invite_accompagne_curate_p .field-label,article.node-type-evenement.view-mode-full div.cols div.col.left .field_partenaire_s .field-label{font-weight:200}article.node-type-evenement.view-mode-full div.cols div.col.left .field_dates{margin-top:1em}article.node-type-evenement.view-mode-full div.cols div.col.left .field_dates time{font-weight:400}article.node-type-evenement.view-mode-full div.cols div.col.left>div.spacer{display:block;height:5em}article.node-type-evenement.view-mode-full div.cols div.col.right{display:flex}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images{flex:1}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images:after{display:block;position:relative;content:"";width:100%;height:100vh}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item{position:relative}@media (min-width: 768px){article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item{position:sticky;top:0}}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure{margin:0}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure a{display:block}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure a img{width:100%;max-width:100%;height:auto}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption{margin:0;position:absolute;bottom:0;left:0;height:5em;width:100%;overflow:visible;display:block}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{position:absolute;bottom:0;left:0;width:100%;margin:0;background-color:#000000a6;color:#fff;pointer-events:none}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote p{margin:0;padding:1em;font-weight:300;font-size:.8em}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption blockquote{opacity:0;transition:opacity .3s ease-in-out}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item figure figcaption.image-field-caption:hover blockquote{opacity:1}article.node-type-evenement.view-mode-full div.cols div.col.right .field_images .field-item:hover{z-index:200}article.node-type-evenement.view-mode-full .field_dates.digit-dates{transform-origin:0 0}article.node-type-evenement.view-mode-full .field_dates.digit-dates time{display:grid;grid-template-columns:18em 7em;grid-template-rows:auto auto;grid-template-areas:"day month" "day year"}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-day{grid-area:day;font-size:18em}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-month{grid-area:month;align-self:end}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-year{grid-area:year}article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-month,article.node-type-evenement.view-mode-full .field_dates.digit-dates time span.date-year{font-size:6em}div.views-archives-projets{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em}div.views-archives-projets div.views-row{flex:1 0 calc(25% - 2em);width:calc(25% - 2em)}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste>header>h2{font-size:5em}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste .field_type_d_evenement,div.views-archives-projets article.node-type-projet.view-mode-tableau_liste .field_type_de_projet{font-weight:400}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header div.field_images{position:relative;z-index:5}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header div.field_images a{display:block}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste.has-image>header div.field_images a img{width:100%;height:auto}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste div.field_artiste_s_invite_s.field-items.multiple .field-item{display:inline-block}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste div.field_artiste_s_invite_s.field-items.multiple .field-item:not(:last-of-type):after{content:", "}div.views-archives-projets article.node-type-projet.view-mode-tableau_liste>header>h2{font-size:3em}div.views-archives-evenementskorganizer{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em}div.views-archives-evenementskorganizer div.views-row{flex:1 0 calc(25% - 2em);width:calc(25% - 2em)}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header>h2{font-size:5em}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste .field_artiste_s_invite_s{font-size:1.8em;font-weight:300}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste .field_type_d_evenement,div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste .field_type_de_projet{font-weight:400}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header>h2{position:relative;max-height:1em;overflow:visible;z-index:10}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header div.field_images{position:relative;z-index:5}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header div.field_images a{display:block}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste.has-image>header div.field_images a img{width:100%;height:auto}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header .field_dates{font-size:4em;line-height:1}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header .field_dates time span.date-part:not(:last-child):after{content:"."}div.views-archives-evenementskorganizer article.node-type-evenement.view-mode-tableau_liste>header>h2{font-size:3em}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports (display: grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x: calc((var(--col-total) - 1) / 2);--center-y: calc((var(--row-total) - 1) / 2);--offset-x: calc(var(--col-index) - var(--center-x));--offset-y: calc(var(--row-index) - var(--center-y));--distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );--distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) )}} diff --git a/web/themes/custom/leshed/assets/scss/main.scss b/web/themes/custom/leshed/assets/scss/main.scss index 81bdec4..11f06e9 100644 --- a/web/themes/custom/leshed/assets/scss/main.scss +++ b/web/themes/custom/leshed/assets/scss/main.scss @@ -270,6 +270,16 @@ $variable-title-selectors: ( to{ visibility: visible; } } + + + + +// _____ _____ __ ____ ___ _ ____ +// |_ _/ _ \ \ / / / ___/ _ \| | / ___| +// | || | | \ \ /\ / / | | | | | | | \___ \ +// | || |_| |\ V V / | |__| |_| | |___ ___) | +// |_| \___/ \_/\_/ \____\___/|_____|____/ + @mixin nodeListe{ >header{ @@ -277,6 +287,15 @@ $variable-title-selectors: ( font-size: 5em; } } + .field_artiste_s_invite_s{ + font-size: 1.8em; + font-weight: 300; + } + + .field_type_d_evenement, + .field_type_de_projet{ + font-weight: 400; + } &.has-image{ >header{ @@ -324,20 +343,20 @@ $variable-title-selectors: ( @include nodeListe(); >header{ .field_dates{ - font-size: 3em; + font-size: 4em; + line-height: 1; + time{ + span.date-part:not(:last-child){ + &:after{ + content:"."; + } + } + } } } } - - -// _____ _____ __ ____ ___ _ ____ -// |_ _/ _ \ \ / / / ___/ _ \| | / ___| -// | || | | \ \ /\ / / | | | | | | | \___ \ -// | || |_| |\ V V / | |__| |_| | |___ ___) | -// |_| \___/ \_/\_/ \____\___/|_____|____/ - div.layout.layout--twocol-section--50-50{ flex-wrap: nowrap; // Sans ça, `align-items: stretch` (défaut flex) étire les deux colonnes à la @@ -365,6 +384,13 @@ div.layout.layout--twocol-section--50-50{ } } +// _ _ _ _____ _ _ +// | \ | | ___ __| | ___| ___| _| | | +// | \| |/ _ \ / _` |/ _ \ |_ | | | | | | +// | |\ | (_) | (_| | __/ _|| |_| | | | +// |_| \_|\___/ \__,_|\___|_| \__,_|_|_| + + @mixin nodefull{ div.cols{ display: flex; @@ -549,6 +575,7 @@ article.node-type-evenement.view-mode-full{ "day month" "day year"; // align-items: baseline; + span.date-day{ grid-area: day;