From b52190eff6f19b4682771ecc0d6faadcf3aac8c4 Mon Sep 17 00:00:00 2001 From: Valentin Le Moign Date: Mon, 1 Jun 2026 22:10:03 +0200 Subject: [PATCH] =?UTF-8?q?application=20de=20la=20nouvelle=20identit?= =?UTF-8?q?=C3=A9=20sur=20toutes=20les=20pages?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...block.erabletheme_navigationprincipale.yml | 31 - .../erabletheme/assets/cercle_dessin.svg | 4 +- .../assets/equipes-projets-icons/collibri.svg | 59 -- .../equipes-projets-icons/grenouille.svg | 51 -- .../assets/equipes-projets-icons/marmotte.svg | 58 -- .../assets/equipes-projets-icons/nenuphar.svg | 101 --- .../assets/equipes-projets-icons/papillon.svg | 52 -- .../erabletheme/assets/leaflet-point.svg | 3 + web/themes/erabletheme/assets/logo_epau.png | Bin 0 -> 4326 bytes web/themes/erabletheme/assets/logo_erable.png | Bin 34212 -> 0 bytes .../assets/logo_erable_ardoise.svg | 115 +++ web/themes/erabletheme/css/styles.css | 726 ++++++++++++------ web/themes/erabletheme/erabletheme.theme | 21 + web/themes/erabletheme/js/erabletheme.js | 102 +-- web/themes/erabletheme/scss/_actualites.scss | 11 + web/themes/erabletheme/scss/_fullpage.scss | 194 ++++- web/themes/erabletheme/scss/_gouvernance.scss | 32 +- web/themes/erabletheme/scss/_home.scss | 14 +- web/themes/erabletheme/scss/_meetup.scss | 52 +- web/themes/erabletheme/scss/_partenaires.scss | 2 + web/themes/erabletheme/scss/_projets.scss | 283 ++++--- web/themes/erabletheme/scss/_ressources.scss | 47 +- .../scss/global/variables/_colors.scss | 2 +- .../scss/global/variables/_typography.scss | 3 +- .../erabletheme/scss/partials/_articles.scss | 29 +- .../erabletheme/scss/partials/_footer.scss | 17 +- .../erabletheme/scss/partials/_header.scss | 80 +- ...views-block--home-blocks-block-1.html.twig | 2 +- .../block--erabletheme-logoepau-2.html.twig | 14 + .../block--erabletheme-logoepau.html.twig | 12 + .../block--erabletheme-logoerable.html.twig | 15 + .../fiche/region--offre-meetup.html.twig | 6 +- .../node/node--actualite--full.html.twig | 14 +- .../node/node--content-global.html.twig | 11 +- .../templates/node/node--projet.html.twig | 14 +- .../node/node--ressource--full.html.twig | 17 +- .../node/node--view--ressources.html.twig | 9 +- .../equipe/paragraph--membre-equipe.html.twig | 21 + .../node--view--taxonomy-term.html.twig | 16 +- .../erabletheme/templates/page/page.html.twig | 1 - .../views-view--content-meetup.html.twig | 9 +- .../views-view--content-partenaires.html.twig | 9 +- .../views-view--content-projets.html.twig | 8 +- .../views-view--page-actus.html.twig | 9 +- 44 files changed, 1369 insertions(+), 907 deletions(-) delete mode 100644 config/sync/block.block.erabletheme_navigationprincipale.yml delete mode 100644 web/themes/erabletheme/assets/equipes-projets-icons/collibri.svg delete mode 100644 web/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg delete mode 100644 web/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg delete mode 100644 web/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg delete mode 100644 web/themes/erabletheme/assets/equipes-projets-icons/papillon.svg create mode 100644 web/themes/erabletheme/assets/leaflet-point.svg create mode 100644 web/themes/erabletheme/assets/logo_epau.png delete mode 100644 web/themes/erabletheme/assets/logo_erable.png create mode 100644 web/themes/erabletheme/assets/logo_erable_ardoise.svg create mode 100644 web/themes/erabletheme/templates/block/block--erabletheme-logoepau-2.html.twig create mode 100644 web/themes/erabletheme/templates/block/block--erabletheme-logoepau.html.twig create mode 100644 web/themes/erabletheme/templates/block/block--erabletheme-logoerable.html.twig create mode 100644 web/themes/erabletheme/templates/node/projet/equipe/paragraph--membre-equipe.html.twig diff --git a/config/sync/block.block.erabletheme_navigationprincipale.yml b/config/sync/block.block.erabletheme_navigationprincipale.yml deleted file mode 100644 index d0650a8..0000000 --- a/config/sync/block.block.erabletheme_navigationprincipale.yml +++ /dev/null @@ -1,31 +0,0 @@ -uuid: fbafd41d-6910-4030-b311-94796bfdea06 -langcode: fr -status: true -dependencies: - config: - - system.menu.main - module: - - menu_block - theme: - - erabletheme -id: erabletheme_navigationprincipale -theme: erabletheme -region: primary_menu -weight: -5 -provider: null -plugin: 'menu_block:main' -settings: - id: 'menu_block:main' - label: 'Navigation principale' - label_display: '0' - provider: menu_block - follow: false - follow_parent: child - label_link: false - label_type: block - level: 1 - depth: 0 - expand_all_items: false - parent: 'main:' - suggestion: main -visibility: { } diff --git a/web/themes/erabletheme/assets/cercle_dessin.svg b/web/themes/erabletheme/assets/cercle_dessin.svg index 261ac3a..3b861b1 100644 --- a/web/themes/erabletheme/assets/cercle_dessin.svg +++ b/web/themes/erabletheme/assets/cercle_dessin.svg @@ -34,12 +34,12 @@ inkscape:current-layer="svg1" /> diff --git a/web/themes/erabletheme/assets/equipes-projets-icons/collibri.svg b/web/themes/erabletheme/assets/equipes-projets-icons/collibri.svg deleted file mode 100644 index ba9e174..0000000 --- a/web/themes/erabletheme/assets/equipes-projets-icons/collibri.svg +++ /dev/null @@ -1,59 +0,0 @@ - - - - diff --git a/web/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg b/web/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg deleted file mode 100644 index a490dae..0000000 --- a/web/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg +++ /dev/null @@ -1,51 +0,0 @@ - - - - diff --git a/web/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg b/web/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg deleted file mode 100644 index 04c5292..0000000 --- a/web/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg +++ /dev/null @@ -1,58 +0,0 @@ - - - - diff --git a/web/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg b/web/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg deleted file mode 100644 index 340c9b9..0000000 --- a/web/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg +++ /dev/null @@ -1,101 +0,0 @@ - - - - diff --git a/web/themes/erabletheme/assets/equipes-projets-icons/papillon.svg b/web/themes/erabletheme/assets/equipes-projets-icons/papillon.svg deleted file mode 100644 index 0c1e0d1..0000000 --- a/web/themes/erabletheme/assets/equipes-projets-icons/papillon.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - diff --git a/web/themes/erabletheme/assets/leaflet-point.svg b/web/themes/erabletheme/assets/leaflet-point.svg new file mode 100644 index 0000000..961becc --- /dev/null +++ b/web/themes/erabletheme/assets/leaflet-point.svg @@ -0,0 +1,3 @@ + + + diff --git a/web/themes/erabletheme/assets/logo_epau.png b/web/themes/erabletheme/assets/logo_epau.png new file mode 100644 index 0000000000000000000000000000000000000000..d76718381dde2cdd1358556cf30b361b79c1afe4 GIT binary patch literal 4326 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 literal 0 HcmV?d00001 diff --git a/web/themes/erabletheme/assets/logo_erable.png b/web/themes/erabletheme/assets/logo_erable.png deleted file mode 100644 index 9747084a9932572cee53ce5e19944a5a20f59f5d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 34212 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 + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index 23b5a0a..82994c7 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -131,7 +131,6 @@ footer.fluo_links a { padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } footer.fluo_links a svg { display: none; @@ -193,9 +192,31 @@ footer.fluo_links p { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 { padding-left: 1.25rem; } +.layout-container header[role=banner] > div:first-of-type #block-erabletheme-logorep-2 img { + max-height: 4.5rem; + height: 4.5rem; + width: auto; +} .layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoerable { margin-left: auto; } +.layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoerable img { + width: auto; + height: auto; + max-height: 3.5rem; +} +.layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 a { + display: flex; + align-items: center; + height: 100%; + padding: 1.4rem 0; + box-sizing: border-box; +} +.layout-container header[role=banner] > div:first-of-type #block-erabletheme-logoepau-2 img { + width: auto; + height: 100%; + max-height: 100%; +} .layout-container header[role=banner] > div:first-of-type #block-erabletheme-socialmedialinks { display: none; } @@ -257,7 +278,7 @@ footer.fluo_links p { height: auto; max-height: 0vh; transition: max-height 0.9s ease, padding 0.5s ease-out; - background-color: #314e41; + background-color: #0e3b2d; width: 100vw; padding: 0; align-items: center; @@ -284,11 +305,11 @@ footer.fluo_links p { } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a:hover { background-color: white; - color: #314e41; + color: #0e3b2d; } .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a.is-active { background-color: white; - color: #314e41; + color: #0e3b2d; } @media (min-width: 760px) { .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li { @@ -342,59 +363,10 @@ footer.fluo_links p { max-height: calc(100vh - 4.5rem); overflow-y: scroll; } -.layout-container header[role=banner] > div:first-of-type #block-erabletheme-navigationprincipale { - margin-top: 0 !important; -} .layout-container header[role=banner] > div:nth-of-type(2) { z-index: 98; position: relative; } -.layout-container #block-erabletheme-navigationprincipale { - background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent); - width: 100%; - display: none; - position: absolute; - padding-top: 1rem; -} -@media (min-width: 1080px) { - .layout-container #block-erabletheme-navigationprincipale { - display: block; - } -} -.layout-container #block-erabletheme-navigationprincipale ul { - width: 100%; - display: flex; - padding: 1rem 10vw; - justify-content: space-around; -} -.layout-container #block-erabletheme-navigationprincipale ul li { - font-family: "Marianne", sans-serif; - font-size: 0.9375rem; - padding: 9px 16px; - background-color: white; - transition: background-color 0.3s ease; -} -.layout-container #block-erabletheme-navigationprincipale ul li:first-of-type { - display: flex; - justify-items: center; -} -.layout-container #block-erabletheme-navigationprincipale ul li:first-of-type::after { - content: url(../assets/icons/arrow-down-s-line.svg); - display: inline-block; - height: 1rem; - width: 1rem; - margin-left: 0.2rem; -} -.layout-container #block-erabletheme-navigationprincipale ul li:hover, .layout-container #block-erabletheme-navigationprincipale ul li.submenu-open { - background-color: #33ffc4; -} -.layout-container #block-erabletheme-navigationprincipale ul li a { - font-weight: 800; - color: black; -} -.layout-container #block-erabletheme-navigationprincipale ul li a:is-active { - background-color: #33ffc4; -} .layout-container #block-erabletheme-leprogramme { position: fixed; background-color: white; @@ -451,9 +423,17 @@ footer.fluo_links p { max-width: 100px; height: auto; } +.layout-container > footer #footer_left > div #block-erabletheme-logoepau a { + display: flex; + align-items: center; + height: 4.5rem; + padding: 1.4rem 0; + box-sizing: border-box; +} .layout-container > footer #footer_left > div #block-erabletheme-logoepau img { max-width: 150px; - height: auto; + height: 100%; + width: auto; } .layout-container > footer #footer_section { display: flex; @@ -666,7 +646,6 @@ footer.fluo_links p { padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .carousel_container footer a svg { display: none; @@ -1014,8 +993,16 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo height: auto; } @media (min-width: 1080px) { + .home_introduction .intro_logo { + align-self: stretch; + align-items: center; + } .home_introduction .intro_logo img { - width: 100%; + width: auto; + max-width: 100%; + height: 100%; + max-height: 100%; + object-fit: contain; } } .home_introduction .intro_separator { @@ -1064,7 +1051,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .home_introduction > div.more-link a svg { display: none; @@ -1163,7 +1149,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .home_consultation div.more-link a svg { display: none; @@ -1295,11 +1280,156 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo line-height: 1.3; } +.layout-content .page-header-outside { + padding: 3vh 3vw 2vh; + background: transparent; + color: #4a4a49; +} +.layout-content .page-header-outside .retour_projets, +.layout-content .page-header-outside .retour_actus, +.layout-content .page-header-outside .retour_ressources, +.layout-content .page-header-outside .retour-meetup { + margin-bottom: 1.5rem; +} +.layout-content .page-header-outside .retour_projets a, +.layout-content .page-header-outside .retour_actus a, +.layout-content .page-header-outside .retour_ressources a, +.layout-content .page-header-outside .retour-meetup a { + font-family: "Marianne", sans-serif; + font-weight: 800; + font-size: 0.8125rem; + color: #4a4a49; + opacity: 0.7; + text-decoration: none; +} +.layout-content .page-header-outside .retour_projets a:hover, +.layout-content .page-header-outside .retour_actus a:hover, +.layout-content .page-header-outside .retour_ressources a:hover, +.layout-content .page-header-outside .retour-meetup a:hover { + opacity: 1; +} +.layout-content .page-header-outside > h2 { + font-family: "Vogun", serif; + font-weight: 500; + font-size: 2.25rem; + color: black; + line-height: 1.2; + margin: 0; + padding: 0; +} +.layout-content .page-header-outside > h2 a { + color: inherit; + text-decoration: none; +} +.layout-content .page-header-outside > h2 + .sous_titre, +.layout-content .page-header-outside > h2 ~ .sous_titre { + padding-top: 1.2rem; + margin-top: 1.2rem; + border-top: 1px solid #4a4a49; +} +.layout-content .page-header-outside .sous_titre { + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.375rem; + line-height: 1.2; + color: #4a4a49; + opacity: 0.7; + padding: 0; + margin-bottom: 0; +} +@media (min-width: 760px) { + .layout-content .page-header-outside { + width: 75vw; + margin-left: 12.5vw; + margin-top: 5vh; + } +} +@media (min-width: 1080px) { + .layout-content .page-header-outside { + width: 50vw; + margin-left: 25%; + margin-top: 5vh; + } +} + +@media (min-width: 760px) { + .layout-content .page-header-outside:has(+ .fullpage.large-container) { + width: auto; + margin-left: calc(3vw * 2.5); + margin-right: calc(3vw * 2.5); + } +} + +.layout-content .page-header-outside + .fullpage, +.layout-content .page-header-outside + article.fullpage { + margin-top: 1rem !important; +} +@media (min-width: 760px) { + .layout-content .page-header-outside + .fullpage, + .layout-content .page-header-outside + article.fullpage { + margin-top: 1rem !important; + } +} + +@media (min-width: 1080px) { + .views-row:not(:first-of-type) .page-header-outside + .fullpage, + .views-row:not(:first-of-type) .page-header-outside + article.fullpage, + .ressources.page-header-outside + .fullpage, + .page-header-outside + .ressources, + .page-header-outside + article.ressources { + margin-top: revert !important; + } +} +main:not(:has(#block-erabletheme-leprogramme-2)):not(:has(#block-erabletheme-views-block-projets-block-1)) .layout-content .page-header-outside + .fullpage > .fullpage_content { + padding-top: 1.5rem; +} +main:not(:has(#block-erabletheme-leprogramme-2)):not(:has(#block-erabletheme-views-block-projets-block-1)) .layout-content .page-header-outside + .fullpage > .fullpage_content p:first-of-type { + margin-top: 0; +} + +@media (min-width: 760px) { + main:has(#block-erabletheme-leprogramme-2), + main:has(#block-erabletheme-views-block-projets-block-1) { + position: relative; + } + main:has(#block-erabletheme-leprogramme-2) .layout-content .page-header-outside:not(.views-row .page-header-outside), + main:has(#block-erabletheme-views-block-projets-block-1) .layout-content .page-header-outside:not(.views-row .page-header-outside) { + position: absolute; + top: 3vh; + left: 0; + right: 0; + width: auto !important; + margin: 0 !important; + padding-left: 14vw; + padding-right: 40vw; + } +} +@media (min-width: 760px) and (min-width: 1080px) { + main:has(#block-erabletheme-leprogramme-2) .layout-content .page-header-outside:not(.views-row .page-header-outside), + main:has(#block-erabletheme-views-block-projets-block-1) .layout-content .page-header-outside:not(.views-row .page-header-outside) { + padding-left: 15vw; + padding-right: 40vw; + } +} +@media (min-width: 760px) { + main:has(#block-erabletheme-leprogramme-2):has(.layout-content .page-header-outside:not(.views-row .page-header-outside)), + main:has(#block-erabletheme-views-block-projets-block-1):has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) { + padding-top: calc(var(--page-header-outside-h, 18vh) + 4vh); + } + main:has(#block-erabletheme-leprogramme-2):has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) .fullpage, + main:has(#block-erabletheme-leprogramme-2):has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) aside.layout-sidebar-first, + main:has(#block-erabletheme-views-block-projets-block-1):has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) .fullpage, + main:has(#block-erabletheme-views-block-projets-block-1):has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) aside.layout-sidebar-first { + margin-top: 0 !important; + } +} + .layout-content .fullpage { margin-bottom: 10vh; padding-top: 3vh; padding-bottom: 3vh; background-color: white; + border-bottom: 7px solid #33ffc4; position: relative; } .layout-content .fullpage h2 { @@ -1326,7 +1456,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .layout-content .fullpage .legende { display: block !important; font-size: 0.8rem; - color: #314e41; + color: #0e3b2d; } .layout-content .fullpage .fullpage_content > h2 { margin-bottom: 1rem; @@ -1376,7 +1506,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .layout-content .fullpage .fullpage_content .liens_fixed > div > div a svg, .layout-content .fullpage .fullpage_content .file_fixed > div > div a svg, .layout-content .fullpage .fullpage_content .liens > div > div a svg, .layout-content .fullpage .fullpage_content .file_fixed > div > div a svg { @@ -1389,6 +1518,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .layout-content .fullpage .fullpage_content .liens_fixed > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a, .layout-content .fullpage .fullpage_content .liens > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a { display: inline-block; + background-color: #f9f9f9; } @media (min-width: 1080px) { .layout-content .fullpage .fullpage_content .liens_fixed > div > div, .layout-content .fullpage .fullpage_content .file_fixed > div > div, @@ -1403,6 +1533,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo .layout-content .fullpage .fullpage_content .liens_fixed > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a, .layout-content .fullpage .fullpage_content .liens > div > div a, .layout-content .fullpage .fullpage_content .file_fixed > div > div a { max-width: 19vw; + background-color: white; } } .layout-content .fullpage .fullpage_content .file_fixed span:last-of-type { @@ -1514,6 +1645,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 { padding: 1.5rem; background-color: white; + border-bottom: 7px solid #33ffc4; margin-left: 2vw; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > div > div, @@ -1532,11 +1664,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > display: flex; justify-content: space-between; cursor: pointer; - font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: 0.9375rem; - color: #4a4a49; - line-height: 1.3; + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.375rem; + color: #33ffc4; + line-height: 1.2; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > div, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-views-block-projets-block-1 > h2 > div, @@ -1587,11 +1719,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row { margin: 1rem 0; - font-family: "Marianne", sans-serif; - font-weight: 400; - font-size: 0.9375rem; - color: #4a4a49; - line-height: 1.3; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul > li a, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul .views-row a, @@ -1609,8 +1736,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > ul .views-row a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a { - color: black; + font-family: "Vogun", serif; + font-weight: 400; font-size: 0.9375rem; + color: black; + line-height: 1.3; } 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, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul .views-row a:hover, @@ -1643,7 +1773,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list > li a.is-active, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a:hover, aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a.is-active { - font-weight: 800; + font-weight: 400; + color: #33ffc4; } aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul.closed, aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list.closed, @@ -1708,18 +1839,22 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > display: block; pointer-events: none; } -.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom, -.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom-prenom { align-self: flex-end; margin-bottom: 2vh; + display: flex; + flex-wrap: wrap; + column-gap: 0.3rem; + color: black; font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: 0.9375rem; - color: #4a4a49; + font-weight: 400; + font-size: 1.0625rem; line-height: 1.3; } -.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom > div { - padding-left: 0.5rem; +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom-prenom > .prenom, +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom-prenom > .nom { + margin: 0; + padding: 0; } .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte { grid-column: 2/4; @@ -1742,7 +1877,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > height: 10vw; border-radius: 5vw; } - .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom-prenom { padding-left: 3vw; } .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte p { @@ -1764,15 +1899,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > width: 7vw; height: 7vw; } - .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom, - .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom-prenom { margin-top: 0.8rem; align-self: start; padding: 0 !important; grid-row: 2/2; - } - .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom { - justify-self: end; + grid-column: 1/3; } .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte { grid-column: 1/3; @@ -1908,7 +2040,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .content_partenaires .views-row article > div:first-of-type > div:last-of-type a svg { display: none; @@ -1916,6 +2047,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .content_partenaires .views-row article > div:first-of-type > div:last-of-type a:hover { color: black; } +.content_partenaires .views-row article > div:first-of-type > div:last-of-type a { + background-color: #f9f9f9; +} #block-erabletheme-unequestion { position: relative; @@ -1993,6 +2127,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > transform: translateY(-2px); } +.config_pages--type--meetup { + padding-top: 1.5rem; +} + .fullpage.meetup > h2 { border-bottom: solid 1px #33ffc4; padding: 0; @@ -2051,13 +2189,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > height: 100%; display: block; font-weight: 800; - color: white; + color: #4a4a49; display: flex; flex-direction: row; align-items: center; justify-content: space-around; transform: translateY(0); - transition: transform 0.2s ease-out; + transition: color 0.2s ease-out, transform 0.2s ease-out; } @media (min-width: 760px) { .fullpage.meetup > header > div:last-of-type > div > a { @@ -2066,13 +2204,15 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.meetup > header > div:last-of-type > div > a::after { content: " →"; + color: #4a4a49; + transition: color 0.2s ease-out; } .fullpage.meetup > header > div:last-of-type > div > a::before { content: "+"; aspect-ratio: 1/1; text-decoration: none !important; - color: white; - border: solid 1px white; + color: #4a4a49; + border: solid 1px #4a4a49; width: 1.8rem; height: 1.8rem; border-radius: 1.5rem; @@ -2082,6 +2222,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > align-items: center; margin-right: 0.6rem; padding-bottom: 5px; + transition: color 0.2s ease-out, border-color 0.2s ease-out; } @media (min-width: 760px) { .fullpage.meetup > header > div:last-of-type > div > a::before { @@ -2093,6 +2234,21 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.meetup > header > div:last-of-type > div > a:hover { transform: translateY(-2px); + color: black; +} +.fullpage.meetup > header > div:last-of-type > div > a:hover::after { + color: black; +} +.fullpage.meetup > header > div:last-of-type > div > a:hover::before { + color: black; + border-color: black; +} +.fullpage.meetup .js-form-item { + padding-left: 0; +} +.fullpage.meetup input.form-submit, +.fullpage.meetup .form-submit { + padding: 0.5rem 1.2rem; } .fullpage.meetup > .meetup_list { display: grid; @@ -2183,7 +2339,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > grid-row: 2/3; color: black; text-transform: uppercase; - font-weight: 800; + font-weight: 400; } .fullpage.meetup > .meetup_list > .views-row > a > article > a.offre-title, .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title { grid-column: 2; @@ -2192,8 +2348,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .fullpage.meetup > .meetup_list > .views-row > a > article > a.offre-title > h2, .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title > h2 { margin: unset; padding: unset; - font-weight: 800; margin-top: 0 !important; + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.375rem; + line-height: 1.2; } .fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address { grid-column: 2; @@ -2290,12 +2449,15 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } } .fullpage.meetup-offre > .offre-content > div { - border-top: solid 1px #33ffc4; padding-top: 4vh; margin-left: 3vw; margin-right: 3vw; width: calc(100% - 6vw); } +.fullpage.meetup-offre > .offre-content > div .occupation, +.fullpage.meetup-offre > .offre-content > div .address { + color: #4a4a49; +} .fullpage.meetup-offre > .offre-content > div > div > div > div { display: grid; grid-template-columns: 0.3fr 1fr 1fr; @@ -2476,7 +2638,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a svg { display: none; @@ -2486,6 +2647,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a { display: inline-block; + background-color: #f9f9f9; } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div { @@ -2501,6 +2663,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a { max-width: 19vw; + background-color: white; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed { @@ -2527,7 +2690,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a svg { display: none; @@ -2537,6 +2699,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a { display: inline-block; + background-color: #f9f9f9; } @media (min-width: 1080px) { .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div { @@ -2552,6 +2715,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a { max-width: 19vw; + background-color: white; } } .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed span:last-of-type { @@ -2561,6 +2725,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .layout-content .fullpage.projets { padding-top: 5vh; } +.layout-content .fullpage.projets > .intro_map footer.fluo_links { + display: none; +} @media (min-width: 1080px) { .layout-content .fullpage.projets > .intro_map { display: flex; @@ -2644,6 +2811,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding-bottom: 0; } } +.layout-content .fullpage.projets > .intro_map #sites-map-container #popup { + background-color: #f9f9f9; +} .layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 { font-family: "Marianne", sans-serif; font-weight: 800; @@ -2658,6 +2828,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > color: #4a4a49; line-height: 1.3; } +.layout-content .fullpage.projets > .intro_map #sites-map-container #projects_icons > svg { + width: 12px; + height: 12px; +} .layout-content .fullpage.projets > .projets_list { display: grid; margin: 3vh 3vw; @@ -2680,26 +2854,24 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .layout-content .fullpage.projets > .projets_list > .views-row { display: grid; - grid-template-columns: 0.5fr 1fr; - grid-template-rows: repeat(4, auto); + grid-template-columns: 0.4fr 1fr; + grid-template-rows: auto auto auto auto auto; grid-column-gap: 1rem; + grid-row-gap: 0.5rem; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama { grid-column: 1; - grid-row: 1/3; + grid-row: 1/-1; align-self: start; overflow: hidden; - height: 100%; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content { display: block; width: 100%; - height: auto; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a { aspect-ratio: 1/1; width: 100%; - height: auto; display: flex; align-items: start; justify-content: center; @@ -2712,81 +2884,82 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > width: auto; height: 100%; } -.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title { +.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel { grid-column: 2; grid-row: 1; - margin-bottom: 1rem; - font-family: "Marianne", sans-serif; - font-weight: 800; + font-family: "Vogun", serif; + font-weight: 500; font-size: 0.9375rem; color: #4a4a49; - line-height: 1.3; + line-height: 1.2; +} +.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel a { + color: inherit; + text-decoration: none; +} +.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title { + grid-column: 2; + grid-row: 2; + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.375rem; + color: black; + line-height: 1.2; + padding-bottom: 0.6rem; + border-bottom: 1px solid #33ffc4; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a { - color: #33ffc4; + color: inherit; + text-decoration: none; } .layout-content .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-size: 0.9375rem !important; - font-family: "Vogun", serif; - font-weight: 500; - color: black; - font-size: 1.375rem; - line-height: 1.2; -} -.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre a { - color: black; -} -@media (min-width: 760px) { - .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre { - font-size: 2.25rem; - } -} -.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel { - grid-column: 1/3; grid-row: 3; - margin-bottom: 1rem; - padding-left: 1.2rem; - padding-top: 0.3rem; font-family: "Marianne", sans-serif; font-weight: 400; font-size: 0.9375rem; color: #4a4a49; line-height: 1.3; } -.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel a { - color: black; +.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre a { + color: inherit; + text-decoration: none; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th { - grid-column: 1/3; + grid-column: 2; grid-row: 4; - padding-left: 1rem; +} +.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + gap: 0.5rem; } .layout-content .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-weight: 400; - font-size: 0.9375rem; - color: #4a4a49; - line-height: 1.3; + font-size: 0.8125rem; + background-color: white; + border: 1px solid #33ffc4; + transition: background-color 0.3s ease; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li:hover { - background-color: #8ec2b8; + background-color: #33ffc4; } .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li a { display: block; color: black; padding: 0.2rem 0.4rem; + text-decoration: none; } +.fullpage.projet_full > .fullpage_content > div { + display: flex; + flex-direction: column; +} .fullpage.projet_full .retour_projets { padding-top: 3vh; padding-left: 3vw; @@ -2813,15 +2986,48 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > font-size: 2.25rem; } } +.fullpage.projet_full .thematiques { + order: 1; +} +.fullpage.projet_full .localisation { + order: 2; +} +.fullpage.projet_full .intro { + order: 3; +} +.fullpage.projet_full .diapo { + order: 4; +} +.fullpage.projet_full .text-content { + order: 5; +} +.fullpage.projet_full .chiffre-clefs { + order: 6; +} +.fullpage.projet_full .carte { + order: 7; +} +.fullpage.projet_full .legende-carte { + order: 8; +} +.fullpage.projet_full .equipe { + order: 9; +} +.fullpage.projet_full .liens { + order: 10; +} .fullpage.projet_full .localisation { margin-left: 3vw; - margin-top: 2rem; + margin-top: 1rem; font-family: "Marianne", sans-serif; font-weight: 400; font-size: 0.9375rem; color: #4a4a49; line-height: 1.3; } +.fullpage.projet_full .intro p:first-of-type { + margin-top: 2rem !important; +} .fullpage.projet_full .thematiques { margin-top: 1rem; margin-left: 3vw; @@ -2829,7 +3035,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .fullpage.projet_full .thematiques > div > div > div { display: inline-block; font-size: 0.8rem !important; - background-color: #d3f0ea; + background-color: white; + border: 1px solid #33ffc4; margin: 0.2rem; transition: background-color 0.3s ease; font-family: "Marianne", sans-serif; @@ -2839,7 +3046,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > line-height: 1.3; } .fullpage.projet_full .thematiques > div > div > div:hover { - background-color: #8ec2b8; + background-color: #33ffc4; } .fullpage.projet_full .thematiques > div > div > div a { display: block; @@ -2875,18 +3082,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > width: 1.2rem; height: 1.2rem; border-radius: 1.5rem; - background-color: #33ffc4 !important; - transition: background-color 0.3s ease; + background-color: transparent !important; } .fullpage.projet_full .diapo .slick-arrow:hover { - background-color: white !important; + background-color: transparent !important; } .fullpage.projet_full .diapo .slick-arrow:hover::before { - color: #33ffc4; + color: black; } .fullpage.projet_full .diapo .slick-arrow::before { opacity: 1 !important; - color: white; + color: #4a4a49; font-weight: bold; font-family: "Marianne", sans-serif; display: block; @@ -2900,11 +3106,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.projet_full .text-content .intertitre { margin-left: 3vw; - font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: 0.9375rem; - color: #4a4a49; - line-height: 1.3; + padding-right: 3vw; + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.375rem; + color: black; + line-height: 1.2; } .fullpage.projet_full .text-content .paragraph { margin-bottom: 3rem; @@ -2918,7 +3125,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > grid-column-gap: 2rem; grid-row-gap: 2rem; width: auto; - margin: 4rem 3vw; + margin: 0 3vw; } .fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type { font-size: 2rem !important; @@ -2932,7 +3139,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > margin: 0; padding: 0; margin-top: 0.5rem; - color: #33ffc4; + color: #4a4a49; } .fullpage.projet_full .carte { width: auto; @@ -2983,17 +3190,22 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .fullpage.projet_full .equipe > div > div:first-of-type { margin-left: 3vw; + margin-right: 3vw; margin-bottom: 2rem; font-family: "Vogun", serif; font-weight: 500; - color: black; font-size: 1.375rem; line-height: 1.2; + color: #33ffc4; + display: flex; + align-items: center; + gap: 1rem; } -@media (min-width: 760px) { - .fullpage.projet_full .equipe > div > div:first-of-type { - font-size: 2.25rem; - } +.fullpage.projet_full .equipe > div > div:first-of-type::after { + content: ""; + flex: 1; + height: 1px; + background-color: #33ffc4; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div:first-of-type > div > div:first-of-type > div:last-of-type::before { mask-image: url("/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg"); @@ -3019,27 +3231,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type { margin-bottom: 2rem; display: inline-block; - font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: 0.9375rem; - color: #4a4a49; - line-height: 1.3; + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.375rem; + color: black; + line-height: 1.2; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type > div:last-of-type { display: flex; align-items: center; } -.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type > div:last-of-type::before { - content: ""; - display: inline-block; - width: 1.8rem; - height: 1.8rem; - background-color: #33ffc4; - mask-repeat: no-repeat; - mask-position: center; - mask-size: 1.8rem; - margin-right: 0.5rem; -} .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div { display: grid; grid-template-columns: 1fr; @@ -3064,47 +3265,29 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph { margin: 0 !important; padding: 0 !important; - display: grid; - grid-template-columns: auto 1fr; - grid-column-gap: 0; + display: flex; flex-direction: column; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .portrait { display: none; } -.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom { - grid-column: 2; - grid-row: 2; - margin: 0; - padding: 0; - color: black !important; - font-size: 0.9375rem !important; +.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom-prenom { + display: flex; + flex-wrap: wrap; + column-gap: 0.3rem; + color: black; font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: 0.9375rem; - color: #4a4a49; + font-weight: 400; + font-size: 1.0625rem; line-height: 1.3; } -.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom > div { - padding-left: 0.2rem !important; -} -.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .prenom { - grid-column: 1; - grid-row: 2; +.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom-prenom > .prenom, +.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom-prenom > .nom { margin: 0; padding: 0; - color: black !important; - font-size: 0.9375rem !important; - font-family: "Marianne", sans-serif; - font-weight: 800; - font-size: 0.9375rem; - color: #4a4a49; - line-height: 1.3; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte { margin-top: 0.5rem; - grid-column: 1/span 2; - grid-row: 3; } .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte p { font-size: 0.9375rem; @@ -3115,18 +3298,40 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > margin-bottom: 30px; } -.views-row:first-of-type > .taxonomy_page { - margin-top: 13vh !important; +.views-row .page-header-outside.taxonomy_header { + display: none; +} + +.views-row:first-of-type > .page-header-outside.taxonomy_header { + display: block; +} + +.views-row:not(:last-of-type) > .taxonomy_page { + border-bottom: none !important; } .taxonomy_page { margin-top: 0 !important; margin-bottom: 0 !important; } +.taxonomy_page > .fullpage_content > .projet_label { + font-family: "Vogun", serif; + font-weight: 500; + font-size: 1.0625rem; + color: black; + line-height: 1.2; + margin: 0 !important; + padding: 0 3vw 0 3vw !important; +} +.taxonomy_page > .fullpage_content > .projet_label a { + color: inherit; + text-decoration: none; +} .taxonomy_page > .fullpage_content > div:last-of-type { display: grid !important; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(3, auto); + padding-right: 3vw; } .taxonomy_page > .fullpage_content > div:last-of-type > .diapo { grid-column: 1; @@ -3137,12 +3342,28 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre { grid-column: 1/3; grid-row: 1; - margin-bottom: 2rem; + margin-bottom: 0.5rem; + font-size: 0.9375rem !important; + font-family: "Marianne", sans-serif !important; + font-weight: 400 !important; + color: #4a4a49 !important; + line-height: 1.3 !important; +} +.taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre * { + font-size: 0.9375rem !important; + font-family: "Marianne", sans-serif !important; + font-weight: 400 !important; + color: #4a4a49 !important; + line-height: 1.3 !important; +} +.taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre a { + text-decoration: none; } .taxonomy_page > .fullpage_content > div:last-of-type > .localisation { grid-column: 2; grid-row: 2; margin-top: 0 !important; + font-size: 0.8125rem !important; } .taxonomy_page > .fullpage_content > div:last-of-type > .thematiques { grid-column: 2; @@ -3153,10 +3374,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > display: none; } -.views-row:not(:first-of-type) .taxonomy_page .retour_projets { - display: none; -} - @media (min-width: 760px) { .fullpage.actus .actus_list { display: grid; @@ -3168,6 +3385,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > grid-template-columns: repeat(3, 1fr); } } +.fullpage.actus .actus_list article.actu-teaser { + border-bottom: none; +} +.fullpage.actus .actus_list article.actu-teaser .preview_sous_titre { + border-bottom: 7px solid #33ffc4; +} @media screen and (min-width: 760px) { .fullpage .actus_list h2 { @@ -3180,12 +3403,23 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } } +.views-row .page-header-outside { + display: none; +} + +.views-row:has(> .ressources) { + margin-bottom: 0 !important; +} + +.views-row:not(:last-of-type) > .ressources { + border-bottom: none !important; +} + .ressources { margin-top: 0 !important; margin-bottom: 0 !important; -} -.ressources > .main-title { - display: none; + padding-top: 0 !important; + padding-bottom: 0 !important; } .ressources > div { padding: 0 3vw; @@ -3241,7 +3475,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .ressources > div > div:has(a) > div > span a svg { display: none; @@ -3249,6 +3482,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .ressources > div > div:has(a) > div > span a:hover { color: black; } +.ressources > div > div:has(a) > div > span a { + background-color: #f9f9f9; +} .ressources > div > div:has(a) > div > span:last-of-type { display: none; } @@ -3278,23 +3514,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > line-height: 1.3; } -.views-row:first-of-type > .ressources { - margin-top: 13vh !important; -} -.views-row:first-of-type > .ressources > .main-title { +.views-row:first-of-type:has(> article.ressources) > .page-header-outside { display: block; - padding-top: 5vh !important; - font-family: "Vogun", serif; - font-weight: 500; - font-size: 2.25rem; - color: black; - line-height: 1.2; - padding: 0 3vw; - margin-top: 1rem; + margin-top: calc(-200px + 3rem) !important; } -@media (min-width: 760px) { - .views-row:first-of-type > .ressources > .main-title { - font-size: 3.5625rem; +@media (min-width: 1080px) { + .views-row:first-of-type:has(> article.ressources) > .page-header-outside { + margin-top: calc(-200px + 3rem) !important; } } @@ -3361,7 +3587,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .ressource > div:not(.retour_ressources) > div:not(.retour_ressources):first-of-type > div > span a svg { display: none; @@ -3407,7 +3632,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > .faq-fullpage .faq-question { padding: 0; margin-top: 1rem; - border-top: solid 1px #314e41; + border-top: solid 1px #0e3b2d; padding-top: 1rem; padding-bottom: 0.5rem; } @@ -3433,7 +3658,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > color: #33ffc4; } .faq-fullpage .faq-question-answer:last-of-type { - border-bottom: solid 1px #314e41; + border-bottom: solid 1px #0e3b2d; padding-bottom: 0.5rem; } .faq-fullpage .ornements_top_over { @@ -3533,39 +3758,29 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > color: #33ffc4; } .actu_full .article_meta { + padding-top: 1.5rem; padding-left: 3vw; margin: 20px 0; + display: flex; + flex-direction: row; + gap: 1.5rem; } .actu_full .article_meta div { font-size: 0.8125rem; margin-bottom: 5px; } -.actu_full .article_meta + h2 { - margin-top: 0 !important; -} -.actu_full h2 { - padding-top: 0 !important; - margin-bottom: 2rem !important; -} -.actu_full h2 + div { +.actu_full .article_meta + div { position: relative; padding: 0 3vw; } -.actu_full h2 + div .visually-hidden { +.actu_full .article_meta + div .visually-hidden { width: 0% !important; } -.actu_full h2 + div .sous_titre { - margin-top: -1.5rem; -} -.actu_full h2 + div .sous_titre > div > div { - font-size: 1.375rem; - margin-bottom: 30px; -} -.actu_full h2 + div > div > div { +.actu_full .article_meta + div > div > div { width: 100%; margin-bottom: 40px; } -.actu_full h2 + div > div > div img { +.actu_full .article_meta + div > div > div img { width: 100%; height: auto; } @@ -3598,7 +3813,6 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; } .actu_full .liens_fixed > div > div:nth-of-type(2) > div a svg, .actu_full .file_fixed > div > div > div a svg { display: none; @@ -3608,6 +3822,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .actu_full .liens_fixed > div > div:nth-of-type(2) > div a, .actu_full .file_fixed > div > div > div a { display: inline-block; + background-color: #f9f9f9; } @media (min-width: 1080px) { .actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div { @@ -3622,6 +3837,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } .actu_full .liens_fixed > div > div:nth-of-type(2) > div a, .actu_full .file_fixed > div > div > div a { max-width: 19vw; + background-color: white; } } .actu_full .file_fixed span:last-of-type { diff --git a/web/themes/erabletheme/erabletheme.theme b/web/themes/erabletheme/erabletheme.theme index c4f3e74..787b0e9 100644 --- a/web/themes/erabletheme/erabletheme.theme +++ b/web/themes/erabletheme/erabletheme.theme @@ -27,6 +27,27 @@ function erabletheme_preprocess_node(&$variables) { $date_formatter = \Drupal::service('date.formatter'); $variables['date'] = $date_formatter->format($node->created->value, 'custom', 'j F Y', null, 'fr'); } +/** + * Inject le label du tag courant pour les pages d'archive taxonomy + * (rendu par node--view--taxonomy-term.html.twig). + */ +function erabletheme_preprocess_node__view__taxonomy_term(&$variables) { + $route_match = \Drupal::routeMatch(); + if ($route_match->getRouteName() === 'entity.taxonomy_term.canonical') { + $term = $route_match->getParameter('taxonomy_term'); + if ($term) { + $variables['taxonomy_term_label'] = $term->label(); + // Le rendu du node est caché : on déclare la dépendance sur la route + // courante (sinon tous les terms partagent la même valeur cachée). + $variables['#cache']['contexts'][] = 'route'; + $variables['#cache']['tags'] = array_merge( + $variables['#cache']['tags'] ?? [], + $term->getCacheTags() + ); + } + } +} + function erabletheme_preprocess_node__view__meetup(&$variables) { /** @var \Drupal\node\Entity $node */ $node = $variables['node']; diff --git a/web/themes/erabletheme/js/erabletheme.js b/web/themes/erabletheme/js/erabletheme.js index 9d7806c..e649fa3 100644 --- a/web/themes/erabletheme/js/erabletheme.js +++ b/web/themes/erabletheme/js/erabletheme.js @@ -9,6 +9,58 @@ Drupal.behaviors.erabletheme = { attach: function (context, settings) { + // + // Bloc en-tête hors colonne (.page-header-outside) : positionné en + // absolute dans
, donc on mesure sa hauteur et on l'expose via + // une CSS variable pour que
réserve la bonne place en padding-top. + // + const header_outside = document.querySelector('.page-header-outside'); + const main_el = header_outside ? header_outside.closest('main') : null; + if (header_outside && main_el && !main_el.dataset.headerOutsideMeasured) { + const updateHeaderOutsideHeight = () => { + const h = header_outside.getBoundingClientRect().height; + main_el.style.setProperty('--page-header-outside-h', h + 'px'); + }; + updateHeaderOutsideHeight(); + window.addEventListener('resize', updateHeaderOutsideHeight); + main_el.dataset.headerOutsideMeasured = 'true'; + } + + // + // Sidebar projets : marquer .is-active sur le lien de la page courante + // (la vue ne pose pas cette classe automatiquement, contrairement aux + // blocs menus Drupal). + // + const projetsSidebar = document.querySelector('#block-erabletheme-views-block-projets-block-1'); + if (projetsSidebar && !projetsSidebar.dataset.activeMarked) { + const currentPath = window.location.pathname.replace(/\/$/, ''); + projetsSidebar.querySelectorAll('a[href]').forEach(a => { + if (a.getAttribute('href').replace(/\/$/, '') === currentPath) { + a.classList.add('is-active'); + } + }); + projetsSidebar.dataset.activeMarked = 'true'; + } + + // + // Pages taxonomy (filtres par tag de projet) : on rend les sous-titres + // des cards cliquables (le titre est déjà lié via le Twig). + // + document.querySelectorAll('.taxonomy_page').forEach(card => { + if (card.dataset.subtitleLinked) return; + const titleLink = card.querySelector('.projet_label a'); + const subtitle = card.querySelector('.sous_titre'); + if (titleLink && subtitle && !subtitle.querySelector('a')) { + const href = titleLink.getAttribute('href'); + // On enveloppe les enfants du sous-titre dans un . + const a = document.createElement('a'); + a.setAttribute('href', href); + while (subtitle.firstChild) a.appendChild(subtitle.firstChild); + subtitle.appendChild(a); + } + card.dataset.subtitleLinked = 'true'; + }); + // // Home intro : sortir le .more-link (rendu profond par smart_trim) // de .intro_body pour le placer directement sous .intro_main. @@ -310,46 +362,6 @@ } } - // - // Sous Menu display on hover - // - - const programLink = document.querySelector("#block-erabletheme-navigationprincipale ul li:first-of-type"); - const programSubmenu = document.querySelector("#block-erabletheme-leprogramme"); - let isSubmenuOpen = false; - - function showSubmenu() { - programLink.classList.add("submenu-open"); - let rect = programLink.getBoundingClientRect(); - programSubmenu.style.top = `${rect.bottom}px`; - programSubmenu.style.left = `${rect.left}px`; - programSubmenu.style.display = "block"; - - programSubmenu.style.display = "block"; - setTimeout(() => { - programSubmenu.style.maxHeight = "50vh"; - }, 10) - - isSubmenuOpen = true; - } - - function hideSubmenu() { - programLink.classList.remove("submenu-open"); - programSubmenu.style.maxHeight = "0px"; - isSubmenuOpen = false; - setTimeout(() => { - if (!isSubmenuOpen) { - programSubmenu.style.display = "none"; - } - }, 600); - } - - programLink.addEventListener("mouseenter", showSubmenu); - programLink.addEventListener("mouseleave", hideSubmenu); - - programSubmenu.addEventListener("mouseenter", showSubmenu); - programSubmenu.addEventListener("mouseleave", hideSubmenu); - // // Aside menu toggle // @@ -524,10 +536,10 @@ // map on the projects page let customIcon = L.icon({ - iconUrl: '/themes/erabletheme/assets/leaf.svg', - iconSize: [20, 20], - iconAnchor: [10, 20], - popupAnchor: [0, -20] + iconUrl: '/themes/erabletheme/assets/leaflet-point.svg', + iconSize: [18, 18], + iconAnchor: [9, 9], + popupAnchor: [0, -9] }); let initiatedMap = document.querySelector(`#${mapid}`); @@ -581,7 +593,7 @@ const currentMap = document.querySelector('.leaflet-container'); const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img'); for (let icon of leafletIcons) { - icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg'); + icon.setAttribute('src', '/themes/erabletheme/assets/leaflet-point.svg'); } // diff --git a/web/themes/erabletheme/scss/_actualites.scss b/web/themes/erabletheme/scss/_actualites.scss index e6078cf..2e06abf 100644 --- a/web/themes/erabletheme/scss/_actualites.scss +++ b/web/themes/erabletheme/scss/_actualites.scss @@ -10,6 +10,17 @@ grid-template-columns: repeat(3, 1fr); } } + + // En grille, deux teasers voisins peuvent se toucher : on déplace le + // border-bottom fluo de l'article vers le .preview_sous_titre pour qu'il + // reste à l'intérieur du teaser (padding de l'article en dessous). + // Spécifique à l'index actus — carousel home conserve son trait au bord. + .actus_list article.actu-teaser { + border-bottom: none; + .preview_sous_titre { + border-bottom: 7px solid $fluo_green; + } + } } .fullpage { diff --git a/web/themes/erabletheme/scss/_fullpage.scss b/web/themes/erabletheme/scss/_fullpage.scss index 0fe85b3..f32a0a7 100644 --- a/web/themes/erabletheme/scss/_fullpage.scss +++ b/web/themes/erabletheme/scss/_fullpage.scss @@ -1,8 +1,172 @@ +// En-tête de page placé HORS de la colonne blanche (.fullpage) : +// "Retour …",

, trait, .sous_titre apparaissent directement sur le fond gris. +// Couleur grisée (text_grey atténué) en cohérence avec les "meta" de la home. +.layout-content .page-header-outside { + padding: 3vh $x_margin 2vh; + background: transparent; + color: $text_grey; + .retour_projets, + .retour_actus, + .retour_ressources, + .retour-meetup { + margin-bottom: 1.5rem; + a { + // Marianne, pas Vogun. + font-family: $marianne; + font-weight: $fw_bold; + font-size: $fs_xs; + color: $text_grey; + opacity: 0.7; + text-decoration: none; + &:hover { opacity: 1; } + } + } + // Typo titre harmonisée entre toutes les pages (projets / actus / autres) : + // Vogun 36px constant, on retire le bump à 57px du main_title() par défaut. + > h2 { + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_xl; + color: black; + line-height: $lh_tight; + margin: 0; + padding: 0; + a { color: inherit; text-decoration: none; } + } + // Trait de séparation entre titre et sous-titre. + > h2 + .sous_titre, + > h2 ~ .sous_titre { + padding-top: 1.2rem; + margin-top: 1.2rem; + border-top: 1px solid $text_grey; + } + .sous_titre { + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; // 22px constant sur tous les breakpoints + line-height: $lh_tight; + color: $text_grey; + opacity: 0.7; + padding: 0; + margin-bottom: 0; + } + @media (min-width: $breakpoint_tablet) { + width: 75vw; + margin-left: 12.5vw; + margin-top: 5vh; + } + @media (min-width: $breakpoint_desktop) { + width: 50vw; + margin-left: 25%; + margin-top: 5vh; // identique à tablette, en ligne avec les pages projets + } +} + +// Sur les pages d'index (.fullpage.large-container : /projets, /actualites, +// /meetup), la colonne blanche est plus large. On aligne le .page-header-outside +// dessus pour que le titre démarre à la même abscisse que le contenu. +.layout-content .page-header-outside:has(+ .fullpage.large-container) { + @media (min-width: $breakpoint_tablet) { + width: auto; + margin-left: calc(#{$x_margin} * 2.5); + margin-right: calc(#{$x_margin} * 2.5); + } +} + +// Quand le .page-header-outside est suivi d'une .fullpage (pages SANS +// sidebar : actus, programme…), on supprime la marge top de .fullpage pour +// rapprocher la colonne blanche du bloc en-tête. +// Exceptions : +// - /ressources : layout hacky (cf. _ressources.scss), on n'y touche pas +// - articles non-premiers d'une vue (.views-row:not(:first-of-type)) : +// leur en-tête est masqué donc pas de besoin d'override. +.layout-content .page-header-outside + .fullpage, +.layout-content .page-header-outside + article.fullpage { + margin-top: 1rem !important; + @media (min-width: $breakpoint_tablet) { + margin-top: 1rem !important; + } +} +// Restaurer le margin-top par défaut pour les cas exclus en desktop. +@media (min-width: $breakpoint_desktop) { + .views-row:not(:first-of-type) .page-header-outside + .fullpage, + .views-row:not(:first-of-type) .page-header-outside + article.fullpage, + .ressources.page-header-outside + .fullpage, + .page-header-outside + .ressources, + .page-header-outside + article.ressources { + margin-top: revert !important; + } +} + +// Sur les pages SANS sidebar (mentions-legales, programme, etc.), le

+// ayant été sorti dans .page-header-outside, le contenu peut se retrouver +// collé au bord supérieur de la colonne (la règle p:first-of-type +// { margin-top: 7vh } ne matche que si le premier élément est un

). +// On compense uniquement dans ce contexte. +main:not(:has(#block-erabletheme-leprogramme-2)):not(:has(#block-erabletheme-views-block-projets-block-1)) + .layout-content .page-header-outside + .fullpage > .fullpage_content { + padding-top: 1.5rem; + // Si le premier élément est un

, on neutralise sa marge top par défaut + // (sinon elle s'ajoute au padding qu'on vient de poser). + p:first-of-type { + margin-top: 0; + } +} + +// Contexte page projet (sidebar sommaire à gauche, layout en flex row-reverse +// au niveau du

) : on force le .page-header-outside à occuper toute la +// largeur AU-DESSUS de la sidebar et de la colonne blanche. +// Le .page-header-outside est dans .layout-content donc il flotte en +// position: absolute pour passer par-dessus et on pousse main de padding-top. +// +// IMPORTANT : on ne cible QUE les .page-header-outside enfants DIRECTS de +// .layout-content (pages node-like : projet, programme, taxonomy). Sur +// /ressources la sidebar est aussi présente mais le .page-header-outside +// est imbriqué dans une .views-row — on le laisse en flux normal. +main:has(#block-erabletheme-leprogramme-2), +main:has(#block-erabletheme-views-block-projets-block-1) { + @media (min-width: $breakpoint_tablet) { + position: relative; + // Le .page-header-outside passe en position absolute, sauf s'il est + // imbriqué dans une .views-row (cas /ressources, layout hacky : on laisse + // en flux normal et on compense via _ressources.scss). + .layout-content .page-header-outside:not(.views-row .page-header-outside) { + position: absolute; + top: 3vh; + left: 0; + right: 0; + width: auto !important; + margin: 0 !important; + padding-left: 14vw; + padding-right: 40vw; + @media (min-width: $breakpoint_desktop) { + padding-left: 15vw; + padding-right: 40vw; + } + } + } + // Réserver la place du header-outside uniquement quand il est en absolute + // (= pas dans une .views-row). Sinon padding-top normal. + @media (min-width: $breakpoint_tablet) { + &:has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) { + padding-top: calc(var(--page-header-outside-h, 18vh) + 4vh); + // Le padding-top de
réserve déjà la place du header-outside. + // On annule les marges top de la sidebar et de la colonne blanche + // pour qu'elles démarrent juste en dessous (pas de double espacement). + .fullpage, + aside.layout-sidebar-first { + margin-top: 0 !important; + } + } + } +} + .layout-content .fullpage { margin-bottom: 10vh; padding-top: 3vh; padding-bottom: 3vh; background-color: white; + border-bottom: 7px solid $fluo_green; position: relative; h2 { margin-top: 5vh !important; @@ -50,6 +214,10 @@ @include fluo_button(); a { display: inline-block; + // En mobile, ces liens sont en flux normal dans la colonne blanche, + // donc on contraste leur fond en gris pâle (en desktop ils sont + // position: fixed sur fond gris, on garde le fond blanc d'origine). + background-color: $page_bg; } @media (min-width: $breakpoint_desktop) { //margin-bottom: 0 !important; @@ -62,6 +230,7 @@ } a { max-width: calc(25vw - $x_margin * 2); + background-color: white; } } } @@ -158,21 +327,27 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) { } padding: 1.5rem; background-color: white; + border-bottom: 7px solid $fluo_green; margin-left: 2vw; > h2 { padding-bottom: 1rem; - border-bottom: solid 1px $teal; + border-bottom: solid 1px $fluo_green; display: flex; justify-content: space-between; cursor: pointer; - @include sous_titre(); + // Titre sidebar : Vogun brand color, plus grand. + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; + color: $fluo_green; + line-height: $lh_tight; > div { mask-image: url('/themes/erabletheme/assets/icons/arrow-down-s-line.svg'); background-size: contain; - background-color: $teal; + background-color: $fluo_green; width: 1.3rem; height: 1.3rem; - color: $teal; + color: $fluo_green; transform: rotate(0deg); transition: transform 0.3s ease; &.closed { @@ -189,14 +364,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) { > li, .views-row { margin: 1rem 0; - @include main_text_content(); - + // Items sidebar : Vogun, item actif en brand color (pas gras). a { - color: black; + font-family: $vogun; + font-weight: $fw_regular; font-size: $fs_sm; + color: black; + line-height: $lh_normal; &:hover, &.is-active { - font-weight: 800; + font-weight: $fw_regular; + color: $fluo_green; } } } diff --git a/web/themes/erabletheme/scss/_gouvernance.scss b/web/themes/erabletheme/scss/_gouvernance.scss index cab78da..3101522 100644 --- a/web/themes/erabletheme/scss/_gouvernance.scss +++ b/web/themes/erabletheme/scss/_gouvernance.scss @@ -49,15 +49,24 @@ } } - > .prenom, - > .nom { + // Prénom + nom regroupés via le template paragraph--membre-equipe.html.twig. + // Même typo que sur les pages projets (Marianne regular, $fs_md). + > .nom-prenom { align-self: flex-end; margin-bottom: 2vh; - @include sous_titre(); - } - - > .nom > div { - padding-left: 0.5rem; + display: flex; + flex-wrap: wrap; + column-gap: 0.3rem; + color: black; + font-family: $marianne; + font-weight: $fw_regular; + font-size: $fs_md; + line-height: $lh_normal; + > .prenom, + > .nom { + margin: 0; + padding: 0; + } } > .texte { @@ -76,7 +85,7 @@ border-radius: 5vw; } - > .prenom { + > .nom-prenom { padding-left: 3vw; } @@ -98,15 +107,12 @@ height: 7vw; } } - > .prenom, - > .nom { + > .nom-prenom { margin-top: 0.8rem; align-self: start; padding: 0 !important; grid-row: 2 / 2; - } - > .prenom { - justify-self: end; + grid-column: 1 / 3; } > .texte { grid-column: 1 / 3; diff --git a/web/themes/erabletheme/scss/_home.scss b/web/themes/erabletheme/scss/_home.scss index f92fa77..9d123c8 100644 --- a/web/themes/erabletheme/scss/_home.scss +++ b/web/themes/erabletheme/scss/_home.scss @@ -34,8 +34,18 @@ width: 40vw; max-width: 14rem; height: auto; - @media (min-width: $breakpoint_desktop) { - width: 100%; + } + // Desktop : le logo se cale sur la hauteur du texte de présentation + // (la colonne logo s'étire à la hauteur de la ligne grid). + @media (min-width: $breakpoint_desktop) { + align-self: stretch; + align-items: center; + img { + width: auto; + max-width: 100%; + height: 100%; + max-height: 100%; + object-fit: contain; } } } diff --git a/web/themes/erabletheme/scss/_meetup.scss b/web/themes/erabletheme/scss/_meetup.scss index 0247ad4..0d0c57f 100644 --- a/web/themes/erabletheme/scss/_meetup.scss +++ b/web/themes/erabletheme/scss/_meetup.scss @@ -1,3 +1,8 @@ +// Wrapper config_pages (bandeau d'intro de la page meetup). +.config_pages--type--meetup { + padding-top: 1.5rem; +} + .fullpage.meetup { > h2 { border-bottom: solid 1px $teal; @@ -20,8 +25,10 @@ width: calc(75% - $x_margin * 2); } } + // Bouton "Déposer mon offre" : texte gris foncé (et icônes ::before / + // ::after) au repos, noir au survol. Fond brand conservé. > div:last-of-type { - background-color: $teal; + background-color: $fluo_green; width: 60%; margin-left: calc(40% - $x_margin); margin-top: 4vh; @@ -42,26 +49,28 @@ height: 100%; display: block; font-weight: 800; - color: white; + color: $text_grey; display: flex; flex-direction: row; align-items: center; justify-content: space-around; transform: translateY(0); - transition: transform 0.2s ease-out; + transition: color 0.2s ease-out, transform 0.2s ease-out; @media (min-width: $breakpoint_tablet) { padding: 1rem 0.5rem; } } > a::after { content: "\2003 →"; + color: $text_grey; + transition: color 0.2s ease-out; } > a::before { content: "+"; aspect-ratio: 1/1; text-decoration: none !important; - color: white; - border: solid 1px white; + color: $text_grey; + border: solid 1px $text_grey; width: 1.8rem; height: 1.8rem; border-radius: 1.5rem; @@ -71,6 +80,7 @@ align-items: center; margin-right: 0.6rem; padding-bottom: 5px; + transition: color 0.2s ease-out, border-color 0.2s ease-out; @media (min-width: $breakpoint_tablet) { padding-bottom: 10px; width: 3rem; @@ -80,10 +90,22 @@ } > a:hover { transform: translateY(-2px); + color: black; + &::after { color: black; } + &::before { color: black; border-color: black; } } } } } + // Form de filtre meetup. + .js-form-item { + padding-left: 0; + } + // Bouton submit "Appliquer". + input.form-submit, + .form-submit { + padding: 0.5rem 1.2rem; + } > .meetup_list { display: grid; margin: 3vh $x_margin; @@ -163,7 +185,7 @@ grid-row: 2/3; color: black; text-transform: uppercase; - font-weight: 800; + font-weight: $fw_regular; //display: none; } > a.offre-title { @@ -172,8 +194,11 @@ > h2 { margin: unset; padding: unset; - font-weight: 800; margin-top: 0 !important; + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; + line-height: $lh_tight; } } > p.address { @@ -250,11 +275,15 @@ } > .offre-content { > div { - border-top: solid 1px $teal; padding-top: 4vh; margin-left: $x_margin; margin-right: $x_margin; width: calc(100% - $x_margin * 2); + // Méta de l'offre : occupation + address en gris foncé. + .occupation, + .address { + color: $text_grey; + } > div > div > div { display: grid; grid-template-columns: 0.3fr 1fr 1fr; @@ -412,6 +441,9 @@ @include fluo_button(); a { display: inline-block; + // Mobile : bouton sur fond gris (colonne blanche). + // Desktop : repasse en blanc (position: fixed sur fond gris). + background-color: $page_bg; } @media (min-width: $breakpoint_desktop) { text-align: right; @@ -425,6 +457,7 @@ } a { max-width: calc(25vw - $x_margin * 2); + background-color: white; } } } @@ -441,6 +474,8 @@ @include fluo_button(); a { display: inline-block; + // Mobile : bouton sur fond gris (colonne blanche). + background-color: $page_bg; } @media (min-width: $breakpoint_desktop) { text-align: right; @@ -454,6 +489,7 @@ } a { max-width: calc(25vw - $x_margin * 2); + background-color: white; } } } diff --git a/web/themes/erabletheme/scss/_partenaires.scss b/web/themes/erabletheme/scss/_partenaires.scss index a54be56..3509c21 100644 --- a/web/themes/erabletheme/scss/_partenaires.scss +++ b/web/themes/erabletheme/scss/_partenaires.scss @@ -66,6 +66,8 @@ padding-bottom: 2rem; margin-top: 1rem; @include fluo_button(); + // Fond carte = blanc, on contraste le CTA en gris pâle. + a { background-color: $page_bg; } } } diff --git a/web/themes/erabletheme/scss/_projets.scss b/web/themes/erabletheme/scss/_projets.scss index a363a16..9756ba0 100644 --- a/web/themes/erabletheme/scss/_projets.scss +++ b/web/themes/erabletheme/scss/_projets.scss @@ -1,6 +1,9 @@ .layout-content .fullpage.projets { padding-top: 5vh; > .intro_map { + // Le bloc carte (block--sitesmap-block) est partagé avec l'accueil. + // Ici on n'affiche pas le CTA "Voir les projets" : on est déjà sur l'index. + footer.fluo_links { display: none; } @media (min-width: $breakpoint_desktop) { display: flex; flex-direction: row; @@ -52,6 +55,8 @@ //width: 85%; } #popup { + // Cohérence visuelle avec la home : tooltip sur fond gris pâle. + background-color: $page_bg; h3 { @include sous_titre(); } @@ -59,6 +64,13 @@ @include main_text_content(); } } + // Carte plus petite ici → cercles plus petits. + // Le SVG point.svg fait 18x18 et est partagé avec la home ; on réduit + // visuellement sans toucher au SVG. + #projects_icons > svg { + width: 12px; + height: 12px; + } } } > .projets_list { @@ -78,24 +90,22 @@ } > .views-row{ display: grid; - grid-template-columns: 0.5fr 1fr; - grid-template-rows: repeat(4, auto); + // Colonne image (gauche) | colonne textes (droite). + grid-template-columns: 0.4fr 1fr; + grid-template-rows: auto auto auto auto auto; grid-column-gap: 1rem; + grid-row-gap: 0.5rem; > .views-field-field-diaporama { grid-column: 1; - grid-row: 1/3; + grid-row: 1 / -1; align-self: start; overflow: hidden; - height: 100%; > .field-content { display: block; width: 100%; - height: auto; - //height: 100%; > a { aspect-ratio: 1/1; width: 100%; - height: auto; display: flex; align-items: start; justify-content: center; @@ -106,64 +116,73 @@ img { width: auto; height: 100%; - //object-fit: cover; } } } } - > .views-field-title { + // Lieu (1re ligne droite) : Vogun gris-text, petit. + > .views-field-field-localisation-textuel { grid-column: 2; grid-row: 1; - margin-bottom: 1rem; - //margin-left: -1rem; - a { - color: $teal; - } - @include sous_titre(); + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_sm; + color: $text_grey; + line-height: $lh_tight; + a { color: inherit; text-decoration: none; } } - > .views-field-field-sous-titre { + // Titre (2e ligne droite) : Vogun plus grand mais pas trop. + > .views-field-title { grid-column: 2; grid-row: 2; - font-size: 1.1rem !important; - margin-bottom: 1rem; - line-height: 1.3; - font-size: $fs_sm !important; - a { - color: black; - } - @include sous_titre_alt(); + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; + color: black; + line-height: $lh_tight; + // Filet brand color en bas, sur toute la largeur disponible. + padding-bottom: 0.6rem; + border-bottom: 1px solid $fluo_green; + a { color: inherit; text-decoration: none; } } - > .views-field-field-localisation-textuel { - grid-column: 1/3; + // Sous-titre (3e ligne droite) : Marianne gris-text. + > .views-field-field-sous-titre { + grid-column: 2; grid-row: 3; - margin-bottom: 1rem; - padding-left: 1.2rem; - padding-top: 0.3rem; - //margin-left: -0.5rem; - @include main_text_content(); - a { - color: black; - } + font-family: $marianne; + font-weight: $fw_regular; + font-size: $fs_sm; + color: $text_grey; + line-height: $lh_normal; + a { color: inherit; text-decoration: none; } } + // Étiquettes thématiques (4e ligne droite) : fond blanc, contour brand. > .views-field-field-th { - grid-column: 1/3; + grid-column: 2; grid-row: 4; - padding-left: 1rem; ul { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + gap: 0.5rem; li { display: inline-block; - font-size: 0.8rem !important; - background-color: #d3f0ea; - margin: 0.2rem; + font-family: $marianne; + font-weight: $fw_regular; + font-size: $fs_xs; + background-color: white; + border: 1px solid $fluo_green; transition: background-color 0.3s ease; - @include main_text_content(); &:hover { - background-color: #8ec2b8; + background-color: $fluo_green; } a { display: block; color: black; padding: 0.2rem 0.4rem; + text-decoration: none; } } } @@ -174,6 +193,12 @@ .fullpage.projet_full { // overflow-x: hidden; // enlever quand on ajoute le menu des projets à gauche + // Wrapper interne des fields : flex column pour pouvoir inverser + // l'ordre thematiques / localisation via order. + > .fullpage_content > div { + display: flex; + flex-direction: column; + } .retour_projets { padding-top: 3vh; padding-left: $x_margin; @@ -187,11 +212,30 @@ .sous_titre > div > div { @include sous_titre_alt(); } + // Thématiques AVANT localisation. + .thematiques { order: 1; } + .localisation { order: 2; } + // Tous les autres fields gardent leur ordre source (order: 3 par défaut). + .intro { order: 3; } + .diapo { order: 4; } + .text-content { order: 5; } + .chiffre-clefs { order: 6; } + .carte { order: 7; } + .legende-carte { order: 8; } + .equipe { order: 9; } + .liens { order: 10; } .localisation { margin-left: $x_margin; - margin-top: 2rem; + margin-top: 1rem; @include main_text_content(); } + // Force la marge top du premier

de l'intro à 2rem. + // (Le sélecteur générique .layout-content .fullpage .fullpage_content + // p:first-of-type met 7vh — trop pour ce contexte.) + .intro p:first-of-type { + margin-top: 2rem !important; + } + // Thématiques : "tags" sur fond blanc avec contour 1px brand color. .thematiques { margin-top: 1rem; margin-left: $x_margin; @@ -199,12 +243,13 @@ > div { display: inline-block; font-size: 0.8rem !important; - background-color: #d3f0ea; + background-color: white; + border: 1px solid $fluo_green; margin: 0.2rem; transition: background-color 0.3s ease; @include main_text_content(); &:hover { - background-color: #8ec2b8; + background-color: $fluo_green; } a { display: block; @@ -245,17 +290,16 @@ width: 1.2rem; height: 1.2rem; border-radius: 1.5rem; - background-color: $teal !important; - transition: background-color 0.3s ease; + background-color: transparent !important; &:hover { - background-color: white !important; + background-color: transparent !important; &::before { - color: $teal; + color: black; } } &::before { opacity: 1 !important; - color: white; + color: $text_grey; font-weight: bold; font-family: 'Marianne', sans-serif; display: block; @@ -272,7 +316,13 @@ .text-content { .intertitre { margin-left: $x_margin; - @include sous_titre(); + padding-right: $x_margin; + // Intertitres en Vogun un peu plus grands. + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; + color: black; + line-height: $lh_tight; } .paragraph { margin-bottom: 3rem; @@ -288,7 +338,7 @@ grid-column-gap: 2rem; grid-row-gap: 2rem; width: auto; - margin: 4rem $x_margin; + margin: 0 $x_margin; .paragraph { > div:first-of-type { font-size: 2rem !important; @@ -298,7 +348,7 @@ margin: 0; padding: 0; margin-top: 0.5rem; - color: $teal; + color: $text_grey; } } } @@ -352,10 +402,26 @@ .equipe { margin-top: 4rem; > div { + // Label "Collectif du projet" : intertitre Vogun, brand color, avec un + // filet 1px à droite centré verticalement jusqu'à la marge de colonne. > div:first-of-type { margin-left: $x_margin; + margin-right: $x_margin; margin-bottom: 2rem; - @include sous_titre_alt(); + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; + line-height: $lh_tight; + color: $fluo_green; + display: flex; + align-items: center; + gap: 1rem; + &::after { + content: ''; + flex: 1; + height: 1px; + background-color: $fluo_green; + } } > div:nth-of-type(2) { > div:first-of-type > div { @@ -392,21 +458,17 @@ > div:first-of-type { margin-bottom: 2rem; display: inline-block; - @include sous_titre(); + // Titre de rôle d'équipe : même typo que les intertitres. + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_lg; + color: black; + line-height: $lh_tight; > div:last-of-type { display: flex; align-items: center; - &::before { - content: ''; - display: inline-block; - width: 1.8rem; - height: 1.8rem; - background-color: $teal; - mask-repeat: no-repeat; - mask-position: center; - mask-size: 1.8rem; - margin-right: 0.5rem; - } + // Icônes en ::before (grenouille/marmotte/etc.) retirées — + // les règles mask-image plus haut deviennent inopérantes. } } > div:nth-of-type(2) { @@ -428,38 +490,30 @@ > .paragraph { margin: 0 !important; padding: 0 !important; - display: grid; - grid-template-columns: auto 1fr; - grid-column-gap: 0; + display: flex; flex-direction: column; > .portrait { display: none; } - > .nom { - grid-column: 2; - grid-row: 2; - margin: 0; - padding: 0; - color: black !important; - font-size: $fs_sm !important; - @include sous_titre(); - > div { - padding-left: 0.2rem !important; + // Prénom + nom regroupés via le template + // paragraph--membre-equipe.html.twig. + > .nom-prenom { + display: flex; + flex-wrap: wrap; + column-gap: 0.3rem; + color: black; + font-family: $marianne; + font-weight: $fw_regular; + font-size: $fs_md; + line-height: $lh_normal; + > .prenom, + > .nom { + margin: 0; + padding: 0; } } - > .prenom { - grid-column: 1; - grid-row: 2; - margin: 0; - padding: 0; - color: black !important; - font-size: $fs_sm !important; - @include sous_titre(); - } > .texte { margin-top: 0.5rem; - grid-column: 1 / span 2; - grid-row: 3; p { font-size: $fs_sm; margin: 0 !important; @@ -481,17 +535,41 @@ } } } -.views-row:first-of-type > .taxonomy_page { - margin-top: 13vh !important; +// Page d'archive taxonomy : on n'affiche le .page-header-outside (titre du +// tag + retour) que sur la 1re .views-row. Les autres sont masquées. +.views-row .page-header-outside.taxonomy_header { + display: none; } +.views-row:first-of-type > .page-header-outside.taxonomy_header { + display: block; +} + +// Border-bottom brand color uniquement sur le dernier .taxonomy_page (les +// .fullpage intermédiaires l'ont par défaut, cf. _fullpage.scss). +.views-row:not(:last-of-type) > .taxonomy_page { + border-bottom: none !important; +} + .taxonomy_page { margin-top: 0 !important; margin-bottom: 0 !important; + // Titres de projets listés : réduits drastiquement (cards compactes). + > .fullpage_content > .projet_label { + font-family: $vogun; + font-weight: $fw_medium; + font-size: $fs_md; + color: black; + line-height: $lh_tight; + margin: 0 !important; + padding: 0 $x_margin 0 $x_margin !important; + a { color: inherit; text-decoration: none; } + } > .fullpage_content { > div:last-of-type { display: grid !important; grid-template-columns: 0.5fr 1fr; grid-template-rows: repeat(3, auto); + padding-right: $x_margin; > .diapo { grid-column: 1; grid-row: 2/4; @@ -501,12 +579,29 @@ > .sous_titre { grid-column: 1/3; grid-row: 1; - margin-bottom: 2rem; + margin-bottom: 0.5rem; + // Sous-titres : également réduits. + // (chaîne d'éléments traversée par un ajouté en JS, on cible + // descendants tous niveaux confondus avec !important.) + font-size: $fs_sm !important; + font-family: $marianne !important; + font-weight: $fw_regular !important; + color: $text_grey !important; + line-height: $lh_normal !important; + * { + font-size: $fs_sm !important; + font-family: $marianne !important; + font-weight: $fw_regular !important; + color: $text_grey !important; + line-height: $lh_normal !important; + } + a { text-decoration: none; } } > .localisation { grid-column: 2; grid-row: 2; margin-top: 0 !important; + font-size: $fs_xs !important; } > .thematiques { grid-column: 2; @@ -520,7 +615,3 @@ .feed-icon { display: none; } - -.views-row:not(:first-of-type) .taxonomy_page .retour_projets { - display: none; -} diff --git a/web/themes/erabletheme/scss/_ressources.scss b/web/themes/erabletheme/scss/_ressources.scss index d8ca8c6..0cf95d4 100644 --- a/web/themes/erabletheme/scss/_ressources.scss +++ b/web/themes/erabletheme/scss/_ressources.scss @@ -1,9 +1,27 @@ +// Le titre "Ressources" est rendu par chaque node (dans .page-header-outside, +// frère de .ressources). On masque par défaut, et on n'affiche que sur la +// 1re ressource via .views-row:first-of-type ci-dessous. +.views-row .page-header-outside { + display: none; +} + +// Pas d'espace entre les .views-row sur la page Ressources : on veut donner +// l'illusion d'une colonne blanche unique. On annule margin-bottom de la +// .views-row, et padding-top/bottom de chaque carte .ressources. +.views-row:has(> .ressources) { + margin-bottom: 0 !important; +} +// Border-bottom brand color uniquement sur la dernière ressource (les +// .fullpage intermédiaires l'ont par défaut, cf. _fullpage.scss). +.views-row:not(:last-of-type) > .ressources { + border-bottom: none !important; +} + .ressources { margin-top: 0 !important; margin-bottom: 0 !important; - > .main-title { - display: none; - } + padding-top: 0 !important; + padding-bottom: 0 !important; > div { padding: 0 $x_margin; display: grid; @@ -35,6 +53,8 @@ > div > span { margin-top: -1rem; @include fluo_button(); + // Carte sur fond blanc : on contraste le CTA en gris pâle. + a { background-color: $page_bg; } } > div > span:last-of-type { display: none; @@ -66,13 +86,20 @@ } } -.views-row:first-of-type { - > .ressources { - margin-top: 13vh !important; - > .main-title { - display: block; - padding-top: 5vh !important; - @include main_title(); +// Scope strict à la page /ressources (article.ressources frère du +// .page-header-outside dans la 1re views-row). On ne touche pas aux autres +// pages où un .page-header-outside peut aussi être dans une .views-row +// (ex. /taxonomy/term/N avec .taxonomy_header). +.views-row:first-of-type:has(> article.ressources) { + > .page-header-outside { + display: block; + // La page /ressources utilise un layout hacky qui pousse

à ~255px + // sous le header (cause non identifiée, conçu ainsi par le précédent dev). + // On compense avec un margin-top négatif pour rapprocher visuellement le + // titre du header, comme sur les autres pages d'index. + margin-top: calc(-200px + 3rem) !important; + @media (min-width: $breakpoint_desktop) { + margin-top: calc(-200px + 3rem) !important; } } } diff --git a/web/themes/erabletheme/scss/global/variables/_colors.scss b/web/themes/erabletheme/scss/global/variables/_colors.scss index 6c4ca6c..a328bd7 100644 --- a/web/themes/erabletheme/scss/global/variables/_colors.scss +++ b/web/themes/erabletheme/scss/global/variables/_colors.scss @@ -1,7 +1,7 @@ $fluo_green: #33ffc4; $teal: $fluo_green; $beige: #fcf9ee; -$dark_green: #314e41; +$dark_green: #0e3b2d; $text_grey: #4a4a49; $page_bg: #f9f9f9; diff --git a/web/themes/erabletheme/scss/global/variables/_typography.scss b/web/themes/erabletheme/scss/global/variables/_typography.scss index 99a9b66..30961f6 100644 --- a/web/themes/erabletheme/scss/global/variables/_typography.scss +++ b/web/themes/erabletheme/scss/global/variables/_typography.scss @@ -95,7 +95,8 @@ $fw_bold: 800; padding: 0.75rem 1.5rem; text-decoration: none; transition: color 0.2s ease; - text-wrap: nowrap !important; + // Pas de nowrap : si le texte du lien est long, on autorise le wrap + // pour éviter qu'il déborde du conteneur (notamment colonne d'article). svg { display: none; } &:hover { color: black; } } diff --git a/web/themes/erabletheme/scss/partials/_articles.scss b/web/themes/erabletheme/scss/partials/_articles.scss index 03aec07..9dfdc37 100644 --- a/web/themes/erabletheme/scss/partials/_articles.scss +++ b/web/themes/erabletheme/scss/partials/_articles.scss @@ -12,34 +12,26 @@ } } .article_meta { + padding-top: 1.5rem; padding-left: $x_margin; margin: 20px 0; + display: flex; + flex-direction: row; + gap: 1.5rem; div { font-size: $fs_xs; margin-bottom: 5px; } } - .article_meta + h2 { - margin-top: 0 !important; - } - h2 { - padding-top: 0 !important; - margin-bottom: 2rem !important; - } - h2 + div { // tout le contenu qui n'est pas le titre + // Le

et .sous_titre ont été sortis dans .page-header-outside ; + // l'ancien sélecteur `h2 + div` est remplacé par `.article_meta + div` + // qui cible le wrapper de contenu directement. + .article_meta + div { position: relative; padding: 0 $x_margin; .visually-hidden { width: 0% !important; } - .sous_titre { - margin-top: -1.5rem; - - > div > div { - font-size: $fs_lg; - margin-bottom: 30px; - } - } > div { > div { width: 100%; @@ -68,6 +60,10 @@ @include fluo_button(); a { display: inline-block; + // En mobile, ces liens sont en flux normal dans la colonne blanche, + // donc on contraste leur fond en gris pâle (en desktop ils sont + // position: fixed sur fond gris, on garde le fond blanc d'origine). + background-color: $page_bg; } @media (min-width: $breakpoint_desktop) { margin-bottom: 0 !important; @@ -80,6 +76,7 @@ } a { max-width: calc(25vw - $x_margin * 2); + background-color: white; } } } diff --git a/web/themes/erabletheme/scss/partials/_footer.scss b/web/themes/erabletheme/scss/partials/_footer.scss index b2b8e9e..e5e92d1 100644 --- a/web/themes/erabletheme/scss/partials/_footer.scss +++ b/web/themes/erabletheme/scss/partials/_footer.scss @@ -39,7 +39,22 @@ align-items: center; gap: 1rem; #block-erabletheme-logorep img { max-width: 100px; height: auto; } - #block-erabletheme-logoepau img { max-width: 150px; height: auto; } + // Logo epau : padding vertical pour cohérence visuelle avec le header + // (le logo a moins de marge interne que les autres). + #block-erabletheme-logoepau { + a { + display: flex; + align-items: center; + height: 4.5rem; // hauteur de référence (= $header_height) + padding: 1.4rem 0; + box-sizing: border-box; + } + img { + max-width: 150px; + height: 100%; + width: auto; + } + } } // --- Groupe droite : navs + linkedin --- diff --git a/web/themes/erabletheme/scss/partials/_header.scss b/web/themes/erabletheme/scss/partials/_header.scss index bdafac9..0c8dd3c 100644 --- a/web/themes/erabletheme/scss/partials/_header.scss +++ b/web/themes/erabletheme/scss/partials/_header.scss @@ -49,12 +49,44 @@ $header_height: 4.5rem; // 72px maquette padding: 0 1rem; } + // Logo République : occupe toute la hauteur du header + // (pas le -1rem de marge appliqué aux autres logos). #block-erabletheme-logorep-2 { padding-left: 1.25rem; + img { + max-height: $header_height; + height: $header_height; + width: auto; + } } #block-erabletheme-logoerable { margin-left: auto; // pousse le burger à droite + img { + width: auto; + height: auto; + max-height: calc($header_height - 1rem); + } + } + + // Templates custom (block--erabletheme-logoepau-2 et logoerable) + // → structure
hors du sélecteur générique + // `div > div > div img`. On rappelle la contrainte de hauteur. + // Padding vertical pour réduire visuellement le logo epau, + // qui a moins de marge interne que les autres logos. + #block-erabletheme-logoepau-2 { + a { + display: flex; + align-items: center; + height: 100%; + padding: 1.4rem 0; + box-sizing: border-box; + } + img { + width: auto; + height: 100%; + max-height: 100%; + } } #block-erabletheme-socialmedialinks { @@ -208,9 +240,6 @@ $header_height: 4.5rem; // 72px maquette } } - #block-erabletheme-navigationprincipale { - margin-top: 0 !important; - } } > div:nth-of-type(2) { @@ -219,51 +248,6 @@ $header_height: 4.5rem; // 72px maquette } } - #block-erabletheme-navigationprincipale { - background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent); - width: 100%; - display: none; - position: absolute; - padding-top: 1rem; - @media (min-width: $breakpoint_desktop) { - display: block; - } - ul { - width: 100%; - display: flex; - padding: 1rem 10vw; - justify-content: space-around; - li { - font-family: $marianne; - font-size: $fs_sm; - padding: 9px 16px; - background-color: white; - transition: background-color 0.3s ease; - &:first-of-type { - display: flex; - justify-items: center; - &::after { - content: url(../assets/icons/arrow-down-s-line.svg); - display: inline-block; - height: 1rem; - width: 1rem; - margin-left: 0.2rem; - } - } - &:hover, &.submenu-open { - background-color: $fluo_green; - } - a { - font-weight: 800; - color: black; - &:is-active { - background-color: $fluo_green; - } - } - } - } - } - #block-erabletheme-leprogramme { position: fixed; background-color: white; diff --git a/web/themes/erabletheme/templates/block--views-block--home-blocks-block-1.html.twig b/web/themes/erabletheme/templates/block--views-block--home-blocks-block-1.html.twig index 3159647..8c9c475 100644 --- a/web/themes/erabletheme/templates/block--views-block--home-blocks-block-1.html.twig +++ b/web/themes/erabletheme/templates/block--views-block--home-blocks-block-1.html.twig @@ -32,7 +32,7 @@
diff --git a/web/themes/erabletheme/templates/block/block--erabletheme-logoepau-2.html.twig b/web/themes/erabletheme/templates/block/block--erabletheme-logoepau-2.html.twig new file mode 100644 index 0000000..c4fbfa4 --- /dev/null +++ b/web/themes/erabletheme/templates/block/block--erabletheme-logoepau-2.html.twig @@ -0,0 +1,14 @@ +{# + Override du bloc logo EPAU (header). + Contenu BDD ignoré : on rend en dur le PNG du thème pour le versionner + avec le code (cf. block--erabletheme-logoerable.html.twig pour le même + pattern). Pour changer le logo, remplacer assets/logo_epau.png. +#} + + {{ title_prefix }} + {% if label %}{{ label }}

{% endif %} + {{ title_suffix }} + + EPAU + + diff --git a/web/themes/erabletheme/templates/block/block--erabletheme-logoepau.html.twig b/web/themes/erabletheme/templates/block/block--erabletheme-logoepau.html.twig new file mode 100644 index 0000000..bfa86d9 --- /dev/null +++ b/web/themes/erabletheme/templates/block/block--erabletheme-logoepau.html.twig @@ -0,0 +1,12 @@ +{# + Override du bloc logo EPAU (footer). + Cf. block--erabletheme-logoepau-2.html.twig. +#} + + {{ title_prefix }} + {% if label %}{{ label }}

{% endif %} + {{ title_suffix }} + + EPAU + + diff --git a/web/themes/erabletheme/templates/block/block--erabletheme-logoerable.html.twig b/web/themes/erabletheme/templates/block/block--erabletheme-logoerable.html.twig new file mode 100644 index 0000000..8f47a69 --- /dev/null +++ b/web/themes/erabletheme/templates/block/block--erabletheme-logoerable.html.twig @@ -0,0 +1,15 @@ +{# + Override du bloc logo érable (header). + Le contenu BDD (champ image du block_content) est volontairement ignoré : + on rend en dur le SVG du thème pour que le logo fasse partie du design + system et soit versionné avec le code. Pour changer le logo, remplacer + le fichier assets/logo_erable_ardoise.svg. +#} + + {{ title_prefix }} + {% if label %}{{ label }}{% endif %} + {{ title_suffix }} + + Logo Érable + + diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig index 08f41c9..8debc84 100644 --- a/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig +++ b/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig @@ -15,13 +15,15 @@ */ #} {% if content %} - + {# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
← Retour à la liste des annonces
-

{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}

+
+
{{ content }}
diff --git a/web/themes/erabletheme/templates/node/node--actualite--full.html.twig b/web/themes/erabletheme/templates/node/node--actualite--full.html.twig index 23fbd96..9c58de4 100644 --- a/web/themes/erabletheme/templates/node/node--actualite--full.html.twig +++ b/web/themes/erabletheme/templates/node/node--actualite--full.html.twig @@ -68,23 +68,23 @@ * @ingroup themeable */ #} - +{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
← Retour aux actualités
+ {{ label }} + {{ content.field_sous_titre }} +
+
{{ content.field_date }} {{ content.field_type_d_actualite }}
- - - {{ label }} - - - {{ content|without('field_date', 'field_type_d_actualite') }} + {{ content|without('field_date', 'field_type_d_actualite', 'field_sous_titre') }} diff --git a/web/themes/erabletheme/templates/node/node--content-global.html.twig b/web/themes/erabletheme/templates/node/node--content-global.html.twig index b584ebe..7242f13 100644 --- a/web/themes/erabletheme/templates/node/node--content-global.html.twig +++ b/web/themes/erabletheme/templates/node/node--content-global.html.twig @@ -69,13 +69,16 @@ */ #} +{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
+

{{ label }}

+ {{ content.field_sous_titre }} +
+
- -

{{ label }}

- - {{ content }} + {{ content|without('field_sous_titre') }}
diff --git a/web/themes/erabletheme/templates/node/node--projet.html.twig b/web/themes/erabletheme/templates/node/node--projet.html.twig index 4e366ae..21d483f 100644 --- a/web/themes/erabletheme/templates/node/node--projet.html.twig +++ b/web/themes/erabletheme/templates/node/node--projet.html.twig @@ -69,16 +69,20 @@ */ #} -
-
+{# En-tête hors de la colonne blanche : retour + titre + sous-titre + apparaissent sur le fond gris de la page. #} +
← Retour aux projets
+

{{ label }}

+ {{ content.field_sous_titre }} +
-

{{ label }}

- +
+
- {{ content }} + {{ content|without('field_sous_titre') }}
diff --git a/web/themes/erabletheme/templates/node/node--ressource--full.html.twig b/web/themes/erabletheme/templates/node/node--ressource--full.html.twig index 3052e08..ac3ae22 100644 --- a/web/themes/erabletheme/templates/node/node--ressource--full.html.twig +++ b/web/themes/erabletheme/templates/node/node--ressource--full.html.twig @@ -69,16 +69,19 @@ */ #} +{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
+
+ ← Retour aux ressources +
+

{{ label }}

+ {{ content.field_sous_titre }} +
+
- -
- ← Retour aux ressources -
- -

{{ label }}

- {{ content }} + {{ content|without('field_sous_titre') }}
diff --git a/web/themes/erabletheme/templates/node/node--view--ressources.html.twig b/web/themes/erabletheme/templates/node/node--view--ressources.html.twig index 8e6723f..7e2a9a3 100644 --- a/web/themes/erabletheme/templates/node/node--view--ressources.html.twig +++ b/web/themes/erabletheme/templates/node/node--view--ressources.html.twig @@ -68,8 +68,14 @@ * @ingroup themeable */ #} - +{# En-tête hors colonne blanche : titre "Ressources" rendu sur chaque node + mais affiché uniquement sur la 1re ressource via CSS + (.views-row:first-of-type > .ressources .page-header-outside). #} +
+

Ressources

+
+ {% if display_submitted %}
@@ -81,7 +87,6 @@
{% endif %} -
Ressources
{{ title_prefix }} {% if label and not page %} diff --git a/web/themes/erabletheme/templates/node/projet/equipe/paragraph--membre-equipe.html.twig b/web/themes/erabletheme/templates/node/projet/equipe/paragraph--membre-equipe.html.twig new file mode 100644 index 0000000..c44a0a2 --- /dev/null +++ b/web/themes/erabletheme/templates/node/projet/equipe/paragraph--membre-equipe.html.twig @@ -0,0 +1,21 @@ +{# + Override pour le paragraphe "membre-equipe" : + on regroupe prénom + nom dans un même wrapper .nom-prenom pour qu'ils + s'enchaînent comme un seul bloc (typo, retour à la ligne, etc.). +#} +{% + set classes = [ + 'paragraph', + 'paragraph--type--' ~ paragraph.bundle|clean_class, + view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class, + not paragraph.isPublished() ? 'paragraph--unpublished' + ] +%} + + {{ content.field_portrait }} +
+ {{ content.field_prenom }} + {{ content.field_nom }} +
+ {{ content|without('field_portrait', 'field_prenom', 'field_nom') }} + diff --git a/web/themes/erabletheme/templates/node/projet/node--view--taxonomy-term.html.twig b/web/themes/erabletheme/templates/node/projet/node--view--taxonomy-term.html.twig index 3c12246..98093d2 100644 --- a/web/themes/erabletheme/templates/node/projet/node--view--taxonomy-term.html.twig +++ b/web/themes/erabletheme/templates/node/projet/node--view--taxonomy-term.html.twig @@ -69,17 +69,23 @@ */ #} -
-
+{# Page d'archive taxonomy (filtres par tag). On rend chaque projet associé + en mode "card" (titre + diapo en plus petit, cf. _projets.scss). + Le titre du tag est sorti dans .page-header-outside ; via le CSS, on n'en + affiche qu'une seule (1re .views-row), cf. _projets.scss. La variable + taxonomy_term_label est injectée par erabletheme_preprocess_node__view__taxonomy_term. #} +
← Retour aux projets
+

{{ taxonomy_term_label }}

+
-

{{ label }}

- +
-
diff --git a/web/themes/erabletheme/templates/page/page.html.twig b/web/themes/erabletheme/templates/page/page.html.twig index 5436f82..476262c 100644 --- a/web/themes/erabletheme/templates/page/page.html.twig +++ b/web/themes/erabletheme/templates/page/page.html.twig @@ -54,7 +54,6 @@
{{ page.header }} - {{ page.primary_menu }} {{ page.secondary_menu }}
diff --git a/web/themes/erabletheme/templates/views-view--content-meetup.html.twig b/web/themes/erabletheme/templates/views-view--content-meetup.html.twig index 4269361..f55f351 100644 --- a/web/themes/erabletheme/templates/views-view--content-meetup.html.twig +++ b/web/themes/erabletheme/templates/views-view--content-meetup.html.twig @@ -37,11 +37,12 @@ dom_id ? 'js-view-dom-id-' ~ dom_id, ] %} - -

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

+{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
+

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

+
+ {% if header %}
{{ header }} diff --git a/web/themes/erabletheme/templates/views-view--content-partenaires.html.twig b/web/themes/erabletheme/templates/views-view--content-partenaires.html.twig index 786d0f8..e18e7f8 100644 --- a/web/themes/erabletheme/templates/views-view--content-partenaires.html.twig +++ b/web/themes/erabletheme/templates/views-view--content-partenaires.html.twig @@ -38,11 +38,12 @@ ] %} -
-

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

+ {# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
+

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

+
+
{{ title_prefix }} {{ title }} {{ title_suffix }} diff --git a/web/themes/erabletheme/templates/views-view--content-projets.html.twig b/web/themes/erabletheme/templates/views-view--content-projets.html.twig index 4aee813..5712eaf 100644 --- a/web/themes/erabletheme/templates/views-view--content-projets.html.twig +++ b/web/themes/erabletheme/templates/views-view--content-projets.html.twig @@ -37,14 +37,16 @@ dom_id ? 'js-view-dom-id-' ~ dom_id, ] %} +{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
+

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

+
+
{% if header %}
-

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

{{ header }}
{% endif %} diff --git a/web/themes/erabletheme/templates/views-view--page-actus.html.twig b/web/themes/erabletheme/templates/views-view--page-actus.html.twig index 8fc4c9d..d867ed5 100644 --- a/web/themes/erabletheme/templates/views-view--page-actus.html.twig +++ b/web/themes/erabletheme/templates/views-view--page-actus.html.twig @@ -37,11 +37,12 @@ dom_id ? 'js-view-dom-id-' ~ dom_id, ] %} - -

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

+{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #} +
+

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

+
+ {% if header %}
{{ header }}