diff --git a/web/themes/erabletheme/assets/formes/forme_1.png b/web/themes/erabletheme/assets/formes/forme_1.png new file mode 100644 index 0000000..4c3fa38 Binary files /dev/null and b/web/themes/erabletheme/assets/formes/forme_1.png differ diff --git a/web/themes/erabletheme/assets/formes/forme_2.png b/web/themes/erabletheme/assets/formes/forme_2.png new file mode 100644 index 0000000..b38a641 Binary files /dev/null and b/web/themes/erabletheme/assets/formes/forme_2.png differ diff --git a/web/themes/erabletheme/assets/formes/forme_3.png b/web/themes/erabletheme/assets/formes/forme_3.png new file mode 100644 index 0000000..011b0b6 Binary files /dev/null and b/web/themes/erabletheme/assets/formes/forme_3.png differ diff --git a/web/themes/erabletheme/assets/formes/forme_4.png b/web/themes/erabletheme/assets/formes/forme_4.png new file mode 100644 index 0000000..27418a9 Binary files /dev/null and b/web/themes/erabletheme/assets/formes/forme_4.png differ diff --git a/web/themes/erabletheme/assets/formes/forme_5.png b/web/themes/erabletheme/assets/formes/forme_5.png new file mode 100644 index 0000000..aa06a8b Binary files /dev/null and b/web/themes/erabletheme/assets/formes/forme_5.png differ diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index 75f52ae..3df2442 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -35,6 +35,7 @@ .layout-container { display: flex; flex-direction: column; + justify-content: space-between; min-height: 100vh; } @@ -668,18 +669,11 @@ a { } .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a { display: inline-block; - max-width: 19vw; -} -@media (min-width: 760px) { - .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div { - padding: 0; - } } @media (min-width: 1080px) { .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div { margin-bottom: 0 !important; margin: 0; - padding: 0 3vw; position: fixed; right: 0; bottom: 10vh; @@ -687,6 +681,9 @@ a { .actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div > div { height: 3vh; } + .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a { + max-width: 19vw; + } } .actu_full .file_fixed span:last-of-type { display: none; @@ -914,6 +911,7 @@ a { margin-top: -3vh; padding-top: 3vh; background: linear-gradient(to bottom, #fcf9ee 80%, white 100%); + position: relative; } .fullpage > h2 { font-family: "Barlow", sans-serif; @@ -921,23 +919,43 @@ a { padding: 0 3vw; margin-top: 1rem; color: #038788; - padding-top: 5vh; + margin-top: 5vh; margin-bottom: 7vh; + background-color: #fcf9ee; + z-index: 1; + position: relative; + width: auto; + display: inline-block; } .fullpage > h2 a { color: #038788; } +@media (min-width: 760px) { + .fullpage > h2 { + background-color: unset; + } +} .fullpage .fullpage_content > h2 { font-family: "Barlow", sans-serif; font-size: 2.3rem; padding: 0 3vw; margin-top: 1rem; color: #038788; - padding-top: 5vh; + margin-top: 5vh; + background-color: #fcf9ee; + z-index: 1; + position: relative; + width: auto; + display: inline-block; } .fullpage .fullpage_content > h2 a { color: #038788; } +@media (min-width: 760px) { + .fullpage .fullpage_content > h2 { + background-color: unset; + } +} .fullpage .fullpage_content .sous_titre { font-family: "Marianne", sans-serif; font-size: 1rem; @@ -979,18 +997,11 @@ a { } .fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a { display: inline-block; - max-width: 19vw; -} -@media (min-width: 760px) { - .fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div { - padding: 0; - } } @media (min-width: 1080px) { .fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div { margin-bottom: 0 !important; margin: 0; - padding: 0 3vw; position: fixed; right: 0; bottom: 10vh; @@ -998,6 +1009,9 @@ a { .fullpage .fullpage_content .liens_fixed > div > div > div, .fullpage .fullpage_content .file_fixed > div > div > div { height: 3vh; } + .fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a { + max-width: 19vw; + } } .fullpage .fullpage_content .file_fixed span:last-of-type { display: none; @@ -1020,6 +1034,158 @@ a { } } +.ornements_top_over { + position: absolute; + width: 100vw; + height: 30vh; + right: -55vw; + top: -5vh; + z-index: 0; +} +.ornements_top_over > div { + position: absolute; + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100%; +} +.ornements_top_over > div:first-of-type { + background-image: url(../assets/formes/forme_4.png); + top: -3vh; + right: 5vw; +} +.ornements_top_over > div:nth-of-type(2) { + background-image: url(../assets/formes/forme_5.png); + right: -13vw; +} +.ornements_top_over > div:nth-of-type(3) { + background-image: url(../assets/formes/forme_3.png); + top: 4vh; + right: -8vw; +} +@media (min-width: 760px) { + .ornements_top_over { + left: -40vw; + top: -10vw; + } + .ornements_top_over > div { + transform: scaleX(-1); + left: -55vw; + } + .ornements_top_over > div:first-of-type { + display: none; + } + .ornements_top_over > div:nth-of-type(2) { + display: none; + } +} +@media (min-width: 1080px) { + .ornements_top_over > div:nth-of-type(3) { + transform: scaleX(-1) rotate(-25deg); + top: -25vh; + } +} + +.ornements_top_under { + display: none; + position: absolute; + width: 100vw; + height: 30vh; + left: -30vw; + top: 0vw; +} +.ornements_top_under > div { + position: absolute; + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100%; + transform: scaleX(-1); +} +.ornements_top_under > div:first-of-type { + background-image: url(../assets/formes/forme_4.png); + top: -3vh; + left: -45vw; +} +.ornements_top_under > div:nth-of-type(2) { + background-image: url(../assets/formes/forme_5.png); + left: -60vw; +} +@media (min-width: 760px) { + .ornements_top_under { + display: block; + } +} +@media (min-width: 1080px) { + .ornements_top_under > div:first-of-type { + top: 1vh; + left: -50vw; + } + .ornements_top_under > div:nth-of-type(2) { + top: 6vh; + left: -56.5vw; + } +} + +.ornements_bottom_over { + position: absolute; + width: 100vw; + height: 30vh; + left: -30vw; + bottom: -20vh; +} +.ornements_bottom_over > div { + position: absolute; + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100%; +} +.ornements_bottom_over > div:first-of-type { + background-image: url(../assets/formes/forme_1.png); + left: 8vw; + bottom: -4vh; +} +.ornements_bottom_over > div:nth-of-type(2) { + background-image: url(../assets/formes/forme_2.png); + bottom: -15vh; + left: -3vw; +} +@media (min-width: 760px) { + .ornements_bottom_over { + left: unset; + right: -8vw; + bottom: -25vh; + } + .ornements_bottom_over > div { + transform: scaleX(-1); + } + .ornements_bottom_over > div:nth-of-type(2) { + left: 18vw; + bottom: -11vh; + } +} +@media (min-width: 1080px) { + .ornements_bottom_over > div:first-of-type { + bottom: 6vh; + left: 20vw; + } + .ornements_bottom_over > div:nth-of-type(2) { + bottom: -9vh; + left: 25vw; + } +} + +.fullpage.actus .ornements_top_over, .fullpage.actus .ornements_top_under { + top: -12vh; +} +.fullpage.actus .ornements_bottom_over { + bottom: -28vh; +} +.fullpage.actus .ornements_bottom_over > div:nth-of-type(2) { + bottom: -10vh; + left: -7vh; +} @media (min-width: 760px) { .fullpage.actus { width: auto; @@ -1035,6 +1201,16 @@ a { .fullpage.actus .actus_list { grid-template-columns: repeat(3, 1fr); } + .fullpage.actus .ornements_top_over > div:nth-of-type(3) { + top: -28vh; + } + .fullpage.actus .ornements_bottom_over > div:first-of-type { + bottom: 0vh; + left: -3vw; + } + .fullpage.actus .ornements_bottom_over > div:nth-of-type(2) { + left: 6vh; + } } .content_gouvernance .views-row { diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map index c137b03..001c2a6 100644 --- a/web/themes/erabletheme/css/styles.css.map +++ b/web/themes/erabletheme/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss"],"names":[],"mappings":"AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;ACtCJ;AAKA;EACI;EACA;EACA;;;ACXJ;AAQA;ACRA;EACI;;;ACDJ;EACI;;;ALOJ;AMPA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cJxBb;EIyBa;EACA;;AACA;EAJJ;IAKQ;;;AAIZ;EAdJ;IAeQ;;;AAGR;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIZ;EAlBJ;IAmBQ;;;AAGR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,WHnEV;;AGoEU;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI,kBC9Ef;;ADgFW;EACI;EACA,kBClFf;;ADsFG;EA5BJ;IA6BQ;;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC3GrB;;AD6GiB;EACI;;AAIZ;EAzBJ;IA0BQ;;;AAIJ;EACI;EACA;EACA;EACA,kBC5HP;ED6HO;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA,kBCtKP;EDuKO;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OClMf;;ADoMW;EACI;EACA,OCtMf;;ADwMW;EA1BJ;IA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","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss"],"names":[],"mappings":"AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;ACtCJ;AAKA;EACI;EACA;EACA;EACA;;;ACZJ;AAQA;ACRA;EACI;;;ACDJ;EACI;;;ALOJ;AMPA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cJxBb;EIyBa;EACA;;AACA;EAJJ;IAKQ;;;AAIZ;EAdJ;IAeQ;;;AAGR;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIZ;EAlBJ;IAmBQ;;;AAGR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,WHnEV;;AGoEU;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI,kBC9Ef;;ADgFW;EACI;EACA,kBClFf;;ADsFG;EA5BJ;IA6BQ;;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC3GrB;;AD6GiB;EACI;;AAIZ;EAzBJ;IA0BQ;;;AAIJ;EACI;EACA;EACA;EACA,kBC5HP;ED6HO;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA,kBCtKP;EDuKO;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OClMf;;ADoMW;EACI;EACA,OCtMf;;ADwMW;EA1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","file":"styles.css"} \ No newline at end of file diff --git a/web/themes/erabletheme/js/erabletheme.js b/web/themes/erabletheme/js/erabletheme.js index d4c0ead..212a9a8 100644 --- a/web/themes/erabletheme/js/erabletheme.js +++ b/web/themes/erabletheme/js/erabletheme.js @@ -28,6 +28,7 @@ const menu = hamburgerBtn.nextElementSibling; const menuItems = menu.children; const opacityDelay = 50; + let inTransition = false; function toggleMenuItems(action) { let delay = opacityDelay; @@ -46,32 +47,41 @@ // Toggle menu visibility on hamburger click hamburgerBtn.addEventListener("click", function(event) { event.stopPropagation(); - hamburgerIcon.classList.toggle('open'); - if(menu.classList.contains('active')) { + if (!inTransition) { + inTransition = true; + hamburgerIcon.classList.toggle('open'); + if(menu.classList.contains('active')) { + setTimeout(() => { + menu.style.display = "none"; + }, 700); + toggleMenuItems('hide'); + } else { + menu.style.display = "flex"; + toggleMenuItems('show'); + } setTimeout(() => { - menu.style.display = "none"; + menu.classList.toggle("active"); + }, 1); + setTimeout(() => { + inTransition = false; }, 700); - toggleMenuItems('hide'); - } else { - menu.style.display = "flex"; - toggleMenuItems('show'); } - setTimeout(() => { - menu.classList.toggle("active"); - }, 1); - + + }); // Close menu when clicking outside of the menu document.addEventListener("click", function(event) { const isHamburgerClicked = event.target === hamburgerBtn; const isMenuClicked = event.target === menu || event.target.parentElement === menu; - if (!isMenuClicked && !isHamburgerClicked) { + if (!isMenuClicked && !isHamburgerClicked && !inTransition) { + inTransition = true; hamburgerIcon.classList.remove('open'); menu.classList.remove("active"); toggleMenuItems('hide'); setTimeout(() => { menu.style.display = "none"; + inTransition = false; }, 700); } }); diff --git a/web/themes/erabletheme/scss/_fullpage.scss b/web/themes/erabletheme/scss/_fullpage.scss index 18ea32b..ed17ac5 100644 --- a/web/themes/erabletheme/scss/_fullpage.scss +++ b/web/themes/erabletheme/scss/_fullpage.scss @@ -3,16 +3,33 @@ margin-top: -3vh; padding-top: 3vh; @include beige_gradient(); + position: relative; > h2 { @include main_title(); - padding-top: 5vh; + margin-top: 5vh; margin-bottom: 7vh; + background-color: $beige; + z-index: 1; + position: relative; + width: auto; + display: inline-block; + @media (min-width: $breakpoint_tablet) { + background-color: unset; + } } .fullpage_content { > h2 { @include main_title(); - padding-top: 5vh; + margin-top: 5vh; + background-color: $beige; + z-index: 1; + position: relative; + width: auto; + display: inline-block; + @media (min-width: $breakpoint_tablet) { + background-color: unset; + } } .sous_titre { @@ -39,21 +56,19 @@ @include fluo_button(); a { display: inline-block; - max-width: calc(25vw - $x_margin * 2); - } - @media (min-width: $breakpoint_tablet) { - padding: 0; } @media (min-width: $breakpoint_desktop) { margin-bottom: 0 !important; margin: 0; - padding: 0 $x_margin; position: fixed; right: 0; bottom: 10vh; > div { height: 3vh; } + a { + max-width: calc(25vw - $x_margin * 2); + } } } .file_fixed span:last-of-type { @@ -76,7 +91,154 @@ } } +.ornements_top_over { + position: absolute; + width: 100vw; + height: 30vh; + right: -55vw; + top: -5vh; + z-index: 0; + > div { + position: absolute; + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100%; + } + > div:first-of-type { + background-image: url(../assets/formes/forme_4.png); + top: -3vh; + right: 5vw; + } + > div:nth-of-type(2) { + background-image: url(../assets/formes/forme_5.png); + right: -13vw; + } + > div:nth-of-type(3) { + background-image: url(../assets/formes/forme_3.png); + top: 4vh; + right: -8vw; + } + @media (min-width: $breakpoint_tablet) { + left: -40vw; + top: -10vw; + > div { + transform: scaleX(-1); + left: -55vw; + } + > div:first-of-type { + display: none; + } + > div:nth-of-type(2) { + display: none; + } + } + @media (min-width: $breakpoint_desktop) { + > div:nth-of-type(3) { + transform: scaleX(-1) rotate(-25deg); + top: -25vh; + } + } +} + +.ornements_top_under { + display: none; + position: absolute; + width: 100vw; + height: 30vh; + left: -30vw; + top: 0vw; + > div { + position: absolute; + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100%; + transform: scaleX(-1); + } + > div:first-of-type { + background-image: url(../assets/formes/forme_4.png); + top: -3vh; + left: -45vw; + } + > div:nth-of-type(2) { + background-image: url(../assets/formes/forme_5.png); + left: -60vw; + } + @media (min-width: $breakpoint_tablet) { + display: block; + } + @media (min-width: $breakpoint_desktop) { + > div:first-of-type { + top: 1vh; + left: -50vw; + } + > div:nth-of-type(2) { + top: 6vh; + left: -56.5vw; + } + } +} + +.ornements_bottom_over { + position: absolute; + width: 100vw; + height: 30vh; + left: -30vw; + bottom: -20vh; + > div { + position: absolute; + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100%; + } + > div:first-of-type { + background-image: url(../assets/formes/forme_1.png); + left: 8vw; + bottom: -4vh; + } + > div:nth-of-type(2) { + background-image: url(../assets/formes/forme_2.png); + bottom: -15vh; + left: -3vw; + } + @media (min-width: $breakpoint_tablet) { + left: unset; + right: -8vw; + bottom: -25vh; + > div { + transform: scaleX(-1); + } + > div:nth-of-type(2) { + left: 18vw; + bottom: -11vh; + } + + } + @media (min-width: $breakpoint_desktop) { + > div:first-of-type { + bottom: 6vh; + left: 20vw; + } + > div:nth-of-type(2) { + bottom: -9vh; + left: 25vw; + } + } +} + .fullpage.actus { + .ornements_top_over, .ornements_top_under { + top: -12vh; + } + .ornements_bottom_over { + bottom: -28vh; + > div:nth-of-type(2) { + bottom: -10vh; + left: -7vh; + } + } @media (min-width: $breakpoint_tablet) { width: auto; margin-left: $x_margin; @@ -90,6 +252,19 @@ .actus_list { grid-template-columns: repeat(3, 1fr); } - + .ornements_top_over { + > div:nth-of-type(3) { + top: -28vh; + } + } + .ornements_bottom_over { + > div:first-of-type { + bottom: 0vh; + left: -3vw; + } + > div:nth-of-type(2) { + left: 6vh; + } + } } -} +} \ No newline at end of file diff --git a/web/themes/erabletheme/scss/global/variables/_layout.scss b/web/themes/erabletheme/scss/global/variables/_layout.scss index 337c849..34dc43e 100644 --- a/web/themes/erabletheme/scss/global/variables/_layout.scss +++ b/web/themes/erabletheme/scss/global/variables/_layout.scss @@ -9,5 +9,6 @@ $breakpoint_desktop: 1080px; .layout-container { display: flex; flex-direction: column; + justify-content: space-between; min-height: 100vh; } \ No newline at end of file diff --git a/web/themes/erabletheme/scss/partials/_articles.scss b/web/themes/erabletheme/scss/partials/_articles.scss index e1ac548..6ad92da 100644 --- a/web/themes/erabletheme/scss/partials/_articles.scss +++ b/web/themes/erabletheme/scss/partials/_articles.scss @@ -59,21 +59,19 @@ @include fluo_button(); a { display: inline-block; - max-width: calc(25vw - $x_margin * 2); - } - @media (min-width: $breakpoint_tablet) { - padding: 0; } @media (min-width: $breakpoint_desktop) { margin-bottom: 0 !important; margin: 0; - padding: 0 $x_margin; position: fixed; right: 0; bottom: 10vh; > div { height: 3vh; } + a { + max-width: calc(25vw - $x_margin * 2); + } } } .file_fixed span:last-of-type { 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 ae8bb64..cd75e1d 100644 --- a/web/themes/erabletheme/templates/node/node--actualite--full.html.twig +++ b/web/themes/erabletheme/templates/node/node--actualite--full.html.twig @@ -68,7 +68,20 @@ * @ingroup themeable */ #} +
+
+
+
+
+
+
+
+
+
+
+
+
← Retour aux actualités 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 ab29724..8014aa8 100644 --- a/web/themes/erabletheme/templates/node/node--content-global.html.twig +++ b/web/themes/erabletheme/templates/node/node--content-global.html.twig @@ -68,7 +68,21 @@ * @ingroup themeable */ #} + +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/themes/erabletheme/templates/views-view--content-gouvernance.html.twig b/web/themes/erabletheme/templates/views-view--content-gouvernance.html.twig index 7b115f9..39159fd 100644 --- a/web/themes/erabletheme/templates/views-view--content-gouvernance.html.twig +++ b/web/themes/erabletheme/templates/views-view--content-gouvernance.html.twig @@ -38,7 +38,21 @@ ] %} +
+
+
+
+
+
+
+
+
+
+
+
+
+

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

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 c5e5184..2e2a12c 100644 --- a/web/themes/erabletheme/templates/views-view--content-partenaires.html.twig +++ b/web/themes/erabletheme/templates/views-view--content-partenaires.html.twig @@ -38,7 +38,21 @@ ] %} +
+
+
+
+
+
+
+
+
+
+
+
+
+

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

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 3a03ad1..d912661 100644 --- a/web/themes/erabletheme/templates/views-view--page-actus.html.twig +++ b/web/themes/erabletheme/templates/views-view--page-actus.html.twig @@ -37,7 +37,20 @@ dom_id ? 'js-view-dom-id-' ~ dom_id, ] %} +
+
+
+
+
+
+
+
+
+
+
+
+

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