From bd1b450a4502790ca8d304ec073f1990859a23c8 Mon Sep 17 00:00:00 2001 From: Valentin Date: Tue, 5 Nov 2024 01:44:18 +0100 Subject: [PATCH] index page projets --- .../block.block.erabletheme_leprogramme_2.yml | 31 ++ .../block.block.erabletheme_unequestion.yml | 2 +- ...ck.erabletheme_votrequestionnexistepas.yml | 2 +- ...ger.page_variant.home-panels_variant-0.yml | 4 +- config/sync/views.view.projets.yml | 19 +- .../assets/css/carte-interactive.css | 2 +- .../assets/css/carte-interactive.old.css | 91 ---- .../erable_mod/assets/js/carte-interactive.js | 9 +- .../assets/js/carte-interactive.js.old | 115 ---- .../erable_mod/erable_mod.libraries.yml | 3 +- .../custom/erable_mod/erable_mod.module | 4 +- .../erable_mod/src/Plugin/Block/SitesMap.php | 10 +- .../templates/svg-mapsites.html.twig | 3 + .../erabletheme/assets/cercle_dessin.svg | 1 + .../erabletheme/assets/shapes/shape_1.svg | 1 + .../erabletheme/assets/shapes/shape_2.svg | 1 + .../erabletheme/assets/shapes/shape_3.svg | 1 + .../erabletheme/assets/shapes/shape_4.svg | 1 + web/themes/erabletheme/css/styles.css | 489 ++++++++++++++++-- web/themes/erabletheme/css/styles.css.map | 2 +- web/themes/erabletheme/erabletheme.theme | 28 +- web/themes/erabletheme/js/erabletheme.js | 33 ++ web/themes/erabletheme/scss/_fullpage.scss | 124 ++++- web/themes/erabletheme/scss/_gouvernance.scss | 114 ++-- web/themes/erabletheme/scss/_home.scss | 61 ++- web/themes/erabletheme/scss/_meetup.scss | 13 + web/themes/erabletheme/scss/_partenaires.scss | 1 + web/themes/erabletheme/scss/_projets.scss | 150 ++++++ .../erabletheme/scss/global/_global.scss | 14 +- .../scss/partials/_articles_teaser.scss | 3 +- web/themes/erabletheme/scss/styles.scss | 1 + ...block--erabletheme-leprogramme-2.html.twig | 64 +++ .../templates/block--sitesmap-block.html.twig | 2 +- .../views-view--content-projets.html.twig | 67 +++ 34 files changed, 1084 insertions(+), 382 deletions(-) create mode 100644 config/sync/block.block.erabletheme_leprogramme_2.yml delete mode 100644 web/modules/custom/erable_mod/assets/css/carte-interactive.old.css delete mode 100644 web/modules/custom/erable_mod/assets/js/carte-interactive.js.old create mode 100644 web/themes/erabletheme/assets/cercle_dessin.svg create mode 100644 web/themes/erabletheme/assets/shapes/shape_1.svg create mode 100644 web/themes/erabletheme/assets/shapes/shape_2.svg create mode 100644 web/themes/erabletheme/assets/shapes/shape_3.svg create mode 100644 web/themes/erabletheme/assets/shapes/shape_4.svg create mode 100644 web/themes/erabletheme/scss/_projets.scss create mode 100644 web/themes/erabletheme/templates/block--erabletheme-leprogramme-2.html.twig create mode 100644 web/themes/erabletheme/templates/views-view--content-projets.html.twig diff --git a/config/sync/block.block.erabletheme_leprogramme_2.yml b/config/sync/block.block.erabletheme_leprogramme_2.yml new file mode 100644 index 0000000..988e9af --- /dev/null +++ b/config/sync/block.block.erabletheme_leprogramme_2.yml @@ -0,0 +1,31 @@ +uuid: fdcecdf1-6b41-44be-9a67-d1bc81a2eab3 +langcode: fr +status: true +dependencies: + config: + - system.menu.le- + module: + - menu_block + theme: + - erabletheme +id: erabletheme_leprogramme_2 +theme: erabletheme +region: sidebar_first +weight: 0 +provider: null +plugin: 'menu_block:le-' +settings: + id: 'menu_block:le-' + label: 'Le Programme' + label_display: visible + provider: menu_block + follow: false + follow_parent: child + label_link: false + label_type: block + level: 1 + depth: 0 + expand_all_items: false + parent: 'le-:' + suggestion: le_ +visibility: { } diff --git a/config/sync/block.block.erabletheme_unequestion.yml b/config/sync/block.block.erabletheme_unequestion.yml index b0cd675..caf544a 100644 --- a/config/sync/block.block.erabletheme_unequestion.yml +++ b/config/sync/block.block.erabletheme_unequestion.yml @@ -1,6 +1,6 @@ uuid: 8eb6829e-ca59-4575-9995-09c358c6044e langcode: fr -status: true +status: false dependencies: content: - 'block_content:link:82c97cc5-9a38-42e6-852f-e160d945a338' diff --git a/config/sync/block.block.erabletheme_votrequestionnexistepas.yml b/config/sync/block.block.erabletheme_votrequestionnexistepas.yml index 5ca3a15..ff65b2a 100644 --- a/config/sync/block.block.erabletheme_votrequestionnexistepas.yml +++ b/config/sync/block.block.erabletheme_votrequestionnexistepas.yml @@ -1,6 +1,6 @@ uuid: 06d94b61-c1be-4382-b4e0-2184f06300c7 langcode: fr -status: true +status: false dependencies: content: - 'block_content:link:40c00cc4-49aa-41f8-b27c-3545c6be2982' diff --git a/config/sync/page_manager.page_variant.home-panels_variant-0.yml b/config/sync/page_manager.page_variant.home-panels_variant-0.yml index b92cadb..7b97870 100644 --- a/config/sync/page_manager.page_variant.home-panels_variant-0.yml +++ b/config/sync/page_manager.page_variant.home-panels_variant-0.yml @@ -46,8 +46,8 @@ variant_settings: uuid: 42e5f5be-e990-4ced-854c-3f431dbfdcc0 41595e31-d8d6-4940-a1e5-8687c04af5a5: id: sitesmap_block - label: 'Sites map Block' - label_display: '0' + label: 'Carte des projets lauréats 2024' + label_display: visible provider: erable_mod context_mapping: { } region: content diff --git a/config/sync/views.view.projets.yml b/config/sync/views.view.projets.yml index 1873584..10b0eef 100644 --- a/config/sync/views.view.projets.yml +++ b/config/sync/views.view.projets.yml @@ -11,6 +11,8 @@ dependencies: - image.style.medium - node.type.projet - system.menu.main + content: + - 'config_pages:les_projets:7af1760d-0b6b-42ed-8032-76310f6a4eb2' module: - image_delta_formatter - node @@ -168,12 +170,7 @@ display: replica: false query_tags: { } relationships: { } - header: - entity_config_pages: - id: entity_config_pages - table: views - field: entity_config_pages - plugin_id: entity + header: { } footer: { } display_extenders: { } cache_metadata: @@ -685,8 +682,8 @@ display: alter: alter_text: false text: '' - make_link: false - path: '' + make_link: true + path: '/taxonomy/term/{{ field_th__target_id }}' absolute: false external: false replace_spaces: false @@ -732,7 +729,7 @@ display: delta_offset: 0 delta_reversed: false delta_first_last: false - multi_type: separator + multi_type: ul separator: ', ' field_api_classes: false defaults: @@ -747,8 +744,8 @@ display: group_type: group admin_label: '' plugin_id: entity - empty: true - target: b8729588-5a4f-450a-ac00-e472ef8922be + empty: false + target: 7af1760d-0b6b-42ed-8032-76310f6a4eb2 view_mode: default tokenize: true bypass_access: false diff --git a/web/modules/custom/erable_mod/assets/css/carte-interactive.css b/web/modules/custom/erable_mod/assets/css/carte-interactive.css index b4736ec..413e4e8 100644 --- a/web/modules/custom/erable_mod/assets/css/carte-interactive.css +++ b/web/modules/custom/erable_mod/assets/css/carte-interactive.css @@ -1,7 +1,7 @@ #sites-map-container { position: relative; margin: 0 auto; - max-width: 40vw; + width: 100%; } #map_base { diff --git a/web/modules/custom/erable_mod/assets/css/carte-interactive.old.css b/web/modules/custom/erable_mod/assets/css/carte-interactive.old.css deleted file mode 100644 index 2476ceb..0000000 --- a/web/modules/custom/erable_mod/assets/css/carte-interactive.old.css +++ /dev/null @@ -1,91 +0,0 @@ -#sites-map-container { - text-align: center; - position: relative; - width: 100%; /* Prend toute la largeur du conteneur parent */ - max-width: 800px; /* Optionnel : Limiter la largeur maximale */ - margin: 0 auto; /* Centrer le conteneur */ - height: auto; /* Permet à la hauteur de s'ajuster automatiquement */ - @media (max-width: 810px) { - width: 80%; /* Prend toute la largeur du conteneur parent */ - } - @media (max-width: 530px) { - width: 100%; /* Prend toute la largeur du conteneur parent */ - height: 485px; - } - @media (max-width: 400px) { - width: 100%; /* Prend toute la largeur du conteneur parent */ - height: 430px; - } -} - - - -/* Changer la couleur au survol (hover) */ -#sites-map-container .site-link:hover{ - cursor: pointer; -} - - -/* Styles du popup (caché par défaut) */ -#sites-map-container #popup { - display: none; - position: absolute; - z-index: 1000; - text-align: left; - padding-left: 1rem; - pointer-events: none; - @media (max-width: 1090px) { - bottom: 20px; - } - -} - -/* Position du popup à droite lorsque l'écran est plus grand que 1090px */ -@media (min-width: 1090px) { - #sites-map-container #popup { - top: 50%; /* Centrer verticalement */ - left: 80%; /* Placer le popup à droite de la carte */ - transform: translateY(-50%); /* Ajuster pour centrer verticalement */ - width: 300px; - } -} - - -#sites-map-container strong{ - color: #f7002b; -} -#sites-map-container a{ - display: none; - align-items: center; - color: white; - background: black; - text-transform: uppercase; - font-size: 0.8rem; - padding-left: 0.5rem; - text-decoration: none; - margin-top: 0.7rem; - height: 1.3rem; -} -#sites-map-container a:after{ - display: inline-flex; - content: url("../img/noun-arrow-to-right.svg"); - padding-right: 0.2rem; - padding-left: 0.2rem; - -} - -#popup-content{ - width: 300px; - padding-right: 30px; - - p{ - font-size: 0.7rem; - } - @media (max-width : 810px) { - width: 300px; - background-color: white; - border-radius: 5px; - padding: 0.5rem; - padding-left: 1rem; - } -} diff --git a/web/modules/custom/erable_mod/assets/js/carte-interactive.js b/web/modules/custom/erable_mod/assets/js/carte-interactive.js index cfc6ba0..8f9b648 100644 --- a/web/modules/custom/erable_mod/assets/js/carte-interactive.js +++ b/web/modules/custom/erable_mod/assets/js/carte-interactive.js @@ -186,7 +186,7 @@ function placeProjectsIcons(projectsIcons) { const territory = findTerritory(lat, lon); - console.log(icon.dataset.title, territory); + // console.log(icon.dataset.title, territory); if (territory && localisationMapPlacements[territory]) { @@ -261,8 +261,11 @@ function hidePopup(){ placeProjectsIcons(projectsIcons); // debugMapPlacement(); - -window.addEventListener('resize', placeProjectsIcons(projectsIcons)); +document.addEventListener('DOMContentLoaded', () => { + window.addEventListener('resize', () => { + placeProjectsIcons(projectsIcons) + }); +}); function debugMapPlacement() { const container = document.querySelector('#sites-map-container'); diff --git a/web/modules/custom/erable_mod/assets/js/carte-interactive.js.old b/web/modules/custom/erable_mod/assets/js/carte-interactive.js.old deleted file mode 100644 index f288a90..0000000 --- a/web/modules/custom/erable_mod/assets/js/carte-interactive.js.old +++ /dev/null @@ -1,115 +0,0 @@ -// // Sélection des éléments principaux -const svgElement = document.querySelector('#sites-map-container svg'); -const popup = document.querySelector('#sites-map-container #popup'); -const popupContent = document.querySelector('#sites-map-container #popup-content'); -const modalBackground = document.querySelector('#sites-map-container #modal-background'); - -// Vérifiez si la page contient la classe '.node-type-site' -const isSitePage = document.body.classList.contains('node-type-site'); -console.log(isSitePage); - - - -// Fonction pour afficher le popup -function showPopup(content, x, y, isLeftHalf) { - // Si on est sur une page avec la classe 'node-type-site', ne pas afficher le popup - if (isSitePage) return; - - popupContent.innerHTML = content; - - - // Afficher le popup et le fond de modal - popup.style.display = 'block'; - modalBackground.style.display = 'block'; - -} - -// Fonction pour fermer le popup -function closePopup() { - popup.style.display = 'none'; - modalBackground.style.display = 'none'; // Désactiver le fond modal -} - -// Gérer le survol des cercles (au lieu du clic) -svgElement.addEventListener('mouseover', function(event) { - if (event.target.classList.contains('site-link')) { - const content = event.target.getAttribute('data-content'); - - // Afficher le popup avec la position et l'alignement adaptés - showPopup(content); - } - - // Gestion du changement de couleur sur le cercle - if (event.target.tagName === 'circle') { - event.target.setAttribute('fill', 'red'); - } -}); - -// Fermer le popup lorsque la souris quitte le cercle -svgElement.addEventListener('mouseout', function(event) { - if (event.target.classList.contains('site-link')) { - closePopup(); - } - - // Réinitialiser la couleur du cercle au survol de la souris - if (event.target.tagName === 'circle') { - event.target.setAttribute('fill', 'black'); // Remettre en noir - } -}); - - -// Mettre à jour la logique de calcul des positions -function recalculateSitePositions() { - const allSites = document.querySelectorAll('.site-link'); - - allSites.forEach((site, index) => { - const geofield = site.getAttribute('data-geofield'); // Assurez-vous que ces attributs sont bien définis - const lon = parseFloat(geofield.split(',')[0]); - const lat = parseFloat(geofield.split(',')[1]); - - const x = round((lon - lonLeft) / (lonRight - lonLeft) * vp_w); - const y = round((latTop - lat) / (latTop - latBottom) * vp_h); - - site.setAttribute('transform', `translate(${x}, ${y})`); - }); -} - -window.addEventListener('resize', function() { - recalculateSitePositions(); - if (popup.style.display === 'block') { - const currentPopupRect = popup.getBoundingClientRect(); - const rect = svgElement.getBoundingClientRect(); - showPopup(popupContent.innerHTML, currentPopupRect.left - rect.left, currentPopupRect.top - rect.top); - } -}); - -// Gérer le clic ou le toucher des cercles -function handleCircleClick(content) { - showPopup(content, event.clientX, event.clientY, event.target.getAttribute('data-left-half') === 'true'); -} - -// Écouter les événements de clic et de toucher sur le SVG -svgElement.addEventListener('click', function(event) { - if (event.target.classList.contains('site-link') || event.target.tagName === 'rect') { - const content = event.target.getAttribute('data-content'); - handleCircleClick(content); - } -}); - - -///////////////////// page site point rouge quand sur page /////////////////////// - -// Récupérer l'ID de la page depuis la classe du body -const body = document.querySelector('body'); -const pageId = body.className.match(/node-id-(\d+)/)[1]; // Extraire l'ID de la page - -// Sélectionner le groupe SVG qui a l'ID correspondant -const matchingGroup = document.querySelector(`#site-${pageId}`); - -// Si un groupe correspondant est trouvé, changer la couleur du cercle à l'intérieur -if (matchingGroup) { - const circle = matchingGroup.querySelector('circle'); // Sélectionner le cercle à l'intérieur du groupe - if (circle) { - circle.setAttribute('fill', 'red'); // Changer la couleur du cercle - } -} diff --git a/web/modules/custom/erable_mod/erable_mod.libraries.yml b/web/modules/custom/erable_mod/erable_mod.libraries.yml index 50a42b1..9544e70 100644 --- a/web/modules/custom/erable_mod/erable_mod.libraries.yml +++ b/web/modules/custom/erable_mod/erable_mod.libraries.yml @@ -1,7 +1,6 @@ sites_map_block: css: theme: - assets/css/fontface.scss: {} assets/css/carte-interactive.css: {} js: - assets/js/carte-interactive.js: {} \ No newline at end of file + assets/js/carte-interactive.js: {} diff --git a/web/modules/custom/erable_mod/erable_mod.module b/web/modules/custom/erable_mod/erable_mod.module index ee58c18..5c73385 100644 --- a/web/modules/custom/erable_mod/erable_mod.module +++ b/web/modules/custom/erable_mod/erable_mod.module @@ -11,7 +11,7 @@ function erable_mod_theme() { return array( 'svg_mapsites' => array( - 'variables' => array('vpw' => null, 'vph' => null, 'sites' => []), + 'variables' => array('sites' => [], 'intro' => null), ), ); -} \ No newline at end of file +} diff --git a/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php b/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php index 5f0dc7b..db162a1 100644 --- a/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php +++ b/web/modules/custom/erable_mod/src/Plugin/Block/SitesMap.php @@ -26,6 +26,9 @@ class SitesMap extends BlockBase { $allSites = \Drupal::entityTypeManager()->getStorage('node') ->loadByProperties(['type' => 'projet', 'status' => 1]); + $intro_text = \Drupal::entityTypeManager()->getStorage('config_pages') + ->load('2')->get('field_intro')-> value; + $sites_paths = ""; foreach($allSites as $index => $site){ @@ -35,11 +38,8 @@ class SitesMap extends BlockBase { $link_options = ['absolute' => FALSE, 'attributes' => ['class' => 'site-link']]; $site_link_object = Link::createFromRoute("voir le site", 'entity.node.canonical', ['node' => $site->id()], $link_options); - // $link = $site_link_object->toString()->getGeneratedLink(); $href = $site_link_object->getUrl()->toString(); - // $datacontent = htmlspecialchars("$title
$subtitle
$link"); - $geofield = $site->get('field_carte')->get(0); $lon = $geofield->lon; $lat = $geofield->lat; @@ -60,6 +60,7 @@ class SitesMap extends BlockBase { 'svg_mapsites' => [ '#theme' => 'svg_mapsites', '#sites' => $sites_paths, + '#intro' => $intro_text, '#attached' => [ 'library' => [ 'erable_mod/sites_map_block', @@ -69,9 +70,6 @@ class SitesMap extends BlockBase { ]; return $return; - // return [ - // '#markup' => $this->t('Hello, Sites Map!'), - // ]; } public function getCacheMaxAge() { return 0; diff --git a/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig b/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig index 8c4d338..e88f0b7 100644 --- a/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig +++ b/web/modules/custom/erable_mod/templates/svg-mapsites.html.twig @@ -1,3 +1,6 @@ +
+ {{ intro|raw }} +
{# diff --git a/web/themes/erabletheme/assets/cercle_dessin.svg b/web/themes/erabletheme/assets/cercle_dessin.svg new file mode 100644 index 0000000..80e0244 --- /dev/null +++ b/web/themes/erabletheme/assets/cercle_dessin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/erabletheme/assets/shapes/shape_1.svg b/web/themes/erabletheme/assets/shapes/shape_1.svg new file mode 100644 index 0000000..d4166e8 --- /dev/null +++ b/web/themes/erabletheme/assets/shapes/shape_1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/erabletheme/assets/shapes/shape_2.svg b/web/themes/erabletheme/assets/shapes/shape_2.svg new file mode 100644 index 0000000..6f5a493 --- /dev/null +++ b/web/themes/erabletheme/assets/shapes/shape_2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/erabletheme/assets/shapes/shape_3.svg b/web/themes/erabletheme/assets/shapes/shape_3.svg new file mode 100644 index 0000000..3b336e1 --- /dev/null +++ b/web/themes/erabletheme/assets/shapes/shape_3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/erabletheme/assets/shapes/shape_4.svg b/web/themes/erabletheme/assets/shapes/shape_4.svg new file mode 100644 index 0000000..63e4a49 --- /dev/null +++ b/web/themes/erabletheme/assets/shapes/shape_4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index c33275f..50e6e61 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -58,8 +58,22 @@ a { margin-top: calc(10vh + 3rem); } } */ +body { + background-color: lightgrey; +} + .layout-container { - margin: 0 !important; + display: flex; +} + +main:has(#block-erabletheme-leprogramme-2) { + display: flex; + flex-direction: column-reverse; +} +@media screen and (min-width: 760px) { + main:has(#block-erabletheme-leprogramme-2) { + flex-direction: row-reverse; + } } strong { @@ -808,7 +822,7 @@ body.toolbar-fixed header[role=banner] { } .views-row article.actu-teaser > div:first-of-type { width: 100%; - aspect-ratio: 16/9; + aspect-ratio: 20/9; overflow: hidden; padding-left: 3vw; padding-right: 3vw; @@ -851,6 +865,7 @@ body.toolbar-fixed header[role=banner] { } .views-row article.actu-teaser h2 { margin-bottom: 0.5rem; + margin-top: 1rem !important; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; padding: 0 3vw; @@ -959,7 +974,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo background-color: white; width: 100%; box-sizing: border-box; - padding: 4rem 1rem; + padding: 3rem 1rem; + margin: 2rem 0; } .home_introduction h2 { display: none; @@ -975,12 +991,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo width: 50%; height: auto; } -@media (min-width: 760px) { +@media (min-width: 1080px) { .home_introduction > .logo img { width: 100%; } } -@media (min-width: 760px) { +@media (min-width: 1080px) { .home_introduction > .logo { width: 170%; margin: 0 3rem; @@ -998,9 +1014,15 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } @media (min-width: 760px) { .home_introduction article > div p { + padding-left: 3rem; padding-right: 3rem; } } +@media (min-width: 1080px) { + .home_introduction article > div p { + padding-left: 0; + } +} @media (min-width: 760px) { .home_introduction article > div { padding: 0 !important; @@ -1045,6 +1067,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo margin-left: 20vw; margin-right: 20vw; width: calc(100% - 40vw); + } +} +@media (min-width: 1080px) { + .home_introduction { display: flex; justify-content: space-around; } @@ -1150,18 +1176,74 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } } -#sites-map-container #popup h3 { +.map-projets { + background-color: white; + padding: 1rem 0; + margin-left: 3vw; + width: calc(100% - 3vw * 2); +} +@media (min-width: 760px) { + .map-projets { + margin-left: 20vw; + width: calc(100% - 40vw); + } +} +@media (min-width: 1080px) { + .map-projets { + margin-left: 25vw; + width: calc(100% - 50vw); + } +} +.map-projets > h2 { + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; + padding: 0 3vw; + margin-top: 1rem; + color: #038788; + text-transform: uppercase; +} +.map-projets > h2 a { + color: #038788; +} +@media (min-width: 760px) { + .map-projets > h2 { + font-size: 2.3rem; + } +} +.map-projets > .projets_intro { + padding: 0 3vw; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} +.map-projets > .projets_intro h1, .map-projets > .projets_intro h2, .map-projets > .projets_intro h3, +.map-projets > .projets_intro h4, .map-projets > .projets_intro h5, .map-projets > .projets_intro h6 { + font-family: "Barlow", sans-serif; + color: black; + font-size: 1.6rem; +} +.map-projets > .projets_intro a { + color: black; +} +.map-projets > .projets_intro > p { + margin: 1rem 0; +} +.map-projets > #sites-map-container { + margin: 0 2rem; + width: calc(100% - 4rem); +} +.map-projets > #sites-map-container #popup h3 { font-family: "Marianne", sans-serif; font-size: 0.9rem; color: #038788; font-weight: 800; } @media (min-width: 760px) { - #sites-map-container #popup h3 { + .map-projets > #sites-map-container #popup h3 { font-size: 1.2rem; } } -#sites-map-container #popup p { +.map-projets > #sites-map-container #popup p { font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; @@ -1169,15 +1251,14 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .fullpage { margin-bottom: 10vh; - margin-top: -3vh; padding-top: 3vh; - background: linear-gradient(to bottom, #fcf9ee 80%, white 100%); + padding-bottom: 3vh; + background-color: white; position: relative; } -.fullpage > h2 { - margin-top: 5vh; +.fullpage h2 { + margin-top: 5vh !important; margin-bottom: 7vh; - background-color: #fcf9ee; z-index: 1; position: relative; width: auto; @@ -1189,51 +1270,21 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo color: #038788; text-transform: uppercase; } -.fullpage > h2 a { +.fullpage h2 a { color: #038788; } @media (min-width: 760px) { - .fullpage > h2 { + .fullpage h2 { font-size: 2.3rem; } } -@media (min-width: 760px) { - .fullpage > h2 { - background-color: unset; - } -} .fullpage .legende { display: block !important; font-size: 0.8rem; color: #314e41; } .fullpage .fullpage_content > h2 { - margin-top: 5vh; margin-bottom: 1rem; - background-color: #fcf9ee; - z-index: 1; - position: relative; - width: auto; - display: inline-block; - font-family: "Barlow Condensed", sans-serif; - font-size: 1.2rem; - padding: 0 3vw; - margin-top: 1rem; - color: #038788; - text-transform: uppercase; -} -.fullpage .fullpage_content > h2 a { - color: #038788; -} -@media (min-width: 760px) { - .fullpage .fullpage_content > h2 { - font-size: 2.3rem; - } -} -@media (min-width: 760px) { - .fullpage .fullpage_content > h2 { - background-color: unset; - } } .fullpage .fullpage_content .sous_titre { font-size: 1.2rem; @@ -1313,7 +1364,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } @media (min-width: 760px) { .fullpage { - margin-top: 2vh; + margin-top: 5vh; padding-top: 0; width: 75vw; margin-left: 12.5vw; @@ -1321,7 +1372,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } @media (min-width: 1080px) { .fullpage { - width: 50%; + margin-top: 13vh; + width: 50vw; margin-left: 25%; } } @@ -1333,12 +1385,121 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo } } +@media (min-width: 760px) { + main:has(#block-erabletheme-leprogramme-2) .fullpage { + width: 70vw; + margin-left: 2vw; + } +} +@media (min-width: 1080px) { + main:has(#block-erabletheme-leprogramme-2) .fullpage { + width: 50vw; + margin-left: 3vw; + margin-right: 24vw; + } +} + +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) { + height: auto; + margin-top: 2vh; + margin-bottom: 2vh; +} +@media screen and (min-width: 760px) { + aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) { + margin-top: 5vh; + margin-bottom: 0; + } +} +@media screen and (min-width: 1080px) { + aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) { + margin-top: 13vh; + } +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div { + width: auto; + display: inline-block; +} +@media screen and (min-width: 760px) { + aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div { + position: sticky; + top: 5vh; + width: 27vw; + } +} +@media screen and (min-width: 1080px) { + aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div { + top: 12vh; + width: 22vw; + } +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 { + padding: 1.5rem; + background-color: white; + margin-left: 2vw; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 { + padding-bottom: 1rem; + border-bottom: solid 1px #038788; + display: flex; + justify-content: space-between; + cursor: pointer; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > span { + font-family: "Marianne", sans-serif; + font-size: 0.9rem; + color: #038788; + font-weight: 800; +} +@media (min-width: 760px) { + aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > span { + font-size: 1.2rem; + } +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > div { + mask-image: url("/themes/erabletheme/assets/icons/arrow-down-s-line.svg"); + background-size: contain; + background-color: #038788; + width: 1.3rem; + height: 1.3rem; + color: #038788; + transform: rotate(0deg); + transition: transform 0.3s ease; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > div.closed { + transform: rotate(180deg); +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul { + max-height: 100vh; + overflow: hidden; + transition: max-height 0.6s ease; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li { + margin: 1rem 0; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li > a { + color: black; + font-size: 0.9rem; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li > a:hover, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li > a.is-active { + font-weight: 800; +} +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul.closed { + max-height: 0vh; +} + .paragraph--type--membre-equipe { height: auto; display: grid; grid-template-columns: 30vw auto 1fr; grid-auto-rows: auto; margin-bottom: 5vh; + padding: 0 3vw !important; +} +.paragraph--type--membre-equipe:first-of-type { + margin-top: 5vh; } .paragraph--type--membre-equipe > div:first-of-type { grid-row: 1/3; @@ -1348,14 +1509,26 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .paragraph--type--membre-equipe > div:first-of-type > div { width: 20vw; height: 20vw; - overflow: hidden; - border-radius: 10vw; + position: relative; } .paragraph--type--membre-equipe > div:first-of-type > div img { + border-radius: 10vw; width: 100%; height: 100%; object-fit: cover; } +.paragraph--type--membre-equipe > div:first-of-type > div::after { + top: 0; + left: 0; + position: absolute; + content: ""; + height: 100%; + width: 100%; + background-image: url("/themes/erabletheme/assets/cercle_dessin.svg"); + background-size: cover; + display: block; + pointer-events: none; +} .paragraph--type--membre-equipe > div:nth-of-type(2), .paragraph--type--membre-equipe > div:nth-of-type(3) { margin-bottom: 2vh; @@ -1380,6 +1553,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo font-size: 1rem; line-height: 1.4; } +.paragraph--type--membre-equipe > div:last-of-type > div > p { + margin-top: 0 !important; + padding-left: 0; +} @media (min-width: 760px) { .paragraph--type--membre-equipe { grid-template-columns: 10vw auto 1fr; @@ -1392,7 +1569,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .paragraph--type--membre-equipe > div:nth-of-type(2) { padding-left: 3vw; } - .paragraph--type--membre-equipe > div:last-of-type { + .paragraph--type--membre-equipe > div:last-of-type > div > p { padding-left: 3vw; } } @@ -1431,6 +1608,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo display: grid; grid-template-columns: 0.3fr 1fr; align-items: center; + padding: 0 3vw; } .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div { width: 30vw; @@ -1699,6 +1877,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo grid-row: 1/7; align-self: center; justify-self: center; + position: relative; } .fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) > img, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) > img { width: 10rem; @@ -1707,6 +1886,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo padding: 1rem; margin-right: 1rem; } +.fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after { + top: 1.2rem; + left: 1.2rem; + position: absolute; + content: ""; + width: 8rem; + height: 8rem; + background-image: url("/themes/erabletheme/assets/cercle_dessin.svg"); + background-size: cover; + display: block; + pointer-events: none; +} .fullpage.meetup > .meetup_list > .views-row > a > article > p.occupation, .fullpage.meetup > .meetup_list > .views-row > article > p.occupation { grid-column: 2; grid-row: 1/2; @@ -2048,6 +2239,204 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo display: none; } +.fullpage.projets { + padding-top: 5vh; +} +@media (min-width: 1080px) { + .fullpage.projets > .intro_map { + display: flex; + flex-direction: row; + } +} +.fullpage.projets > .intro_map > header { + margin-right: 5vw; + padding: 0 3vw; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} +.fullpage.projets > .intro_map > header h1, .fullpage.projets > .intro_map > header h2, .fullpage.projets > .intro_map > header h3, +.fullpage.projets > .intro_map > header h4, .fullpage.projets > .intro_map > header h5, .fullpage.projets > .intro_map > header h6 { + padding: 0 !important; + margin: 0 !important; + font-family: "Barlow", sans-serif; + color: black; + font-size: 1.6rem; +} +.fullpage.projets > .intro_map > header > h2 { + margin-bottom: 5vh !important; + padding-bottom: 3.5vh !important; + border-bottom: 1px solid #038788; + font-family: "Barlow Condensed", sans-serif; + font-size: 1.2rem; + padding: 0 3vw; + margin-top: 1rem; + color: #038788; + text-transform: uppercase; +} +.fullpage.projets > .intro_map > header > h2 a { + color: #038788; +} +@media (min-width: 760px) { + .fullpage.projets > .intro_map > header > h2 { + font-size: 2.3rem; + } +} +@media (min-width: 1080px) { + .fullpage.projets > .intro_map > header > h2 { + width: 100%; + } +} +.fullpage.projets > .intro_map .projets_intro { + display: none; +} +.fullpage.projets > .intro_map #sites-map-container { + width: 70%; + padding: 0 !important; +} +@media screen and (min-width: 760px) { + .fullpage.projets > .intro_map #sites-map-container { + width: 50%; + } +} +@media (min-width: 1080px) { + .fullpage.projets > .intro_map #sites-map-container { + margin-right: 8vw !important; + width: 85%; + } +} +.fullpage.projets > .intro_map #sites-map-container #popup h3 { + font-family: "Marianne", sans-serif; + font-size: 0.9rem; + color: #038788; + font-weight: 800; +} +@media (min-width: 760px) { + .fullpage.projets > .intro_map #sites-map-container #popup h3 { + font-size: 1.2rem; + } +} +.fullpage.projets > .intro_map #sites-map-container #popup p { + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} +.fullpage.projets > .projets_list { + display: grid; + margin: 3vh 3vw; + margin-top: 8vh; + grid-template-columns: 1fr; + gap: 2rem; +} +@media (min-width: 760px) { + .fullpage.projets > .projets_list { + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 1080px) { + .fullpage.projets > .projets_list { + grid-template-columns: repeat(3, 1fr); + } +} +.fullpage.projets > .projets_list > h3 { + display: none; +} +.fullpage.projets > .projets_list > .views-row { + display: grid; + grid-template-columns: 0.5fr 1fr; + grid-template-rows: repeat(4, auto); +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama { + grid-column: 1; + grid-row: 1/5; + align-self: center; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content { + width: 8rem; + height: 8rem; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a { + width: 100%; + height: 100%; + overflow: hidden; + display: block; + display: flex; + align-items: center; + justify-content: center; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img { + width: 100%; + height: 100%; + mask-image: url("/themes/erabletheme/assets/shapes/shape_1.svg"); + mask-repeat: no-repeat; + mask-size: 100% 100%; + mask-position: center; + object-fit: cover; +} +.fullpage.projets > .projets_list > .views-row > .views-field-title { + grid-column: 2; + grid-row: 1; + margin-bottom: 1rem; + font-family: "Marianne", sans-serif; + font-size: 0.9rem; + color: #038788; + font-weight: 800; +} +.fullpage.projets > .projets_list > .views-row > .views-field-title a { + color: #038788; +} +@media (min-width: 760px) { + .fullpage.projets > .projets_list > .views-row > .views-field-title { + font-size: 1.2rem; + } +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre { + grid-column: 2; + grid-row: 2; + font-size: 1.1rem !important; + margin-bottom: 1rem; + line-height: 1.3; + font-family: "Barlow", sans-serif; + color: black; + font-size: 1.6rem; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre a { + color: black; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel { + grid-column: 2; + grid-row: 3; + margin-bottom: 1rem; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel a { + color: black; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-th { + grid-column: 2; + grid-row: 4; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li { + display: inline-block; + font-size: 0.8rem !important; + background-color: #d3f0ea; + margin: 0.2rem; + transition: background-color 0.3s ease; + font-family: "Marianne", sans-serif; + font-size: 1rem; + line-height: 1.4; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li:hover { + background-color: #8ec2b8; +} +.fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li a { + display: block; + color: black; + padding: 0.2rem 0.4rem; +} + @media (min-width: 760px) { .fullpage.actus .actus_list { display: grid; diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map index e3bb377..6e64fae 100644 --- a/web/themes/erabletheme/css/styles.css.map +++ b/web/themes/erabletheme/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_actualites.scss","../scss/_faq.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AC7CF;AAMA;EACI;EACA;EACA;EACA;;;ACbJ;AAQA;ACRA;EACI;;;ACAJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;AAAA;AAAA;ALjBA;AMPA;EACI;EACA;;;AAGJ;EACI;;;AAMA;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAKhB;EAKI;;AAJA;EACI;EACA;;AAGJ;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAGR;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAXJ;IAYQ;;EACA;IACI;IACA;;;AAGR;EAlBJ;IAmBM;;;AAEF;EArBJ;IAsBM;;EACA;IACI;IACA;IACA;;;AAIV;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA,kBC3HP;ED4HO;EACA;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCxKP;EDyKO;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OCjMf;;ADmMW;EACI;EACA,OCrMf;;ADuMW;EA1BJ;IA2BQ;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;;AAEJ;EACI;;AAQpB;EACI;;AAEJ;AAAA;AAAA;EAGI;EACA;;AAEJ;EAvEJ;IAwEQ;IACA;IACA;;EACA;IACI;;EACA;IACI;IACA;;;AAKhB;EACI;EACA;EACA;;AAGR;EACI;;AAGR;EACE;EACA;;AAGN;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOM;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA,WHpRA;EGqRA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE,kBCtSH;;ADwSC;EACE;EACA;;AACA;EACE,kBC5SL;;ADkTT;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;EACA,WH9TI;EG+TJ;;AACA;EACE;;AACA;EACE;;;AErUd;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;;;AAGR;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;IACA;;;AAGR;EA3BJ;IA4BQ;IACA,cNpCL;;;AMuCH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODnDX;ECoDW,WLtDT;EKuDS;EACA;EACA;;AAEJ;EAVJ;IAWQ;IACA;;;AAGR;EAlBJ;IAmBQ;IACA;;;AAIR;EACI;;AACA;EACE;EACA;;AAGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrFjB;;ACuFe;EACE;;AAGJ;EACE;;AAIN;EA1BJ;IA2BQ;IACA;;;AAKZ;EAlGJ;IAmGQ;;;AAGR;EA5GJ;IA6GQ;;;;AC5GN;EADF;IAEI;IACA;;;AAEF;EACI;EACA;;AACA;EAHJ;IAIM;IACA;;;AAEF;EACI;;AACA;EAFJ;IAGQ;;;AAEN;EACE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAKhB;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASM;IACA;IACA;;;AAEF;EACE;;AACA;EACE,OF9DP;;AEiEG;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAIR;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI,OFzGT;;AE2GK;EACI;;AAIV;EAEI;EACA;EACA;;ANrER;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;;AGCT;EPyBF;EACA,WAtBe;EAuBf;;AOxBE;EACI;EACA,cRNG;;AQOH;EACI,WPPG;EOQH;EACA,OHTL;;AGYH;EACI,cRdG;EQeH;;AACA;EACI,WPhBG;EOiBH;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEA;EACI,WPhCF;EOiCE;;AAIJ;EACI;EACA;;AACA;EACI;EACA;;AAMhB;EACI;;AAGJ;EACE;EPxBJ;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EOmBE;IPlBA,WAlCU;;;AOyDV;EACI;EACA;EACA;;APfN;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AGiEL;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;;AClFJ;EACI;EACA;EACA;;AACE;EACI;EACA;EACA;EACA,cTTD;ESUC,eTVD;ESWC;EACA;;AAEI;EACI;EACA;;AAEJ;EACE;;AAKV;EACI;EACA,WRzBG;EQ0BH;EACA;EACA;EACA,OJ7BL;EI8BK;EACA;EACA;;AACA;EAVJ;IAWM,WRjCA;;;AQqCN;EACI;EACA,WRvCE;EQwCF;;AACA;EAJJ;IAKM,WRzCA;IQ0CE;;;AAIR;EACE;ERvCR;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;EQ6BM;IR5BJ,WAfS;;;;ASNb;EACI;;AACA;EACI;EACA;ELMJ;;AKJI;EToCN;EACA;EACA,WAxCa;ESIH;;AAEJ;ETgCN;EACA;EACA,WAxCa;ESQH;EACA;EACA;;AAEJ;ETUN;EACA,WAtBe;EAuBf;;ASTM;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAQpB;EACI;EACA;;AACA;EACI;;;AAIZ;EACI;;;AZ5DJ;AahBA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EAHF;IAIM;;;AAMN;EAhBF;IAiBI;IACA;;;AAGJ;EACE;EACA;;AACA;EVNF;EACA,WAtBe;EAuBf;EUMI;;AACA;EAHF;IAII;;;AAGJ;EAVF;IAWI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AVAF;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AMkDT;EAPF;IAQI;IACA;IACA;;;AAGJ;EAxDF;IAyDI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AAKJ;EACI;EACA;EACA;ENlEA;;AMoEA;EACE;EVhEJ;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;EUsDE;IVrDA,WAfS;;;AUuEP;EAHF;IAIM;;;AAEJ;EANF;IAOM;IACA;;;AAIF;EV5CN;EACA;EACA,WAxCa;;AUoFH;EAFJ;IAGQ;IACA;;;AAIZ;EACI;;AACA;EVtEN;EACA,WAtBe;EAuBf;;AUsEQ;EAFF;IAGM;IACA;;;AAGN;EATJ;IAUQ;;;AAGR;EAEI;EACA;EACA;EACA;;AVhEN;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AMiHL;EANJ;IAOQ;IACA;;;AAGR;EAjDJ;IAkDQ;IACA;;;;AAMJ;EV9FF;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EU0FE;IVzFA,WAlCU;;;AU8HV;EVvGF;EACA,WAtBe;EAuBf;;;AW5BF;EACI;EACA;EACA;EPGA;EODA;;AACA;EACE;EACA;EACA,kBPPE;EOQF;EACA;EACA;EACA;EXFJ;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;EWdE;IXeA,WAfS;;;AWSP;EATF;IAUM;;;AAIN;EACI;EACA;EACA,OPpBK;;AOwBL;EACE;EACA;EACA,kBP5BF;EO6BE;EACA;EACA;EACA;EXvBR;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;EWOM;IXNJ,WAfS;;;AW8BH;EATF;IAUM;;;AAIN;EACE,WXvCI;EWwCJ;EXjBR;EACA,WAtBe;EAuBf;;AWmBM;EACE;EACA;EXvBR;EACA,WAtBe;EAuBf;;AWyBM;EACI;;AAIJ;EACE;EACA;EACA;;AXbR;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AO+DH;EACE;;AAEF;EARF;IASI;IACA;IACA;IACA;IACA;;EACA;IACE;;EAEF;IACE;;;AAIN;EACE;;AAIF;EACE;EACA,cZvFC;ECgCT;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EWiDM;IXhDJ,WAlCU;;;AWyFV;EACI;;AAEJ;EA/FJ;IAgGQ;IACA;IACA;IACA;;;AAEJ;EArGJ;IAsGQ;IACA;;;AAIF;EADF;IAEI;IACA,aZ7GG;IY8GH,cZ9GG;;;;AaAX;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAKZ;AAAA;EAEE;EACA;EZMJ;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EYbE;AAAA;IZcA,WAlCU;;;AY2BV;EACI;;AAGJ;EACE;EZTJ;EACA,WAtBe;EAuBf;;AYUE;EAtCJ;IAuCQ;;EACA;IACQ;IACA;IACA;;EAGR;IACI;;EAGJ;IACI;;;;AAOR;EACI;;AAEI;EACE;EZpBZ;EACA;EACA,WAxCa;;AY6DH;EACE;EZxCZ;EACA,WAtBe;EAuBf;;AYyCU;EACI;EACA;;;ACtEZ;EACI;;AAEI;EACI;EbqCd;EACA;EACA,WAxCa;;AaIH;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EAVJ;IAWQ;;;AAEJ;EAbJ;IAcQ;;;AAKZ;EbPd;EACA,WAtBe;EAuBf;EaOkB;EACA,cdpCT;;AcuCK;EACI;EACA;EACA;EACA;EACA;;AbIlB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;;AUAb;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EdmBF;EACA,WAtBe;EAuBf;EcnBE,kBVRG;EUSH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;;;AAEJ;EArBJ;IAsBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AC9DA;EACI;EACA;EACA;EACA,ahBLG;EgBMH,chBNG;EgBOH;EACA;;AACA;EARJ;IASQ;;;AAGR;EfaF;EACA,WAtBe;EAuBf;;AebM;EACI,ahBhBD;EgBiBC,chBjBD;;AgBkBC;EAHJ;IAIQ;;;AAGR;EACI,kBXtBL;EWuBK;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAEJ;EAZJ;IAaQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAZJ;IAaQ;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAdJ;IAeQ;IACA;IACA;IACA;;;AAGR;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EfpFhB;EACA,WAtBe;EAuBf;;AeqFc;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;;AACA;EACI,OXjIjB;EWkIiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAKhB;EACE;EACA,ahBzLK;EC0BT;EACA,WAtBe;EAuBf;;Ae+JI;EACI;;AACA;EACE;EfpKV;EACA,WAtBe;EAuBf;;AesKM;EACI;;AACA;EACE;EACA,kBXrMP;EWsMO;EACA;EACA;Ef/KZ;EACA,WAtBe;EAuBf;;AeoLE;EACI;;AAEJ;EACI;;;AAIR;Ef9LE;EACA,WAtBe;EAuBf;;Ae8LE;EACI;EACA,chB5NG;;AgB6NH;EACI,Wf7NG;Ee8NH;EACA,OX/NL;;AWkOH;EACE;EACA;Ef1NJ;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;Ee+ME;If9MA,WAfS;;;AemOL;EACI;EACA;EACA,ahB5OD;EgB6OC,chB7OD;EgB8OC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;;;AAIZ;EAII;EACA;EACA;EACA,OXjRb;EWkRa;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OX9Rb;;AWqRa;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,WfhSL;EeiSK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBXtTjB;EWuTiB;EACA;EACA;EACA;EACA,Wf3TT;Ee4TS;EACA;;AAEJ;EACI;;AAGR;EAII;EACA;EACA;EACA,Wf1UL;Ee2UK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfpTtB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AWsWW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfjVtB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AWmYW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACtZlB;EACE;IACI;IACA;;;AAGN;EACE;IACI;;;;ACTR;EjB0BE;EACA,WAtBe;EAuBf;EiB1BE;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,ObZL;EaaK;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,OblCL;;AaqCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EjBjCF;EACA,WAtBe;EAuBf;EiBiCE,kBb5DG;Ea6DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_projets.scss","../scss/_actualites.scss","../scss/_faq.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AC7CF;AAMA;EACI;EACA;EACA;EACA;;;ACbJ;AAQA;ACRA;EACI;;;ACAJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;;;AAGF;EACI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;;AAIJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;AAAA;AAAA;AL7BA;AMPA;EACI;EACA;;;AAGJ;EACI;;;AAMA;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAKhB;EAKI;;AAJA;EACI;EACA;;AAGJ;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAGR;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAXJ;IAYQ;;EACA;IACI;IACA;;;AAGR;EAlBJ;IAmBM;;;AAEF;EArBJ;IAsBM;;EACA;IACI;IACA;IACA;;;AAIV;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA,kBC3HP;ED4HO;EACA;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCxKP;EDyKO;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OCjMf;;ADmMW;EACI;EACA,OCrMf;;ADuMW;EA1BJ;IA2BQ;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEI;EACI;;AAEJ;EACI;;AAQpB;EACI;;AAEJ;AAAA;AAAA;EAGI;EACA;;AAEJ;EAvEJ;IAwEQ;IACA;IACA;;EACA;IACI;;EACA;IACI;IACA;;;AAKhB;EACI;EACA;EACA;;AAGR;EACI;;AAGR;EACE;EACA;;AAGN;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOM;;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA,WHpRA;EGqRA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE,kBCtSH;;ADwSC;EACE;EACA;;AACA;EACE,kBC5SL;;ADkTT;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;EACA,WH9TI;EG+TJ;;AACA;EACE;;AACA;EACE;;;AErUd;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;;;AAGR;EACI;;AACA;EACI;EACA;;AAEJ;EANJ;IAOQ;IACA;;;AAGR;EA3BJ;IA4BQ;IACA,cNpCL;;;AMuCH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODnDX;ECoDW,WLtDT;EKuDS;EACA;EACA;;AAEJ;EAVJ;IAWQ;IACA;;;AAGR;EAlBJ;IAmBQ;IACA;;;AAIR;EACI;;AACA;EACE;EACA;;AAGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrFjB;;ACuFe;EACE;;AAGJ;EACE;;AAIN;EA1BJ;IA2BQ;IACA;;;AAKZ;EAlGJ;IAmGQ;;;AAGR;EA5GJ;IA6GQ;;;;AC5GN;EADF;IAEI;IACA;;;AAEF;EACI;EACA;;AACA;EAHJ;IAIM;IACA;;;AAEF;EACI;;AACA;EAFJ;IAGQ;;;AAEN;EACE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAKhB;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASM;IACA;IACA;;;AAEF;EACE;;AACA;EACE,OF9DP;;AEiEG;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAIR;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI,OFzGT;;AE2GK;EACI;;AAIV;EAEI;EACA;EACA;;ANrER;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;;AGCT;EPyBF;EACA,WAtBe;EAuBf;;AOxBE;EACI;EACA,cRNG;;AQOH;EACI,WPPG;EOQH;EACA,OHTL;;AGYH;EACI,cRdG;EQeH;;AACA;EACI,WPhBG;EOiBH;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEA;EACI,WPhCF;EOiCE;;AAIJ;EACI;EACA;;AACA;EACI;EACA;;AAMhB;EACI;;AAGJ;EACE;EPxBJ;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EOmBE;IPlBA,WAlCU;;;AOyDV;EACI;EACA;EACA;;APfN;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AGiEL;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;;AClFJ;EACI;EACA;EACA;;AACE;EACI;EACA;EACA;EACA,cTTD;ESUC,eTVD;ESWC;EACA;;AAEI;EACI;EACA;;AAEJ;EACE;;AAKV;EACI;EA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CA;EACI;EACA;EACA;;AAEJ;EAVJ;IAWQ;;;AAEJ;EAbJ;IAcQ;;;AAKZ;EbRd;EACA,WAtBe;EAuBf;EaQkB;EACA,cdrCT;;AcwCK;EACI;EACA;EACA;EACA;EACA;;AbGlB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;;AUAb;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EdmBF;EACA,WAtBe;EAuBf;EcnBE,kBVRG;EUSH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;;;AAEJ;EArBJ;IAsBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AC9DA;EACI;EACA;EACA;EACA,ahBLG;EgBMH,chBNG;EgBOH;EACA;;AACA;EARJ;IASQ;;;AAGR;EfaF;EACA,WAtBe;EAuBf;;AebM;EACI,ahBhBD;EgBiBC,chBjBD;;AgBkBC;EAHJ;IAIQ;;;AAGR;EACI,kBXtBL;EWuBK;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAEJ;EAZJ;IAaQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAZJ;IAaQ;;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAdJ;IAeQ;IACA;IACA;IACA;;;AAGR;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EfpFhB;EACA,WAtBe;EAuBf;;AeqFc;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGN;EACI;EACA;;AACA;EACI,OX9IjB;EW+IiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAKhB;EACE;EACA,ahBtMK;EC0BT;EACA,WAtBe;EAuBf;;Ae4KI;EACI;;AACA;EACE;EfjLV;EACA,WAtBe;EAuBf;;AemLM;EACI;;AACA;EACE;EACA,kBXlNP;EWmNO;EACA;EACA;Ef5LZ;EACA,WAtBe;EAuBf;;AeiME;EACI;;AAEJ;EACI;;;AAIR;Ef3ME;EACA,WAtBe;EAuBf;;Ae2ME;EACI;EACA,chBzOG;;AgB0OH;EACI,Wf1OG;Ee2OH;EACA,OX5OL;;AW+OH;EACE;EACA;EfvOJ;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;Ee4NE;If3NA,WAfS;;;AegPL;EACI;EACA;EACA,ahBzPD;EgB0PC,chB1PD;EgB2PC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;;;AAIZ;EAII;EACA;EACA;EACA,OX9Rb;EW+Ra;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OX3Sb;;AWkSa;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,Wf7SL;Ee8SK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBXnUjB;EWoUiB;EACA;EACA;EACA;EACA,WfxUT;EeyUS;EACA;;AAEJ;EACI;;AAGR;EAII;EACA;EACA;EACA,WfvVL;EewVK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AfjUtB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AWmXW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;Af9VtB;EACE;EACA;EACA;EACA;EACA,WAnDU;EAoDV;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE,kBI/DS;;AWgZW;EACI;;AAEJ;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACpapB;EACE;;AAEE;EADF;IAEI;IACA;;;AAEF;EACE;EACA;EhBiBJ;EACA,WAtBe;EAuBf;;AgBjBI;AAAA;EAEE;EACA;EhB4BN;EACA;EACA,WAxCa;;AgBaT;EACE;EACA;EACA;EhBTN;EACA,WATY;EAUZ;EACA;EACA,OIdK;EJeL;;AACA;EACI,OIjBC;;AJmBL;EgBHI;IhBIF,WAfS;;;AgBgBL;EALF;IAMI;;;AAIN;EACE;;AAEF;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EANF;IAOI;IACA;;;AAGA;EhBTN;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AACA;EgBKM;IhBJJ,WAlCU;;;AgByCN;EhBlBN;EACA,WAtBe;EAuBf;;AgBsBA;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOM;;;AAEJ;EATF;IAUM;;;AAEJ;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACE;EACA;EACA;EhBnEN;EACA,WA/BY;EAgCZ,OIjCK;EJkCL;;AgBiEM;EACE,OZpGH;;AJmCL;EgB4DI;IhB3DF,WAlCU;;;AgBsGR;EACE;EACA;EACA;EACA;EACA;EhBpEN;EACA;EACA,WAxCa;;AgB2GP;EACE;;AAIJ;EACE;EACA;EACA;EhB7FN;EACA,WAtBe;EAuBf;;AgB6FM;EACE;;AAGJ;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;EhB5GV;EACA,WAtBe;EAuBf;;AgB4GU;EACE;;AAEF;EACE;EACA;EACA;;;AC7IZ;EACE;IACI;IACA;;;AAGN;EACE;IACI;;;;ACTR;ElB0BE;EACA,WAtBe;EAuBf;EkB1BE;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,OdZL;EcaK;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,OdlCL;;AcqCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ElBjCF;EACA,WAtBe;EAuBf;EkBiCE,kBd5DG;Ec6DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file diff --git a/web/themes/erabletheme/erabletheme.theme b/web/themes/erabletheme/erabletheme.theme index ec9c602..630359b 100644 --- a/web/themes/erabletheme/erabletheme.theme +++ b/web/themes/erabletheme/erabletheme.theme @@ -11,7 +11,6 @@ function erabletheme_preprocess_html(&$variables) { } - /** * Implements hook_preprocess_HOOK() for page.html.twig. */ @@ -47,7 +46,7 @@ function erabletheme_preprocess_node__view__meetup(&$variables) { 'nom' => "", ]; } - + } /** @@ -61,8 +60,16 @@ function erabletheme_preprocess_region(&$variables) { $t="t"; } -function erabletheme_preprocess_views_view(&$variables) { - $t="t"; + +function erabletheme_preprocess_views_view(array &$variables) { + if ($variables['view']->current_display === 'page_1') { + $block_id = 'sitesmap_block'; + $block = \Drupal::service('plugin.manager.block')->createInstance($block_id, []); + if ($block) { + $block_render_array = $block->build(); + $variables['custom_sites_map'] = $block_render_array; + } + } } /* fonctionne mais meilleure méthode avec les suggestions page--xxx */ @@ -77,7 +84,7 @@ function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, arr // $suggestions[] = 'views_view__content_gouvernance'; // } elseif (isset($view_title) && $view_title === 'Partenaires') { // $suggestions[] = 'views_view__content_partenaires'; - // } + // } // elseif (isset($view) && $view === 'Meetup en ligne') { // $suggestions[] = 'views_view__content_meetup'; // } @@ -96,9 +103,12 @@ function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, arr case 'partenaires': $suggestions[] = 'views_view__content_partenaires'; break; - case 'meetup': - $suggestions[] = 'views_view__content_meetup'; - break; + case 'meetup': + $suggestions[] = 'views_view__content_meetup'; + break; + case 'projets': + $suggestions[] = 'views_view__content_projets'; + break; } } @@ -145,4 +155,4 @@ function erabletheme_theme_suggestions_region_alter(array &$suggestions, array $ } } -} \ No newline at end of file +} diff --git a/web/themes/erabletheme/js/erabletheme.js b/web/themes/erabletheme/js/erabletheme.js index 69fe3a8..59f5c26 100644 --- a/web/themes/erabletheme/js/erabletheme.js +++ b/web/themes/erabletheme/js/erabletheme.js @@ -232,6 +232,39 @@ programSubmenu.addEventListener("mouseenter", showSubmenu); programSubmenu.addEventListener("mouseleave", hideSubmenu); + // + // Aside menu toggle + // + + const sideMenuTitle = document.querySelector('#block-erabletheme-leprogramme-2 h2'); + if (sideMenuTitle) { + sideMenuTitle.addEventListener('click', () => { + const sideMenu = document.querySelector('#block-erabletheme-leprogramme-2 > ul'); + const titleArrow = sideMenuTitle.querySelector('div'); + if (!sideMenu.classList.contains('closed')) { + sideMenu.classList.add('closed'); + titleArrow.classList.add('closed'); + } else { + sideMenu.classList.remove('closed'); + titleArrow.classList.remove('closed'); + } + }); + } + + // + // index projets random shape + // + + if (document.querySelector('.projets_list')) { + const projets = document.querySelectorAll('.projets_list > .views-row'); + const shapesAmount = 4; + for (let i = 0; i < projets.length; i++) { + const randomShape = Math.floor(Math.random() * shapesAmount) + 1; + const img = projets[i].querySelector('img'); + img.style.maskImage = `url('/themes/erabletheme/assets/shapes/shape_${randomShape}.svg')`; + } + } + } } diff --git a/web/themes/erabletheme/scss/_fullpage.scss b/web/themes/erabletheme/scss/_fullpage.scss index e243adb..ab4a96c 100644 --- a/web/themes/erabletheme/scss/_fullpage.scss +++ b/web/themes/erabletheme/scss/_fullpage.scss @@ -1,21 +1,17 @@ .fullpage { margin-bottom: 10vh; - margin-top: -3vh; padding-top: 3vh; - @include beige_gradient(); + padding-bottom: 3vh; + background-color: white; position: relative; - > h2 { - margin-top: 5vh; + h2 { + margin-top: 5vh !important; margin-bottom: 7vh; - background-color: $beige; z-index: 1; position: relative; width: auto; display: inline-block; @include main_title(); - @media (min-width: $breakpoint_tablet) { - background-color: unset; - } } .legende { @@ -26,17 +22,7 @@ .fullpage_content { > h2 { - margin-top: 5vh; margin-bottom: 1rem; - background-color: $beige; - z-index: 1; - position: relative; - width: auto; - display: inline-block; - @include main_title(); - @media (min-width: $breakpoint_tablet) { - background-color: unset; - } } .sous_titre { @@ -82,7 +68,6 @@ display: none; } - h3, h4, h5, h6 { margin-bottom: 1rem; padding-left: $x_margin; @@ -94,14 +79,15 @@ margin-bottom: 8vh; } @media (min-width: $breakpoint_tablet) { - margin-top: 2vh; - padding-top: 0; - width: 75vw; - margin-left: 12.5vw; + margin-top: 5vh; + padding-top: 0; + width: 75vw; + margin-left: 12.5vw; } @media (min-width: $breakpoint_desktop) { - width: 50%; - margin-left: 25%; + margin-top: 13vh; + width: 50vw; + margin-left: 25%; } &.large-container { @@ -112,3 +98,91 @@ } } } + +main:has(#block-erabletheme-leprogramme-2) { + .fullpage { + @media (min-width: $breakpoint_tablet) { + width: 70vw; + margin-left: 2vw; + } + @media (min-width: $breakpoint_desktop) { + width: 50vw; + margin-left: 3vw; + margin-right: 24vw; + } + } +} + +aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) { + height: auto; + margin-top: 2vh; + margin-bottom: 2vh; + @media screen and (min-width: $breakpoint_tablet) { + margin-top: 5vh; + margin-bottom: 0; + } + @media screen and (min-width: $breakpoint_desktop) { + margin-top: 13vh; + } + > div { + width: auto; + display: inline-block; + @media screen and (min-width: $breakpoint_tablet) { + position: sticky; + top: 5vh; + width: 27vw; + } + @media screen and (min-width: $breakpoint_desktop) { + top: 12vh; + width: 22vw; + } + #block-erabletheme-leprogramme-2 { + padding: 1.5rem; + background-color: white; + margin-left: 2vw; + > h2 { + padding-bottom: 1rem; + border-bottom: solid 1px $teal; + display: flex; + justify-content: space-between; + cursor: pointer; + > span { + @include sous_titre(); + } + > div { + mask-image: url('/themes/erabletheme/assets/icons/arrow-down-s-line.svg'); + background-size: contain; + background-color: $teal; + width: 1.3rem; + height: 1.3rem; + color: $teal; + transform: rotate(0deg); + transition: transform 0.3s ease; + &.closed { + transform: rotate(180deg); + } + } + } + > ul { + max-height: 100vh; + overflow: hidden; + transition: max-height 0.6s ease; + > li { + margin: 1rem 0; + @include main_text_content(); + > a { + color: black; + font-size: $m_font_size; + &:hover, + &.is-active { + font-weight: 800; + } + } + } + &.closed { + max-height: 0vh; + } + } + } + } +} diff --git a/web/themes/erabletheme/scss/_gouvernance.scss b/web/themes/erabletheme/scss/_gouvernance.scss index 1b1e730..fa692da 100644 --- a/web/themes/erabletheme/scss/_gouvernance.scss +++ b/web/themes/erabletheme/scss/_gouvernance.scss @@ -1,57 +1,77 @@ .paragraph--type--membre-equipe { - height: auto; - display: grid; - grid-template-columns: 30vw auto 1fr; - grid-auto-rows: auto; - margin-bottom: 5vh; - > div:first-of-type { - grid-row: 1 / 3; - display: flex; - align-items: center; - > div { - width: 20vw; - height: 20vw; - overflow: hidden; + height: auto; + display: grid; + grid-template-columns: 30vw auto 1fr; + grid-auto-rows: auto; + margin-bottom: 5vh; + padding: 0 3vw !important; + &:first-of-type { + margin-top: 5vh; + } + > div:first-of-type { + grid-row: 1 / 3; + display: flex; + align-items: center; + > div { + width: 20vw; + height: 20vw; + position: relative; + img { border-radius: 10vw; - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } + width: 100%; + height: 100%; + object-fit: cover; + } + &::after { + top: 0; + left: 0; + position: absolute; + content: ''; + height: 100%; + width: 100%; + background-image: url('/themes/erabletheme/assets/cercle_dessin.svg'); + background-size: cover; + display: block; + pointer-events: none; + } + } + } + + > div:nth-of-type(2), + > div:nth-of-type(3) { + margin-bottom: 2vh; + align-self: flex-end; + @include sous_titre(); + } + + > div:nth-of-type(3) { + padding-left: 0.5rem; + } + + > div:last-of-type { + grid-column: 2 / 4; + @include main_text_content(); + > div > p { + margin-top: 0 !important; + padding-left: 0; + } + } + @media (min-width: $breakpoint_tablet) { + grid-template-columns: 10vw auto 1fr; + > div:first-of-type > div { + width: 10vw; + height: 10vw; + border-radius: 5vw; } - > div:nth-of-type(2), - > div:nth-of-type(3) { - margin-bottom: 2vh; - align-self: flex-end; - @include sous_titre(); + > div:nth-of-type(2) { + padding-left: 3vw; } - > div:nth-of-type(3) { - padding-left: 0.5rem; - } - - > div:last-of-type { - grid-column: 2 / 4; - @include main_text_content(); - } - @media (min-width: $breakpoint_tablet) { - grid-template-columns: 10vw auto 1fr; - > div:first-of-type > div { - width: 10vw; - height: 10vw; - border-radius: 5vw; - } - - > div:nth-of-type(2) { - padding-left: 3vw; - } - - > div:last-of-type { - padding-left: 3vw; - } + > div:last-of-type > div > p { + padding-left: 3vw; } + } } diff --git a/web/themes/erabletheme/scss/_home.scss b/web/themes/erabletheme/scss/_home.scss index 27efd7c..fc298ec 100644 --- a/web/themes/erabletheme/scss/_home.scss +++ b/web/themes/erabletheme/scss/_home.scss @@ -2,7 +2,8 @@ background-color: white; width: 100%; box-sizing: border-box; - padding: 4rem 1rem; + padding: 3rem 1rem; + margin: 2rem 0; h2 { display: none; } @@ -15,14 +16,11 @@ img { width: 50%; height: auto; - @media (min-width: $breakpoint_tablet) { + @media (min-width: $breakpoint_desktop) { width: 100%; } - @media (min-width: $breakpoint_desktop) { - //width: 18vw; - } } - @media (min-width: $breakpoint_tablet) { + @media (min-width: $breakpoint_desktop) { width: 170%; margin: 0 3rem; } @@ -34,8 +32,12 @@ @include main_text_content(); width: 100%; @media (min-width: $breakpoint_tablet) { + padding-left: 3rem; padding-right: 3rem; } + @media (min-width: $breakpoint_desktop) { + padding-left: 0; + } } @media (min-width: $breakpoint_tablet) { padding: 0 !important; @@ -61,6 +63,8 @@ margin-left: 20vw; margin-right: 20vw; width: calc(100% - 40vw); + } + @media (min-width: $breakpoint_desktop) { display: flex; justify-content: space-around; } @@ -122,13 +126,46 @@ } } -#sites-map-container { - #popup { - h3 { - @include sous_titre(); +.map-projets { + background-color: white; + padding: 1rem 0; + margin-left: $x_margin; + width: calc(100% - #{$x_margin} * 2); + @media (min-width: $breakpoint_tablet) { + margin-left: 20vw; + width: calc(100% - 40vw); + } + @media (min-width: $breakpoint_desktop) { + margin-left: 25vw; + width: calc(100% - 50vw); + } + > h2 { + @include main_title(); + } + > .projets_intro { + padding: 0 3vw; + @include main_text_content(); + h1, h2, h3, + h4, h5, h6 { + @include sous_titre_alt(); } - p { - @include main_text_content(); + a { + color: black; + } + > p { + margin: 1rem 0; + } + } + > #sites-map-container { + margin: 0 2rem; + width: calc(100% - 4rem); + #popup { + h3 { + @include sous_titre(); + } + p { + @include main_text_content(); + } } } } diff --git a/web/themes/erabletheme/scss/_meetup.scss b/web/themes/erabletheme/scss/_meetup.scss index c0a1b0c..bfa7b0b 100644 --- a/web/themes/erabletheme/scss/_meetup.scss +++ b/web/themes/erabletheme/scss/_meetup.scss @@ -116,6 +116,7 @@ grid-row: 1/7; align-self: center; justify-self: center; + position: relative; > img { width: 10rem; height: 10rem; @@ -123,6 +124,18 @@ padding: 1rem; margin-right: 1rem; } + &::after { + top: 1.2rem; + left: 1.2rem; + position: absolute; + content: ''; + width: 8rem; + height: 8rem; + background-image: url('/themes/erabletheme/assets/cercle_dessin.svg'); + background-size: cover; + display: block; + pointer-events: none; + } } > p.occupation { grid-column: 2; diff --git a/web/themes/erabletheme/scss/_partenaires.scss b/web/themes/erabletheme/scss/_partenaires.scss index 717aade..d33ce38 100644 --- a/web/themes/erabletheme/scss/_partenaires.scss +++ b/web/themes/erabletheme/scss/_partenaires.scss @@ -11,6 +11,7 @@ display: grid; grid-template-columns: 0.3fr 1fr; align-items: center; + padding: 0 3vw; > div:first-of-type { > div { width: 30vw; diff --git a/web/themes/erabletheme/scss/_projets.scss b/web/themes/erabletheme/scss/_projets.scss new file mode 100644 index 0000000..5d18007 --- /dev/null +++ b/web/themes/erabletheme/scss/_projets.scss @@ -0,0 +1,150 @@ +.fullpage.projets { + padding-top: 5vh; + > .intro_map { + @media (min-width: $breakpoint_desktop) { + display: flex; + flex-direction: row; + } + > header { + margin-right: 5vw; + padding: 0 3vw; + @include main_text_content(); + h1, h2, h3, + h4, h5, h6 { + padding: 0 !important; + margin: 0 !important; + @include sous_titre_alt(); + } + > h2 { + margin-bottom: 5vh !important; + padding-bottom: 3.5vh !important; + border-bottom: 1px solid $teal; + @include main_title(); + @media (min-width: $breakpoint_desktop) { + width: 100%; + } + } + } + .projets_intro { + display: none; + } + #sites-map-container { + width: 70%; + padding: 0 !important; + @media screen and (min-width: $breakpoint_tablet) { + width: 50%; + } + @media (min-width: $breakpoint_desktop) { + margin-right: 8vw !important; + width: 85%; + } + #popup { + h3 { + @include sous_titre(); + } + p { + @include main_text_content(); + } + } + } + } + > .projets_list { + display: grid; + margin: 3vh $x_margin; + margin-top: 8vh; + grid-template-columns: 1fr; + gap: 2rem; + @media (min-width: $breakpoint_tablet) { + grid-template-columns: repeat(2, 1fr); + } + @media (min-width: $breakpoint_desktop) { + grid-template-columns: repeat(3, 1fr); + } + > h3 { + display: none; + } + > .views-row{ + display: grid; + grid-template-columns: 0.5fr 1fr; + grid-template-rows: repeat(4, auto); + > .views-field-field-diaporama { + grid-column: 1; + grid-row: 1/5; + align-self: center; + > .field-content { + width: 8rem; + height: 8rem; + > a { + width: 100%; + height: 100%; + overflow: hidden; + display: block; + display: flex; + align-items: center; + justify-content: center; + img { + width: 100%; + height: 100%; + mask-image: url('/themes/erabletheme/assets/shapes/shape_1.svg'); + mask-repeat: no-repeat; + mask-size: 100% 100%; + mask-position: center; + object-fit: cover; + } + } + } + } + > .views-field-title { + grid-column: 2; + grid-row: 1; + margin-bottom: 1rem; + a { + color: $teal; + } + @include sous_titre(); + } + > .views-field-field-sous-titre { + grid-column: 2; + grid-row: 2; + font-size: 1.1rem !important; + margin-bottom: 1rem; + line-height: 1.3; + a { + color: black; + } + @include sous_titre_alt(); + } + > .views-field-field-localisation-textuel { + grid-column: 2; + grid-row: 3; + margin-bottom: 1rem; + @include main_text_content(); + a { + color: black; + } + } + > .views-field-field-th { + grid-column: 2; + grid-row: 4; + ul { + li { + display: inline-block; + font-size: 0.8rem !important; + background-color: #d3f0ea; + margin: 0.2rem; + transition: background-color 0.3s ease; + @include main_text_content(); + &:hover { + background-color: #8ec2b8; + } + a { + display: block; + color: black; + padding: 0.2rem 0.4rem; + } + } + } + } + } + } +} diff --git a/web/themes/erabletheme/scss/global/_global.scss b/web/themes/erabletheme/scss/global/_global.scss index 90d3ece..cda5bb4 100644 --- a/web/themes/erabletheme/scss/global/_global.scss +++ b/web/themes/erabletheme/scss/global/_global.scss @@ -6,8 +6,20 @@ } } */ +body { + background-color: lightgrey; +} + .layout-container { - margin: 0 !important; + display: flex; +} + +main:has(#block-erabletheme-leprogramme-2) { + display: flex; + flex-direction: column-reverse; + @media screen and (min-width: $breakpoint_tablet) { + flex-direction: row-reverse; + } } strong { diff --git a/web/themes/erabletheme/scss/partials/_articles_teaser.scss b/web/themes/erabletheme/scss/partials/_articles_teaser.scss index 9f6e560..99e06af 100644 --- a/web/themes/erabletheme/scss/partials/_articles_teaser.scss +++ b/web/themes/erabletheme/scss/partials/_articles_teaser.scss @@ -5,7 +5,7 @@ box-sizing: border-box; > div:first-of-type { width: 100%; - aspect-ratio: 16 / 9; + aspect-ratio: 20 / 9; overflow: hidden; padding-left: $x_margin; padding-right: $x_margin; @@ -49,6 +49,7 @@ h2 { margin-bottom: 0.5rem; + margin-top: 1rem !important; @include main_title(); } } diff --git a/web/themes/erabletheme/scss/styles.scss b/web/themes/erabletheme/scss/styles.scss index c56e951..aababb1 100644 --- a/web/themes/erabletheme/scss/styles.scss +++ b/web/themes/erabletheme/scss/styles.scss @@ -22,5 +22,6 @@ @import "_partenaires.scss"; @import "_consultation.scss"; @import "_meetup.scss"; +@import "_projets.scss"; @import "_actualites.scss"; @import "_faq.scss"; diff --git a/web/themes/erabletheme/templates/block--erabletheme-leprogramme-2.html.twig b/web/themes/erabletheme/templates/block--erabletheme-leprogramme-2.html.twig new file mode 100644 index 0000000..f15850e --- /dev/null +++ b/web/themes/erabletheme/templates/block--erabletheme-leprogramme-2.html.twig @@ -0,0 +1,64 @@ +{# +/** + * @file + * Default theme implementation for a menu block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - in_preview: Whether the plugin is being rendered in preview mode. + * - content: The content of this block. + * - attributes: HTML attributes for the containing element. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: HTML attributes for the title element. + * - content_attributes: HTML attributes for the content element. + * - 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. + * + * Headings should be used on navigation menus that consistently appear on + * multiple pages. When this menu block's label is configured to not be + * displayed, it is automatically made invisible using the 'visually-hidden' CSS + * class, which still keeps it visible for screen-readers and assistive + * technology. Headings allow screen-reader and keyboard only users to navigate + * to or skip the links. + * See http://juicystudio.com/article/screen-readers-display-none.php and + * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information. + * + * @ingroup themeable + */ +#} +{% set heading_id = attributes.id ~ '-menu'|clean_id %} +{% set active_item_found = false %} + +{% for item in content['#items'] %} + {% if item.in_active_trail %} + {% set active_item_found = true %} + {% endif %} +{% endfor %} + +{% if active_item_found %} + {{ configuration.label }} +
+ + {{ title_suffix }} + + {# Menu. #} + {% block content %} + {{ content }} + {% endblock %} + +{% endif %} diff --git a/web/themes/erabletheme/templates/block--sitesmap-block.html.twig b/web/themes/erabletheme/templates/block--sitesmap-block.html.twig index 8fc2272..02bc285 100644 --- a/web/themes/erabletheme/templates/block--sitesmap-block.html.twig +++ b/web/themes/erabletheme/templates/block--sitesmap-block.html.twig @@ -28,7 +28,7 @@ * @ingroup themeable */ #} - + {{ title_prefix }} {% if label %} {{ label }} diff --git a/web/themes/erabletheme/templates/views-view--content-projets.html.twig b/web/themes/erabletheme/templates/views-view--content-projets.html.twig new file mode 100644 index 0000000..4aee813 --- /dev/null +++ b/web/themes/erabletheme/templates/views-view--content-projets.html.twig @@ -0,0 +1,67 @@ +{# +/** + * @file + * Default theme implementation for main view template. + * + * Available variables: + * - attributes: Remaining HTML attributes for the element. + * - css_name: A CSS-safe version of the view name. + * - css_class: The user-specified classes names, if any. + * - header: The optional header. + * - footer: The optional footer. + * - rows: The results of the view query, if any. + * - empty: The content to display if there are no rows. + * - pager: The optional pager next/prev links to display. + * - exposed: Exposed widget form/info to display. + * - feed_icons: Optional feed icons to display. + * - more: An optional link to the next page of results. + * - title: Title of the view, only used when displaying in the admin preview. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the view title. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the view title. + * - attachment_before: An optional attachment view to be displayed before the + * view content. + * - attachment_after: An optional attachment view to be displayed after the + * view content. + * - dom_id: Unique id for every view being printed to give unique class for + * JavaScript. + * + * @see template_preprocess_views_view() + * + * @ingroup themeable + */ +#} +{% + set classes = [ + dom_id ? 'js-view-dom-id-' ~ dom_id, + ] +%} + + +
+ {% if header %} +
+

+ {{ view_array['#title']['#markup'] }} +

+ {{ header }} +
+ {% endif %} + {{ custom_sites_map }} +
+ + {{ exposed }} + {{ attachment_before }} +
+ {% if rows -%} + {{ rows }} + {% elseif empty -%} + {{ empty }} + {% endif %} + {{ pager }} +
+ + {{ attachment_after }} + {{ more }} +