bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

template pages projets

Browse Source
This commit is contained in:
Valentin
2024-11-06 02:46:29 +01:00
parent 5c4f8fd464
commit e6e9e9f7ac
20 changed files with 1362 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/themes/erabletheme/assets/leaf.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="107.091" xmlns="http://www.w3.org/2000/svg" height="110.044" viewBox="2933 3781 107.091 110.044" fill="none"><path d="M2948.852 3798.42c-3.606 3.667-2.847 11.102-1.479 17.824 1.619 7.951 5.315 16.118 12.339 24.491 3.456 4.205 9.513 6.379 14.08 9.238-10.249-1.658-21.843 3.107-29.852 9.438-5.7 4.488-11.197 10.188-10.931 15.125.261 4.757 5.974 8.041 11.591 10.646 7.669 3.555 17.089 5.343 29.989 3.293 18.866-3.004 36.608-14.662 40.31-24.59 0 0 16.971 18.409 13.637 26.71 1.459.976 4.253.403 4.516-2.138.92-8.85-15.986-26.562-15.986-26.562 10.111-3.235 19.484-19.744 22.323-39.307 2.031-14.005-.579-24.218-4.883-31.774-2.606-4.576-5.279-9.628-9.507-9.809-4.109-.171-9.189 4.422-13.021 8.545-5.631 6.058-10.313 13.829-12.151 25.629-.431 2.766-.094 7.971-.201 8.514-1.077-3.802-.253-6.156-5.417-12.196-9.426-8.649-18.53-12.964-27.384-14.735-6.814-1.364-14.321-2.055-17.973 1.658Z" style="fill: rgb(3, 135, 136); fill-opacity: 1;" class="fills"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 960 B

368
web/themes/erabletheme/css/styles.css
View File

@@ -867,7 +867,7 @@ body.toolbar-fixed header[role=banner] {
margin-bottom: 0.5rem;
margin-top: 1rem !important;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.2rem;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
@@ -893,17 +893,27 @@ main.main-login .login, main.main-login .user, main.main-login .register, main.m
main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 {
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
text-align: center;
}
@media (min-width: 760px) {
main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 {
font-size: 1.6rem;
}
}
main.main-login .login h1, main.main-login .user h1, main.main-login .register h1, main.main-login .contact h1, main.main-login .ask h1, main.main-login .add-offre h1, main.main-user .login h1, main.main-user .user h1, main.main-user .register h1, main.main-user .contact h1, main.main-user .ask h1, main.main-user .add-offre h1, main.main-register .login h1, main.main-register .user h1, main.main-register .register h1, main.main-register .contact h1, main.main-register .ask h1, main.main-register .add-offre h1, main.main-contact .login h1, main.main-contact .user h1, main.main-contact .register h1, main.main-contact .contact h1, main.main-contact .ask h1, main.main-contact .add-offre h1, main.main-ask .login h1, main.main-ask .user h1, main.main-ask .register h1, main.main-ask .contact h1, main.main-ask .ask h1, main.main-ask .add-offre h1, main.main-add-offre .login h1, main.main-add-offre .user h1, main.main-add-offre .register h1, main.main-add-offre .contact h1, main.main-add-offre .ask h1, main.main-add-offre .add-offre h1 {
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
text-align: center;
margin-top: 3rem;
margin-bottom: 2rem;
}
@media (min-width: 760px) {
main.main-login .login h1, main.main-login .user h1, main.main-login .register h1, main.main-login .contact h1, main.main-login .ask h1, main.main-login .add-offre h1, main.main-user .login h1, main.main-user .user h1, main.main-user .register h1, main.main-user .contact h1, main.main-user .ask h1, main.main-user .add-offre h1, main.main-register .login h1, main.main-register .user h1, main.main-register .register h1, main.main-register .contact h1, main.main-register .ask h1, main.main-register .add-offre h1, main.main-contact .login h1, main.main-contact .user h1, main.main-contact .register h1, main.main-contact .contact h1, main.main-contact .ask h1, main.main-contact .add-offre h1, main.main-ask .login h1, main.main-ask .user h1, main.main-ask .register h1, main.main-ask .contact h1, main.main-ask .ask h1, main.main-ask .add-offre h1, main.main-add-offre .login h1, main.main-add-offre .user h1, main.main-add-offre .register h1, main.main-add-offre .contact h1, main.main-add-offre .ask h1, main.main-add-offre .add-offre h1 {
font-size: 1.6rem;
}
}
main.main-login .login div[role=contentinfo], main.main-login .user div[role=contentinfo], main.main-login .register div[role=contentinfo], main.main-login .contact div[role=contentinfo], main.main-login .ask div[role=contentinfo], main.main-login .add-offre div[role=contentinfo], main.main-user .login div[role=contentinfo], main.main-user .user div[role=contentinfo], main.main-user .register div[role=contentinfo], main.main-user .contact div[role=contentinfo], main.main-user .ask div[role=contentinfo], main.main-user .add-offre div[role=contentinfo], main.main-register .login div[role=contentinfo], main.main-register .user div[role=contentinfo], main.main-register .register div[role=contentinfo], main.main-register .contact div[role=contentinfo], main.main-register .ask div[role=contentinfo], main.main-register .add-offre div[role=contentinfo], main.main-contact .login div[role=contentinfo], main.main-contact .user div[role=contentinfo], main.main-contact .register div[role=contentinfo], main.main-contact .contact div[role=contentinfo], main.main-contact .ask div[role=contentinfo], main.main-contact .add-offre div[role=contentinfo], main.main-ask .login div[role=contentinfo], main.main-ask .user div[role=contentinfo], main.main-ask .register div[role=contentinfo], main.main-ask .contact div[role=contentinfo], main.main-ask .ask div[role=contentinfo], main.main-ask .add-offre div[role=contentinfo], main.main-add-offre .login div[role=contentinfo], main.main-add-offre .user div[role=contentinfo], main.main-add-offre .register div[role=contentinfo], main.main-add-offre .contact div[role=contentinfo], main.main-add-offre .ask div[role=contentinfo], main.main-add-offre .add-offre div[role=contentinfo] {
font-family: "Marianne", sans-serif;
font-size: 1rem;
@@ -1085,7 +1095,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
.home_consultation h2 {
margin-bottom: 1.2rem;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.2rem;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
@@ -1113,7 +1123,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
.home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 {
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 {
font-size: 1.6rem;
}
}
@media (min-width: 1080px) {
.home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 {
@@ -1196,7 +1211,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
}
.map-projets > h2 {
font-family: "Barlow Condensed", sans-serif;
font-size: 1.2rem;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
@@ -1220,7 +1235,13 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
.map-projets > .projets_intro h4, .map-projets > .projets_intro h5, .map-projets > .projets_intro h6 {
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.map-projets > .projets_intro h1, .map-projets > .projets_intro h2, .map-projets > .projets_intro h3,
.map-projets > .projets_intro h4, .map-projets > .projets_intro h5, .map-projets > .projets_intro h6 {
font-size: 1.6rem;
}
}
.map-projets > .projets_intro a {
color: black;
@@ -1264,7 +1285,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
width: auto;
display: inline-block;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.2rem;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
@@ -1303,12 +1324,14 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
.fullpage .fullpage_content p:first-of-type {
margin-top: 7vh;
}
.fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div {
.fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div,
.fullpage .fullpage_content .liens > div > div, .fullpage .fullpage_content .file_fixed > div > div {
padding: 0 1.5vw;
text-align: right;
margin: 2rem 0;
}
.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a,
.fullpage .fullpage_content .liens > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
text-align: center;
color: black;
font-family: "Marianne", sans-serif;
@@ -1319,27 +1342,31 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
padding: 9px 18px;
transition: background-color 0.3s ease;
}
.fullpage .fullpage_content .liens_fixed > div > div a svg, .fullpage .fullpage_content .file_fixed > div > div a svg {
.fullpage .fullpage_content .liens_fixed > div > div a svg, .fullpage .fullpage_content .file_fixed > div > div a svg,
.fullpage .fullpage_content .liens > div > div a svg, .fullpage .fullpage_content .file_fixed > div > div a svg {
display: none;
}
.fullpage .fullpage_content .liens_fixed > div > div a:hover, .fullpage .fullpage_content .file_fixed > div > div a:hover {
.fullpage .fullpage_content .liens_fixed > div > div a:hover, .fullpage .fullpage_content .file_fixed > div > div a:hover,
.fullpage .fullpage_content .liens > div > div a:hover, .fullpage .fullpage_content .file_fixed > div > div a:hover {
background-color: #00ff80;
}
.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a,
.fullpage .fullpage_content .liens > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
display: inline-block;
}
@media (min-width: 1080px) {
.fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div {
.fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div,
.fullpage .fullpage_content .liens > div > div, .fullpage .fullpage_content .file_fixed > div > div {
margin-bottom: 0 !important;
margin: 0;
position: fixed;
left: 75vw;
bottom: 10vh;
}
.fullpage .fullpage_content .liens_fixed > div > div > div, .fullpage .fullpage_content .file_fixed > div > div > div {
.fullpage .fullpage_content .liens_fixed > div > div > div, .fullpage .fullpage_content .file_fixed > div > div > div,
.fullpage .fullpage_content .liens > 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 {
.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a,
.fullpage .fullpage_content .liens > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
max-width: 19vw;
}
}
@@ -1380,8 +1407,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
@media (min-width: 760px) {
.fullpage.large-container {
width: auto;
margin-left: 3vw;
margin-right: 3vw;
margin-left: 7.5vw;
margin-right: 7.5vw;
}
}
@@ -1581,7 +1608,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
margin-bottom: 2vh;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.content_gouvernance .views-row article > h2 {
font-size: 1.6rem;
}
}
.content_gouvernance .views-row article > h2 + div > div {
margin-bottom: 2em;
@@ -1601,7 +1633,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
margin-bottom: 2vh;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.content_partenaires .views-row article > h2 {
font-size: 1.6rem;
}
}
.content_partenaires .views-row article > div:first-of-type {
height: unset !important;
@@ -2004,7 +2041,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
margin-bottom: 3vh;
width: auto;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.2rem;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
@@ -2261,14 +2298,20 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
margin: 0 !important;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.fullpage.projets > .intro_map > header h1, .fullpage.projets > .intro_map > header h2, .fullpage.projets > .intro_map > header h3,
.fullpage.projets > .intro_map > header h4, .fullpage.projets > .intro_map > header h5, .fullpage.projets > .intro_map > header h6 {
font-size: 1.6rem;
}
}
.fullpage.projets > .intro_map > header > h2 {
margin-bottom: 5vh !important;
padding-bottom: 3.5vh !important;
border-bottom: 1px solid #038788;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.2rem;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
@@ -2349,7 +2392,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
.fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/5;
align-self: center;
align-self: start;
}
.fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
width: 8rem;
@@ -2398,11 +2441,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
line-height: 1.3;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.6rem;
font-size: 1.2rem;
}
.fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre a {
color: black;
}
@media (min-width: 760px) {
.fullpage.projets > .projets_list > .views-row > .views-field-field-sous-titre {
font-size: 1.6rem;
}
}
.fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel {
grid-column: 2;
grid-row: 3;
@@ -2438,7 +2486,271 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-er
}
.fullpage.projet_full {
background-color: blue;
overflow-x: hidden;
}
.fullpage.projet_full .retour_projets {
padding-top: 3vh;
padding-left: 3vw;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.fullpage.projet_full .retour_projets a {
font-size: 0.8rem;
font-weight: 800;
color: #038788;
}
.fullpage.projet_full .sous_titre > div > div {
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.fullpage.projet_full .sous_titre > div > div {
font-size: 1.6rem;
}
}
.fullpage.projet_full .localisation {
margin-left: 3vw;
margin-top: 2rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.fullpage.projet_full .thematiques {
margin-top: 1rem;
margin-left: 3vw;
}
.fullpage.projet_full .thematiques > div > div > div {
display: inline-block;
font-size: 0.8rem !important;
background-color: #d3f0ea;
margin: 0.2rem;
transition: background-color 0.3s ease;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.fullpage.projet_full .thematiques > div > div > div:hover {
background-color: #8ec2b8;
}
.fullpage.projet_full .thematiques > div > div > div a {
display: block;
color: black;
padding: 0.2rem 0.4rem;
}
.fullpage.projet_full .diapo {
margin-top: 3rem;
margin-left: 9vw;
margin-right: 9vw;
}
@media screen and (min-width: 760px) {
.fullpage.projet_full .diapo {
margin-left: 3vw;
margin-right: 3vw;
}
}
.fullpage.projet_full .diapo img {
width: 100%;
height: auto;
}
.fullpage.projet_full .diapo .image-field-caption p {
margin: 0;
padding: 0;
margin-top: 0.5rem;
font-size: 0.8rem;
opacity: 0.7;
}
.fullpage.projet_full .diapo .slick-arrow {
width: 1.2rem;
height: 1.2rem;
border-radius: 1.5rem;
background-color: #038788 !important;
transition: background-color 0.3s ease;
}
.fullpage.projet_full .diapo .slick-arrow:hover {
background-color: white !important;
}
.fullpage.projet_full .diapo .slick-arrow:hover::before {
color: #038788;
}
.fullpage.projet_full .diapo .slick-arrow::before {
opacity: 1 !important;
color: white;
font-weight: bold;
font-family: "Marianne", sans-serif;
display: block;
font-size: 0.8rem !important;
}
.fullpage.projet_full .diapo .slick-prev {
left: -2rem;
}
.fullpage.projet_full .diapo .slick-next {
right: -2rem;
}
.fullpage.projet_full .text-content .intertitre {
margin-left: 3vw;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
}
@media (min-width: 760px) {
.fullpage.projet_full .text-content .intertitre {
font-size: 1.2rem;
}
}
.fullpage.projet_full .text-content .paragraph {
margin-bottom: 3rem;
}
.fullpage.projet_full .text-content .paragraph > div > div > p {
margin: 1.2rem 0 !important;
}
.fullpage.projet_full .chiffre-clefs > div > div {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: auto;
margin: 4rem 3vw;
}
.fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type {
font-size: 2rem !important;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
}
@media (min-width: 760px) {
.fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type {
font-size: 1.2rem;
}
}
.fullpage.projet_full .chiffre-clefs > div > div .paragraph p {
margin: 0;
padding: 0;
margin-top: 0.5rem;
color: #038788;
}
.fullpage.projet_full .carte {
width: auto;
margin: 4rem 3vw;
}
.fullpage.projet_full .carte .leaflet-pane path {
stroke: #00ff80;
stroke-width: 2;
fill: #00ff80;
fill-opacity: 0.2;
}
.fullpage.projet_full .chronologie {
display: none;
}
.fullpage.projet_full .equipe > div > div:first-of-type {
margin-left: 3vw;
margin-bottom: 2rem;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:first-of-type {
font-size: 1.6rem;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div {
padding-left: 3vw;
padding-right: 3vw;
margin: 1rem 0;
margin-bottom: 3rem !important;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type {
margin-bottom: 2rem;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
}
@media (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type {
font-size: 1.2rem;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 1rem;
grid-column-gap: 4rem;
width: 75%;
}
@media screen and (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div {
grid-template-columns: repeat(2, 1fr);
width: unset;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div {
margin-bottom: 0;
}
}
.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;
flex-direction: column;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type {
grid-column: 1/span 2;
grid-row: 1;
margin: 0;
padding: 0;
display: block;
width: 5rem;
height: 5rem;
margin-bottom: 0.75rem;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type > div {
width: 5rem;
height: 5rem;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type > div > img {
width: 5rem;
height: auto;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(2) {
grid-column: 2;
grid-row: 2;
margin: 0;
padding: 0;
margin-left: 0.3rem;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(3) {
grid-column: 1;
grid-row: 2;
margin: 0;
padding: 0;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(4) {
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 > div:nth-of-type(4) p {
margin: 0;
padding: 0;
}
.fullpage.projet_full .liens > div > div > div,
.fullpage.projet_full .file_fixed > div > div > div {
padding: 1rem 0;
}
#block-erabletheme-views-block-projets-block-1 {
display: none;
}
@media (min-width: 760px) {

2
web/themes/erabletheme/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

3
web/themes/erabletheme/erabletheme.theme
View File

@@ -114,8 +114,9 @@ function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, arr
function erabletheme_theme_suggestions_node_alter(array &$suggestions, array $variables) {
$is_actu = isset($variables['elements']['field_type_d_actualite']);
$is_projet = isset($variables['elements']['field_localisation_textuel']);
if (!$is_actu && isset($variables['elements']['#title'])) {
if (!$is_projet && !$is_actu && isset($variables['elements']['#title'])) {
$total_title = $variables['elements']['#title'];
$start_pos = strpos($total_title, '<span>') + strlen('<span>');
$end_pos = strpos($total_title, '</span>');

38
web/themes/erabletheme/js/erabletheme.js
View File

@@ -2,7 +2,7 @@
* @file
* erabletheme behaviors.
*/
(function (Drupal) {
(function ($, Drupal) {
'use strict';
@@ -12,9 +12,8 @@
//
// Carrousel
//
(function($, window) {
if ($('.slick-container')) {
let slickEl = $('.slick-container').find('div').eq(3);
//console.log(slickEl);
$(slickEl).slick({
centerMode: true,
//centerPadding: '600px',
@@ -30,7 +29,14 @@
},
],
});
})(jQuery, window);
}
if ($('.diapo')) {
let slickEl = $('.diapo > div > div');$(slickEl).slick({
dots: true,
appendDots: $('#carousel_dots'),
});
}
//
// Toggle du menu
@@ -106,8 +112,10 @@
fluoButtons = document.querySelectorAll('.liens_fixed > div > div:nth-of-type(2):not(.visually-hidden), .file_fixed > div > .visually-hidden + div > div');
} else if (document.querySelector('.offre-content')) {
fluoButtons = document.querySelectorAll('.liens_fixed > div, .file_fixed > div > div');
} else if (document.querySelector('.projets')) {
fluoButtons = document.querySelectorAll('.file_fixed > div > div > div, .liens > div > div > div');
} else {
fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div');
fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div, .liens > div > div');
}
let footer = document.querySelector('#footer_top');
@@ -115,6 +123,8 @@
for (let i = fluoButtons.length; i > 0 ; i--) {
let prevButtonBottom = fluoButtons[i] ? parseInt(fluoButtons[i].style.bottom) : 0;
let prevButtonHeight = fluoButtons[i] ? fluoButtons[i].offsetHeight : 0;
fluoButtons[i - 1].style.position = 'fixed';
fluoButtons[i - 1].style.left = document.querySelector('.projets') ? '76vw' : '75vw';
if (footer.offsetTop < window.innerHeight + window.scrollY && i === fluoButtons.length) {
fluoButtons[i - 1].style.bottom = `${window.innerHeight - footer.offsetTop + window.scrollY + 30}px`;
} else {
@@ -268,4 +278,20 @@
}
}
} (Drupal));
//
// on projects pages, replace leaflet icons with erable leafs
//
Drupal.behaviors.customLeafletInteraction = {
attach: function (context, settings) {
$(context).on('leafletMapInit', function (e, settings, map, mapid, markers) {
const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
console.log(leafletIcons);
for (let icon of leafletIcons) {
icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg');
}
});
}
}
} (jQuery, Drupal));

11
web/themes/erabletheme/scss/_fullpage.scss
View File

@@ -42,7 +42,8 @@
}
.liens_fixed > div > div, .file_fixed > div > div {
.liens_fixed > div > div, .file_fixed > div > div,
.liens > div > div, .file_fixed > div > div {
padding: 0 calc($x_margin / 2);
text-align: right;
margin: 2rem 0;
@@ -53,8 +54,8 @@
@media (min-width: $breakpoint_desktop) {
margin-bottom: 0 !important;
margin: 0;
position: fixed;
left: 75vw;
//position: fixed; -> dans le js direct
//left: 75vw;
bottom: 10vh;
> div {
height: 3vh;
@@ -93,8 +94,8 @@
&.large-container {
@media (min-width: $breakpoint_tablet) {
width: auto;
margin-left: $x_margin;
margin-right: $x_margin;
margin-left: calc($x_margin * 2.5);
margin-right: calc($x_margin * 2.5);
}
}
}

244
web/themes/erabletheme/scss/_projets.scss
View File

@@ -70,7 +70,7 @@
> .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/5;
align-self: center;
align-self: start;
> .field-content {
width: 8rem;
height: 8rem;
@@ -150,5 +150,245 @@
}
.fullpage.projet_full {
background-color: blue;
overflow-x: hidden; // enlever quand on ajoute le menu des projets à gauche
.retour_projets {
padding-top: 3vh;
padding-left: $x_margin;
@include main_text_content();
a {
font-size: $sm_font_size;
font-weight: 800;
color: $teal;
}
}
.sous_titre > div > div {
@include sous_titre_alt();
}
.localisation {
margin-left: $x_margin;
margin-top: 2rem;
@include main_text_content();
}
.thematiques {
margin-top: 1rem;
margin-left: $x_margin;
> div > div {
> div {
display: inline-block;
font-size: 0.8rem !important;
background-color: #d3f0ea;
margin: 0.2rem;
transition: background-color 0.3s ease;
@include main_text_content();
&:hover {
background-color: #8ec2b8;
}
a {
display: block;
color: black;
padding: 0.2rem 0.4rem;
}
}
}
}
.diapo {
margin-top: 3rem;
margin-left: calc($x_margin * 3);
margin-right: calc($x_margin * 3);
@media screen and (min-width: $breakpoint_tablet) {
margin-left: $x_margin;
margin-right: $x_margin;
}
img {
width: 100%;
height: auto;
}
.image-field-caption {
p {
margin: 0;
padding: 0;
margin-top: 0.5rem;
font-size: 0.8rem;
opacity: 0.7;
}
}
.slick-arrow {
width: 1.2rem;
height: 1.2rem;
border-radius: 1.5rem;
background-color: $teal !important;
transition: background-color 0.3s ease;
&:hover {
background-color: white !important;
&::before {
color: $teal;
}
}
&::before {
opacity: 1 !important;
color: white;
font-weight: bold;
font-family: 'Marianne', sans-serif;
display: block;
font-size: $sm_font_size !important;
}
}
.slick-prev {
left: -2rem;
}
.slick-next {
right: -2rem;
}
}
.text-content {
.intertitre {
margin-left: $x_margin;
@include sous_titre();
}
.paragraph {
margin-bottom: 3rem;
> div > div > p {
margin: 1.2rem 0 !important;
}
}
}
.chiffre-clefs {
> div > div {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: auto;
margin: 4rem $x_margin;
.paragraph {
> div:first-of-type {
font-size: 2rem !important;
@include sous_titre();
}
p {
margin: 0;
padding: 0;
margin-top: 0.5rem;
color: $teal;
}
}
}
}
.carte {
width: auto;
margin: 4rem $x_margin;
.leaflet-pane {
path {
stroke: $fluo_green;
stroke-width: 2;
fill: $fluo_green;
fill-opacity: 0.2;
}
}
}
.chronologie {
display: none;
}
.equipe {
> div {
> div:first-of-type {
margin-left: $x_margin;
margin-bottom: 2rem;
@include sous_titre_alt();
}
> div:nth-of-type(2) {
> div {
> div {
padding-left: $x_margin;
padding-right: $x_margin;
margin: 1rem 0;
margin-bottom: 3rem !important;
> div:first-of-type {
margin-bottom: 2rem;
@include sous_titre();
}
> div:nth-of-type(2) {
> div {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 1rem;
grid-column-gap: 4rem;
width: 75%;
@media screen and (min-width: $breakpoint_tablet) {
grid-template-columns: repeat(2, 1fr);
width: unset;
}
> div {
margin-bottom: 1.5rem;
@media screen and (min-width: $breakpoint_tablet) {
margin-bottom: 0;
}
> .paragraph {
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 0;
flex-direction: column;
> div:first-of-type {
grid-column: 1 / span 2;
grid-row: 1;
margin: 0;
padding: 0;
display: block;
width: 5rem;
height: 5rem;
margin-bottom: 0.75rem;
> div {
width: 5rem;
height: 5rem;
> img {
width: 5rem;
height: auto;
}
}
}
> div:nth-of-type(2) {
grid-column: 2;
grid-row: 2;
margin: 0;
padding: 0;
margin-left: 0.3rem;
}
> div:nth-of-type(3) {
grid-column: 1;
grid-row: 2;
margin: 0;
padding: 0;
}
> div:nth-of-type(4) {
margin-top: 0.5rem;
grid-column: 1 / span 2;
grid-row: 3;
p {
margin: 0;
padding: 0;
}
}
}
}
}
}
}
}
}
}
}
.liens,
.file_fixed {
> div > div > div {
padding: 1rem 0;
}
}
}
#block-erabletheme-views-block-projets-block-1 {
display: none;
}

7
web/themes/erabletheme/scss/global/variables/_typography.scss
View File

@@ -10,7 +10,7 @@ $title_size: 2.3rem;
@mixin main_title() {
font-family: "Barlow Condensed", sans-serif;
font-size: $l_font_size;
font-size: $xl_font_size;
padding: 0 $x_margin;
margin-top: 1rem;
color: $teal;
@@ -42,7 +42,10 @@ $title_size: 2.3rem;
@mixin sous_titre_alt() {
font-family: "Barlow", sans-serif;
color: black;
font-size: $xl_font_size;
font-size: $l_font_size;
@media (min-width: $breakpoint_tablet) {
font-size: $xl_font_size;
}
}
@mixin fluo_button() {

14
web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig
View File

@@ -15,21 +15,7 @@
*/
#}
{% if content %}
<div class="ornements_top_under">
<div></div>
<div></div>
</div>
<div{{ attributes }} class="fullpage meetup-offre">
<div class="ornements_top_over">
<div></div>
<div></div>
<div></div>
</div>
<div class="ornements_bottom_over">
<div></div>
<div></div>
</div>
<div class="retour-meetup">
<a href="/meetup">← Retour à la liste des annonces</a>
</div>

3
web/themes/erabletheme/templates/node/node--projet.html.twig
View File

@@ -71,6 +71,9 @@
<article class="fullpage projet_full">
<div class="fullpage_content">
<div class="retour_projets">
<a href="/projets">← Retour aux projets</a>
</div>
<h2>{{ label }}</h2>

73
web/themes/erabletheme/templates/node/projet/field--node--field-carte.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="carte">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-chiffres-clefs.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="chiffre-clefs">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-chronologie.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="chronologie">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-collectif-du-projet.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="equipe">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-diaporama.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="diapo">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-liens.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="liens">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-localisation-textuel.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="localisation">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-texte.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="text-content">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--node--field-th.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="thematiques">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>

73
web/themes/erabletheme/templates/node/projet/field--paragraph--field-inter-titre.html.twig Normal file
View File

@@ -0,0 +1,73 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div class="intertitre">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>