avancées intégration mobile
This commit is contained in:
Valentin
parent
a08922d8be
commit
1bf7b2b251
|
|
@ -1,4 +1,3 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/* GLOBAL */
|
/* GLOBAL */
|
||||||
/* Marianne */
|
/* Marianne */
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
@ -221,39 +220,22 @@ a {
|
||||||
.slick-container div.views-row article {
|
.slick-container div.views-row article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.slick-container div.views-row article div:first-of-type {
|
.slick-container div.views-row article > div:first-of-type {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: 40vh;
|
height: 40vh;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
.slick-container div.views-row article div:first-of-type > div {
|
.slick-container div.views-row article > div:first-of-type > div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.slick-container div.views-row article div:first-of-type > div > a {
|
.slick-container div.views-row article > div:first-of-type > div > a {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
.slick-container div.views-row article div:first-of-type > div > a img {
|
.slick-container div.views-row article > div:first-of-type > div > a img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.slick-container div.views-row article .preview_date, .slick-container div.views-row article .preview_type, .slick-container div.views-row article .preview_sous_titre {
|
|
||||||
font-family: "Marianne", sans-serif;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
padding: 2px 3vw;
|
|
||||||
}
|
|
||||||
.slick-container div.views-row article .preview_date {
|
|
||||||
margin-top: 1.3rem;
|
|
||||||
font-weight: 800;
|
|
||||||
}
|
|
||||||
.slick-container div.views-row article h2 {
|
|
||||||
font-family: "Barlow", sans-serif;
|
|
||||||
font-size: 2.3rem;
|
|
||||||
padding: 0 3vw;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
.slick-container div.views-row article h2 a {
|
|
||||||
color: #038788;
|
|
||||||
}
|
|
||||||
.slick-container #carousel_dots {
|
.slick-container #carousel_dots {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: -15px;
|
margin-top: -15px;
|
||||||
|
|
@ -283,9 +265,8 @@ a {
|
||||||
border: solid 2px #00ff80;
|
border: solid 2px #00ff80;
|
||||||
padding: 9px 18px;
|
padding: 9px 18px;
|
||||||
}
|
}
|
||||||
.slick-container footer a ::after {
|
.slick-container footer a svg {
|
||||||
content: "→";
|
display: none;
|
||||||
padding-left: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.actu_full {
|
.actu_full {
|
||||||
|
|
@ -296,8 +277,8 @@ a {
|
||||||
}
|
}
|
||||||
.actu_full div {
|
.actu_full div {
|
||||||
font-family: "Marianne", sans-serif;
|
font-family: "Marianne", sans-serif;
|
||||||
font-size: 1.1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.2;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
.actu_full .retour_actus {
|
.actu_full .retour_actus {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
|
|
@ -318,6 +299,7 @@ a {
|
||||||
font-size: 2.3rem;
|
font-size: 2.3rem;
|
||||||
padding: 0 3vw;
|
padding: 0 3vw;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
color: #038788;
|
||||||
}
|
}
|
||||||
.actu_full h2 a {
|
.actu_full h2 a {
|
||||||
color: #038788;
|
color: #038788;
|
||||||
|
|
@ -340,20 +322,84 @@ a {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
.actu_full .liens_fixed {
|
||||||
|
padding: 0 3vw;
|
||||||
|
text-align: right;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
.actu_full .liens_fixed a {
|
||||||
|
text-align: center;
|
||||||
|
color: black;
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-weight: 800;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
background-color: white;
|
||||||
|
border: solid 2px #00ff80;
|
||||||
|
padding: 9px 18px;
|
||||||
|
}
|
||||||
|
.actu_full .liens_fixed a svg {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.views-row article > div:first-of-type {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 30vh;
|
||||||
|
height: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-left: 3vw;
|
||||||
|
padding-right: 3vw;
|
||||||
|
}
|
||||||
|
.views-row article > div:first-of-type a img {
|
||||||
|
height: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.views-row article .preview_meta {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
width: auto;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #038788;
|
||||||
|
border-top: solid 1px #038788;
|
||||||
|
margin: 0 3vw;
|
||||||
|
margin-top: 1.3rem;
|
||||||
|
padding-top: 0.7rem;
|
||||||
|
}
|
||||||
|
.views-row article .preview_meta > div:first-of-type {
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
.views-row article .preview_sous_titre {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
padding: 2px 3vw;
|
||||||
|
}
|
||||||
|
.views-row article h2 {
|
||||||
|
font-family: "Barlow", sans-serif;
|
||||||
|
font-size: 2.3rem;
|
||||||
|
padding: 0 3vw;
|
||||||
|
margin-top: 1rem;
|
||||||
|
color: #038788;
|
||||||
|
}
|
||||||
|
.views-row article h2 a {
|
||||||
|
color: #038788;
|
||||||
|
}
|
||||||
|
|
||||||
/* PAGES */
|
/* PAGES */
|
||||||
.home_introduction {
|
.home_introduction {
|
||||||
border-bottom: solid 2px #038788;
|
border-bottom: solid 2px #038788;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 2rem 3vw;
|
padding: 2rem 0;
|
||||||
}
|
}
|
||||||
.home_introduction h2 {
|
.home_introduction h2 {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.home_introduction article > div {
|
||||||
|
max-height: none !important;
|
||||||
|
}
|
||||||
.home_introduction article > div p {
|
.home_introduction article > div p {
|
||||||
font-family: "Marianne", sans-serif;
|
font-family: "Marianne", sans-serif;
|
||||||
font-size: 1.1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.2;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
.home_introduction div.more-link {
|
.home_introduction div.more-link {
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
|
|
@ -372,9 +418,8 @@ a {
|
||||||
border: solid 2px #00ff80;
|
border: solid 2px #00ff80;
|
||||||
padding: 9px 18px;
|
padding: 9px 18px;
|
||||||
}
|
}
|
||||||
.home_introduction div.more-link a ::after {
|
.home_introduction div.more-link a svg {
|
||||||
content: "→";
|
display: none;
|
||||||
padding-left: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.home_consultation {
|
.home_consultation {
|
||||||
|
|
@ -387,16 +432,19 @@ a {
|
||||||
font-size: 2.3rem;
|
font-size: 2.3rem;
|
||||||
padding: 0 3vw;
|
padding: 0 3vw;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
color: #038788;
|
||||||
margin-bottom: 1.2rem;
|
margin-bottom: 1.2rem;
|
||||||
}
|
}
|
||||||
.home_consultation h2 a {
|
.home_consultation h2 a {
|
||||||
color: #038788;
|
color: #038788;
|
||||||
}
|
}
|
||||||
|
.home_consultation article > div {
|
||||||
|
max-height: none !important;
|
||||||
|
}
|
||||||
.home_consultation article > div p {
|
.home_consultation article > div p {
|
||||||
padding: 0 3vw;
|
|
||||||
font-family: "Marianne", sans-serif;
|
font-family: "Marianne", sans-serif;
|
||||||
font-size: 1.1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.2;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
.home_consultation div.more-link {
|
.home_consultation div.more-link {
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
|
|
@ -414,13 +462,125 @@ a {
|
||||||
border: solid 2px #00ff80;
|
border: solid 2px #00ff80;
|
||||||
padding: 9px 18px;
|
padding: 9px 18px;
|
||||||
}
|
}
|
||||||
.home_consultation div.more-link a ::after {
|
.home_consultation div.more-link a svg {
|
||||||
content: "→";
|
display: none;
|
||||||
padding-left: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.news_list:not(.slick-slider) {
|
.fullpage {
|
||||||
background-color: red;
|
margin-top: -3vh;
|
||||||
|
padding-top: 3vh;
|
||||||
|
background: linear-gradient(to bottom, #fcf9ee 80%, white 100%);
|
||||||
|
}
|
||||||
|
.fullpage > h2 {
|
||||||
|
font-family: "Barlow", sans-serif;
|
||||||
|
font-size: 2.3rem;
|
||||||
|
padding: 0 3vw;
|
||||||
|
margin-top: 1rem;
|
||||||
|
color: #038788;
|
||||||
|
padding-top: 5vh;
|
||||||
|
margin-bottom: 7vh;
|
||||||
|
}
|
||||||
|
.fullpage > h2 a {
|
||||||
|
color: #038788;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content > h2 {
|
||||||
|
font-family: "Barlow", sans-serif;
|
||||||
|
font-size: 2.3rem;
|
||||||
|
padding: 0 3vw;
|
||||||
|
margin-top: 1rem;
|
||||||
|
color: #038788;
|
||||||
|
padding-top: 5vh;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content > h2 a {
|
||||||
|
color: #038788;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content .sous_titre {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
padding: 0 3vw;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content p {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
padding: 0 3vw;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content p:first-of-type {
|
||||||
|
margin-top: 7vh;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content .liens_fixed {
|
||||||
|
padding: 0 3vw;
|
||||||
|
text-align: right;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content .liens_fixed a {
|
||||||
|
text-align: center;
|
||||||
|
color: black;
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-weight: 800;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
background-color: white;
|
||||||
|
border: solid 2px #00ff80;
|
||||||
|
padding: 9px 18px;
|
||||||
|
}
|
||||||
|
.fullpage .fullpage_content .liens_fixed a svg {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.fullpage .views-row {
|
||||||
|
margin-bottom: 8vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_gouvernance .views-row {
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article > h2 {
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article > h2 a {
|
||||||
|
color: black;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article > div:first-of-type {
|
||||||
|
max-height: none;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe {
|
||||||
|
height: auto;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 30vw 1fr;
|
||||||
|
grid-auto-rows: auto;
|
||||||
|
margin-bottom: 5vh;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type {
|
||||||
|
grid-row: 1/3;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
|
||||||
|
width: 20vw;
|
||||||
|
height: 20vw;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 10vw;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2) {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
color: #038788;
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=styles.css.map */
|
/*# sourceMappingURL=styles.css.map */
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/_home.scss","../scss/_newspage.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;;ACzCJ;AAMA;ACNA;EACI;;;ACDJ;EACI;;;AJOJ;AKPA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cCxBb;EDyBa;EACA;;AAIZ;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIZ;EACI;;AAEJ;EACI;;AAGA;EACI;EACA;EACA,kBErDP;EFsDO;EACA;EACA;;AACA;EACI,WHzDT;EG0DS;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA,kBEnEP;EFoEO;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA,OEtFf;;;ACHb;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAGR;EACI;;AACA;EACI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODxCP;ECyCO,WN3CL;EM4CK;EACA;EACA;;AAKZ;EACI;;AACA;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDjEjB;;ACmEa;EACI;EACA;;;ACtExB;EFMI;EEJA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAMhB;EACI;EACA,WPtBE;EOuBF;;AAEJ;EACI;EACA;;AAEJ;EPtBJ;EACA,WANS;EAOT;EACA;;AACA;EACI,OKbD;;AEkCH;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,OF1CH;;AE4CD;EACI;;AAIZ;EAEI;EACA;EACA;;AP5BJ;EACI;EACA;EACA;EACA;EACA,WA5BM;EA6BN;EACA;EACA;;AACA;EACI;EACA;;;AQpCZ;EHMI;EGJA;EACA;EACA;;AACA;ERcA;EACA,WAjBa;EAkBb;;AQbA;EACI,WRRO;EQSP;EACA,OHVD;EGWC,cJZG;;AIcP;EACI,cJfG;EIgBH;;AACA;EACI,WRjBG;EQkBH;;AAGR;ERbA;EACA,WANS;EAOT;EACA;;AACA;EACI,OKbD;;AGwBH;EACI,SJ1BG;;AI2BH;EACI;;AAEJ;EACI;EACA;;AAGA;EACI;EACA;;AACA;EACI;EACA;;;AV1BpB;AWdA;EACI;EACA;EACA;;AACA;EACI;;AAGA;ETWJ;EACA,WAjBa;EAkBb;;ASTA;EAEI;EACA;EACA;EACA;EACA;;ATOJ;EACI;EACA;EACA;EACA;EACA,WA5BM;EA6BN;EACA;EACA;;AACA;EACI;EACA;;;ASdZ;EJhBI;EIkBA;EACA;;AACA;ETjBA;EACA,WANS;EAOT;EACA;ESgBI;;ATfJ;EACI,OKbD;;AI8BC;EACE;ETbN;EACA,WAjBa;EAkBb;;ASeA;EAEI;EACA;EACA;EACA;;AThBJ;EACI;EACA;EACA;EACA;EACA,WA5BM;EA6BN;EACA;EACA;;AACA;EACI;EACA;;;AUpCZ;EACI","file":"styles.css"}
|
{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_layout.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"],"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;;ACzCJ;AAOA;ACPA;EACI;;;ACDJ;EACI;;;AJOJ;AKPA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cCxBb;EDyBa;EACA;;AAIZ;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIZ;EACI;;AAEJ;EACI;;AAGA;EACI;EACA;EACA,kBErDP;EFsDO;EACA;EACA;;AACA;EACI,WHzDT;EG0DS;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA,kBEnEP;EFoEO;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA,OEtFf;;;ACHb;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAGR;EACI;;AACA;EACI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,ODxCP;ECyCO,WN3CL;EM4CK;EACA;EACA;;AAKZ;EACI;;AACA;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDjEjB;;ACmEa;EACI;EACA;;;ACtExB;EFMI;EEJA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;;AAOpB;EACI;EACA;;AACA;EACI;EACA;;AACA;EACI,OF/BH;;AEiCD;EACI;;AAIZ;EAEI;EACA;EACA;;APRJ;EACI;EACA;EACA;EACA;EACA,WArCM;EAsCN;EACA;EACA;;AACA;EACI;;;AQ5CZ;EHMI;EGJA;EACA;EACA;;AACA;ERgBA;EACA,WAlBa;EAmBb;;AQfA;EACI,WRRO;EQSP;EACA,OHVD;EGWC,cJZG;;AIcP;EACI,cJfG;EIgBH;;AACA;EACI,WRjBG;EQkBH;;AAGR;ERZA;EACA,WANS;EAOT;EACA;EACA,OKbG;;ALcH;EACI,OKfD;;AGwBH;EACI,SJ1BG;;AI2BH;EACI;;AAEJ;EACI;EACA;;AAGA;EACI;EACA;;AACA;EACI;EACA;;AAMhB;EACI;EACA;EACA;;ARfJ;EACI;EACA;EACA;EACA;EACA,WArCM;EAsCN;EACA;EACA;;AACA;EACI;;;AS1CJ;EACI;EACA;EACA;EACA;EACA,cLPD;EKQC,eLRD;;AKUK;EACI;EACA;;AAKZ;EACI;EACA,WTjBE;ESkBF;EACA;EACA;EACA,OJtBL;EIuBK;EACA;EACA;EACA;;AACA;EACI;;AAIR;EACI;EACA,WTjCE;ESkCF;;AAGJ;ET7BJ;EACA,WANS;EAOT;EACA;EACA,OKbG;;ALcH;EACI,OKfD;;;APcP;AYfA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AACA;EVYJ;EACA,WAlBa;EAmBb;;AUVA;EAEI;EACA;EACA;EACA;EACA;;AVeJ;EACI;EACA;EACA;EACA;EACA,WArCM;EAsCN;EACA;EACA;;AACA;EACI;;;AUrBZ;ELjBI;EKmBA;EACA;;AACA;EVjBA;EACA,WANS;EAOT;EACA;EACA,OKbG;EK4BC;;AVdJ;EACI,OKfD;;AK8BH;EACI;;AACA;EVZJ;EACA,WAlBa;EAmBb;;AUcA;EAEI;EACA;EACA;EACA;;AVRJ;EACI;EACA;EACA;EACA;EACA,WArCM;EAsCN;EACA;EACA;;AACA;EACI;;;AW5CZ;EACI;EACA;ENIA;;AMFA;EXMA;EACA,WANS;EAOT;EACA;EACA,OKbG;EMKC;EACA;;AXQJ;EACI,OKfD;;AMUC;EXDJ;EACA,WANS;EAOT;EACA;EACA,OKbG;EMYK;;AXER;EACI,OKfD;;AMeC;EXKJ;EACA,WAlBa;EAmBb;EWLQ;;AAGJ;EXAJ;EACA,WAlBa;EAmBb;EWAQ;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AXAR;EACI;EACA;EACA;EACA;EACA,WArCM;EAsCN;EACA;EACA;;AACA;EACI;;AWLR;EACI;;;ACvCJ;EACI;;AAEI;EACI;;AACA;EACI;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAKZ;EZTZ;EACA,WAzBU;EA0BV,OK5BG;EL6BH;EYQgB;;AAGJ;EACI;;AAGJ;EZxBZ;EACA,WAlBa;EAmBb","file":"styles.css"}
|
||||||
|
|
@ -23,7 +23,7 @@ function erabletheme_preprocess_page(&$variables) {
|
||||||
* Implements hook_preprocess_HOOK() for node.html.twig.
|
* Implements hook_preprocess_HOOK() for node.html.twig.
|
||||||
*/
|
*/
|
||||||
function erabletheme_preprocess_node(&$variables) {
|
function erabletheme_preprocess_node(&$variables) {
|
||||||
|
$t = "t";
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -35,4 +35,41 @@ function erabletheme_preprocess_form(&$variables) {
|
||||||
|
|
||||||
function erabletheme_preprocess_region(&$variables) {
|
function erabletheme_preprocess_region(&$variables) {
|
||||||
$t="t";
|
$t="t";
|
||||||
|
}
|
||||||
|
|
||||||
|
function erabletheme_preprocess_views_view(&$variables) {
|
||||||
|
$t="t";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fonctionne mais meilleure méthode avec les suggestions page--xxx */
|
||||||
|
|
||||||
|
function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, array $variables) {
|
||||||
|
if ($variables['title'] !== "") {
|
||||||
|
$view = $variables['title']['#markup'];
|
||||||
|
if (isset($view) && $view === 'Actualités') {
|
||||||
|
$suggestions[] = 'views_view__page_actus';
|
||||||
|
} elseif (isset($view) && $view === 'Gouvernance') {
|
||||||
|
$suggestions[] = 'views_view__content_gouvernance';
|
||||||
|
} elseif (isset($view) && $view === 'Partenaires') {
|
||||||
|
$suggestions[] = 'views_view__content_partenaires';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function erabletheme_theme_suggestions_node_alter(array &$suggestions, array $variables) {
|
||||||
|
$is_actu = isset($variables['elements']['field_type_d_actualite']);
|
||||||
|
|
||||||
|
if (!$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>');
|
||||||
|
$processed_title = substr($total_title, $start_pos, $end_pos - $start_pos);
|
||||||
|
|
||||||
|
if ($processed_title !== 'Partenaires' || $processed_title !== 'Gouvernance') {
|
||||||
|
$suggestions[] = 'node__content_global';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
.fullpage {
|
||||||
|
margin-top: -3vh;
|
||||||
|
padding-top: 3vh;
|
||||||
|
@include beige_gradient();
|
||||||
|
> h2 {
|
||||||
|
@include main_title();
|
||||||
|
padding-top: 5vh;
|
||||||
|
margin-bottom: 7vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullpage_content {
|
||||||
|
> h2 {
|
||||||
|
@include main_title();
|
||||||
|
padding-top: 5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sous_titre {
|
||||||
|
@include main_text_content();
|
||||||
|
padding: 0 $x_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
@include main_text_content();
|
||||||
|
padding: 0 $x_margin;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p:first-of-type {
|
||||||
|
margin-top: 7vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.liens_fixed {
|
||||||
|
padding: 0 $x_margin;
|
||||||
|
text-align: right;
|
||||||
|
margin: 2rem 0;
|
||||||
|
@include fluo_button();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.views-row {
|
||||||
|
margin-bottom: 8vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,56 @@
|
||||||
|
.content_gouvernance {
|
||||||
|
.views-row {
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
article {
|
||||||
|
> h2 {
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
a {
|
||||||
|
color: black;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> div:first-of-type {
|
||||||
|
max-height: none;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe {
|
||||||
|
height: auto;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 30vw 1fr;
|
||||||
|
grid-auto-rows: auto;
|
||||||
|
margin-bottom: 5vh;
|
||||||
|
> div:first-of-type {
|
||||||
|
grid-row: 1 / 3;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
> div {
|
||||||
|
width: 20vw;
|
||||||
|
height: 20vw;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 10vw;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:nth-of-type(2) {
|
||||||
|
@include sous_titre();
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:nth-of-type(3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:last-of-type {
|
||||||
|
@include main_text_content();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -1,13 +1,14 @@
|
||||||
.home_introduction {
|
.home_introduction {
|
||||||
border-bottom: solid 2px $teal;
|
border-bottom: solid 2px $teal;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 2rem $x_margin;
|
padding: 2rem 0;
|
||||||
h2 {
|
h2 {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
article > div {
|
article > div {
|
||||||
|
max-height: none !important;
|
||||||
p {
|
p {
|
||||||
@include main_text_content();
|
@include main_text_content();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
div.more-link {
|
div.more-link {
|
||||||
|
|
@ -29,8 +30,8 @@
|
||||||
margin-bottom: 1.2rem;
|
margin-bottom: 1.2rem;
|
||||||
}
|
}
|
||||||
article > div {
|
article > div {
|
||||||
|
max-height: none !important;
|
||||||
p {
|
p {
|
||||||
padding: 0 $x_margin;
|
|
||||||
@include main_text_content();
|
@include main_text_content();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
.news_list:not(.slick-slider) {
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
/* SIZES */
|
/* SIZES */
|
||||||
$sm_font_size: 0.8rem;
|
$sm_font_size: 0.8rem;
|
||||||
$m_font_size: 0.9rem;
|
$m_font_size: 0.9rem;
|
||||||
$main_font_size: 1.1rem;
|
$l_font_size: 1.3rem;
|
||||||
|
$main_font_size: 1rem;
|
||||||
$title_size: 2.3rem;
|
$title_size: 2.3rem;
|
||||||
|
|
||||||
/* MIXINS */
|
/* MIXINS */
|
||||||
|
|
@ -11,6 +12,7 @@ $title_size: 2.3rem;
|
||||||
font-size: $title_size;
|
font-size: $title_size;
|
||||||
padding: 0 $x_margin;
|
padding: 0 $x_margin;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
color: $teal;
|
||||||
a {
|
a {
|
||||||
color: $teal;
|
color: $teal;
|
||||||
}
|
}
|
||||||
|
|
@ -19,7 +21,14 @@ $title_size: 2.3rem;
|
||||||
@mixin main_text_content() {
|
@mixin main_text_content() {
|
||||||
font-family: "Marianne", sans-serif;
|
font-family: "Marianne", sans-serif;
|
||||||
font-size: $main_font_size;
|
font-size: $main_font_size;
|
||||||
line-height: 1.2;
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin sous_titre() {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: $l_font_size;
|
||||||
|
color: $teal;
|
||||||
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin fluo_button() {
|
@mixin fluo_button() {
|
||||||
|
|
@ -32,9 +41,8 @@ $title_size: 2.3rem;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border: solid 2px $fluo_green;
|
border: solid 2px $fluo_green;
|
||||||
padding: 9px 18px;
|
padding: 9px 18px;
|
||||||
::after {
|
svg {
|
||||||
content: "→";
|
display: none;
|
||||||
padding-left: 10px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -43,4 +43,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.liens_fixed {
|
||||||
|
padding: 0 $x_margin;
|
||||||
|
text-align: right;
|
||||||
|
margin: 2rem 0;
|
||||||
|
@include fluo_button();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
.views-row {
|
||||||
|
article {
|
||||||
|
> div:first-of-type {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 30vh;
|
||||||
|
height: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-left: $x_margin;
|
||||||
|
padding-right: $x_margin;
|
||||||
|
a {
|
||||||
|
img {
|
||||||
|
height: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_meta {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: $m_font_size;
|
||||||
|
width: auto;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: $teal;
|
||||||
|
border-top: solid 1px $teal;
|
||||||
|
margin: 0 $x_margin;
|
||||||
|
margin-top: 1.3rem;
|
||||||
|
padding-top: 0.7rem;
|
||||||
|
> div:first-of-type {
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_sous_titre {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: $m_font_size;
|
||||||
|
padding: 2px $x_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
@include main_title();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -4,10 +4,11 @@
|
||||||
border-bottom: solid 2px $teal;
|
border-bottom: solid 2px $teal;
|
||||||
div.views-row article {
|
div.views-row article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
div:first-of-type { // container du lien image
|
> div:first-of-type { // container du lien image
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: 40vh;
|
height: 40vh;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
padding: 0 !important;
|
||||||
> div {
|
> div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
> a {
|
> a {
|
||||||
|
|
@ -20,18 +21,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview_date, .preview_type, .preview_sous_titre {
|
|
||||||
font-family: "Marianne", sans-serif;
|
|
||||||
font-size: $m_font_size;
|
|
||||||
padding: 2px $x_margin;
|
|
||||||
}
|
|
||||||
.preview_date {
|
|
||||||
margin-top: 1.3rem;
|
|
||||||
font-weight: 800;
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
@include main_title();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
#carousel_dots {
|
#carousel_dots {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,11 @@
|
||||||
@import "partials/_footer";
|
@import "partials/_footer";
|
||||||
@import "partials/_carousel";
|
@import "partials/_carousel";
|
||||||
@import "partials/_articles";
|
@import "partials/_articles";
|
||||||
|
@import "partials/_articles_teaser";
|
||||||
|
|
||||||
/* PAGES */
|
/* PAGES */
|
||||||
|
|
||||||
@import "_home.scss";
|
@import "_home.scss";
|
||||||
@import "_newspage.scss";
|
@import "_fullpage.scss";
|
||||||
|
@import "_gouvernance.scss";
|
||||||
|
@import "_partenaires.scss";
|
||||||
|
|
@ -0,0 +1,74 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @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_fixed">
|
||||||
|
{% 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>
|
||||||
|
|
@ -0,0 +1,74 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @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_fixed">
|
||||||
|
{% 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>
|
||||||
|
|
@ -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="sous_titre">
|
||||||
|
{% 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>
|
||||||
|
|
@ -70,10 +70,8 @@
|
||||||
#}
|
#}
|
||||||
<article{{ attributes }}>
|
<article{{ attributes }}>
|
||||||
{{ content.field_image }}
|
{{ content.field_image }}
|
||||||
<div class="preview_date">
|
<div class="preview_meta">
|
||||||
{{ content.field_date }}
|
{{ content.field_date }}
|
||||||
</div>
|
|
||||||
<div class="preview_type">
|
|
||||||
{{ content.field_type_d_actualite }}
|
{{ content.field_type_d_actualite }}
|
||||||
</div>
|
</div>
|
||||||
<h2{{ title_attributes }}>
|
<h2{{ title_attributes }}>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,82 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Default theme implementation to display a node.
|
||||||
|
*
|
||||||
|
* Available variables:
|
||||||
|
* - node: The node entity with limited access to object properties and methods.
|
||||||
|
* Only method names starting with "get", "has", or "is" and a few common
|
||||||
|
* methods such as "id", "label", and "bundle" are available. For example:
|
||||||
|
* - node.getCreatedTime() will return the node creation timestamp.
|
||||||
|
* - node.hasField('field_example') returns TRUE if the node bundle includes
|
||||||
|
* field_example. (This does not indicate the presence of a value in this
|
||||||
|
* field.)
|
||||||
|
* - node.isPublished() will return whether the node is published or not.
|
||||||
|
* Calling other methods, such as node.delete(), will result in an exception.
|
||||||
|
* See \Drupal\node\Entity\Node for a full list of public properties and
|
||||||
|
* methods for the node object.
|
||||||
|
* - label: (optional) The title of the node.
|
||||||
|
* - content: All node items. Use {{ content }} to print them all,
|
||||||
|
* or print a subset such as {{ content.field_example }}. Use
|
||||||
|
* {{ content|without('field_example') }} to temporarily suppress the printing
|
||||||
|
* of a given child element.
|
||||||
|
* - author_picture: The node author user entity, rendered using the "compact"
|
||||||
|
* view mode.
|
||||||
|
* - metadata: Metadata for this node.
|
||||||
|
* - date: (optional) Themed creation date field.
|
||||||
|
* - author_name: (optional) Themed author name field.
|
||||||
|
* - url: Direct URL of the current node.
|
||||||
|
* - display_submitted: Whether submission information should be displayed.
|
||||||
|
* - attributes: HTML attributes for the containing element.
|
||||||
|
* The attributes.class element may contain one or more of the following
|
||||||
|
* classes:
|
||||||
|
* - node: The current template type (also known as a "theming hook").
|
||||||
|
* - node--type-[type]: The current node type. For example, if the node is an
|
||||||
|
* "Article" it would result in "node--type-article". Note that the machine
|
||||||
|
* name will often be in a short form of the human readable label.
|
||||||
|
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
|
||||||
|
* teaser would result in: "node--view-mode-teaser", and
|
||||||
|
* full: "node--view-mode-full".
|
||||||
|
* The following are controlled through the node publishing options.
|
||||||
|
* - node--promoted: Appears on nodes promoted to the front page.
|
||||||
|
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
|
||||||
|
* teaser listings.
|
||||||
|
* - node--unpublished: Appears on unpublished nodes visible only to site
|
||||||
|
* admins.
|
||||||
|
* - title_attributes: Same as attributes, except applied to the main title
|
||||||
|
* tag that appears in the template.
|
||||||
|
* - content_attributes: Same as attributes, except applied to the main
|
||||||
|
* content tag that appears in the template.
|
||||||
|
* - author_attributes: Same as attributes, except applied to the author of
|
||||||
|
* the node tag that appears in the template.
|
||||||
|
* - title_prefix: Additional output populated by modules, intended to be
|
||||||
|
* displayed in front of the main title tag that appears in the template.
|
||||||
|
* - title_suffix: Additional output populated by modules, intended to be
|
||||||
|
* displayed after the main title tag that appears in the template.
|
||||||
|
* - view_mode: View mode; for example, "teaser" or "full".
|
||||||
|
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
|
||||||
|
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
|
||||||
|
* - readmore: Flag for more state. Will be true if the teaser content of the
|
||||||
|
* node cannot hold the main body content.
|
||||||
|
* - logged_in: Flag for authenticated user status. Will be true when the
|
||||||
|
* current user is a logged-in member.
|
||||||
|
* - is_admin: Flag for admin user status. Will be true when the current user
|
||||||
|
* is an administrator.
|
||||||
|
*
|
||||||
|
* @see template_preprocess_node()
|
||||||
|
*
|
||||||
|
* @ingroup themeable
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
<article class="fullpage">
|
||||||
|
|
||||||
|
<div class="fullpage_content">
|
||||||
|
|
||||||
|
<h2>{{ label }}</h2>
|
||||||
|
|
||||||
|
<div{{ content_attributes }}>
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
@ -0,0 +1,73 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Default theme implementation for main view template.
|
||||||
|
*
|
||||||
|
* Available variables:
|
||||||
|
* - attributes: Remaining HTML attributes for the element.
|
||||||
|
* - css_name: A CSS-safe version of the view name.
|
||||||
|
* - css_class: The user-specified classes names, if any.
|
||||||
|
* - header: The optional header.
|
||||||
|
* - footer: The optional footer.
|
||||||
|
* - rows: The results of the view query, if any.
|
||||||
|
* - empty: The content to display if there are no rows.
|
||||||
|
* - pager: The optional pager next/prev links to display.
|
||||||
|
* - exposed: Exposed widget form/info to display.
|
||||||
|
* - feed_icons: Optional feed icons to display.
|
||||||
|
* - more: An optional link to the next page of results.
|
||||||
|
* - title: Title of the view, only used when displaying in the admin preview.
|
||||||
|
* - title_prefix: Additional output populated by modules, intended to be
|
||||||
|
* displayed in front of the view title.
|
||||||
|
* - title_suffix: Additional output populated by modules, intended to be
|
||||||
|
* displayed after the view title.
|
||||||
|
* - attachment_before: An optional attachment view to be displayed before the
|
||||||
|
* view content.
|
||||||
|
* - attachment_after: An optional attachment view to be displayed after the
|
||||||
|
* view content.
|
||||||
|
* - dom_id: Unique id for every view being printed to give unique class for
|
||||||
|
* JavaScript.
|
||||||
|
*
|
||||||
|
* @see template_preprocess_views_view()
|
||||||
|
*
|
||||||
|
* @ingroup themeable
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
{%
|
||||||
|
set classes = [
|
||||||
|
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
<div{{ attributes.addClass(classes) }}>
|
||||||
|
<div class="content_gouvernance fullpage">
|
||||||
|
<h2>
|
||||||
|
{{ view_array['#title']['#markup'] }}
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
{{ title_prefix }}
|
||||||
|
{{ title }}
|
||||||
|
{{ title_suffix }}
|
||||||
|
|
||||||
|
{% if header %}
|
||||||
|
<header>
|
||||||
|
{{ header }}
|
||||||
|
</header>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{{ exposed }}
|
||||||
|
{{ attachment_before }}
|
||||||
|
|
||||||
|
{% if rows -%}
|
||||||
|
<div>
|
||||||
|
{{ rows }}
|
||||||
|
</div>
|
||||||
|
{% elseif empty -%}
|
||||||
|
{{ empty }}
|
||||||
|
{% endif %}
|
||||||
|
{{ pager }}
|
||||||
|
|
||||||
|
{{ attachment_after }}
|
||||||
|
{{ more }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{ feed_icons }}
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,74 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Default theme implementation for main view template.
|
||||||
|
*
|
||||||
|
* Available variables:
|
||||||
|
* - attributes: Remaining HTML attributes for the element.
|
||||||
|
* - css_name: A CSS-safe version of the view name.
|
||||||
|
* - css_class: The user-specified classes names, if any.
|
||||||
|
* - header: The optional header.
|
||||||
|
* - footer: The optional footer.
|
||||||
|
* - rows: The results of the view query, if any.
|
||||||
|
* - empty: The content to display if there are no rows.
|
||||||
|
* - pager: The optional pager next/prev links to display.
|
||||||
|
* - exposed: Exposed widget form/info to display.
|
||||||
|
* - feed_icons: Optional feed icons to display.
|
||||||
|
* - more: An optional link to the next page of results.
|
||||||
|
* - title: Title of the view, only used when displaying in the admin preview.
|
||||||
|
* - title_prefix: Additional output populated by modules, intended to be
|
||||||
|
* displayed in front of the view title.
|
||||||
|
* - title_suffix: Additional output populated by modules, intended to be
|
||||||
|
* displayed after the view title.
|
||||||
|
* - attachment_before: An optional attachment view to be displayed before the
|
||||||
|
* view content.
|
||||||
|
* - attachment_after: An optional attachment view to be displayed after the
|
||||||
|
* view content.
|
||||||
|
* - dom_id: Unique id for every view being printed to give unique class for
|
||||||
|
* JavaScript.
|
||||||
|
*
|
||||||
|
* @see template_preprocess_views_view()
|
||||||
|
*
|
||||||
|
* @ingroup themeable
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
{%
|
||||||
|
set classes = [
|
||||||
|
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
<div{{ attributes.addClass(classes) }}>
|
||||||
|
<div class="content_partenaires fullpage">
|
||||||
|
<h2>
|
||||||
|
{{ view_array['#title']['#markup'] }}
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
{{ title_prefix }}
|
||||||
|
{{ title }}
|
||||||
|
{{ title_suffix }}
|
||||||
|
|
||||||
|
{% if header %}
|
||||||
|
<header>
|
||||||
|
{{ header }}
|
||||||
|
</header>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{{ exposed }}
|
||||||
|
{{ attachment_before }}
|
||||||
|
|
||||||
|
{% if rows -%}
|
||||||
|
<div>
|
||||||
|
{{ rows }}
|
||||||
|
</div>
|
||||||
|
{% elseif empty -%}
|
||||||
|
{{ empty }}
|
||||||
|
{% endif %}
|
||||||
|
{{ pager }}
|
||||||
|
|
||||||
|
{{ attachment_after }}
|
||||||
|
{{ more }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{ feed_icons }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,63 @@
|
||||||
|
{#
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Default theme implementation for main view template.
|
||||||
|
*
|
||||||
|
* Available variables:
|
||||||
|
* - attributes: Remaining HTML attributes for the element.
|
||||||
|
* - css_name: A CSS-safe version of the view name.
|
||||||
|
* - css_class: The user-specified classes names, if any.
|
||||||
|
* - header: The optional header.
|
||||||
|
* - footer: The optional footer.
|
||||||
|
* - rows: The results of the view query, if any.
|
||||||
|
* - empty: The content to display if there are no rows.
|
||||||
|
* - pager: The optional pager next/prev links to display.
|
||||||
|
* - exposed: Exposed widget form/info to display.
|
||||||
|
* - feed_icons: Optional feed icons to display.
|
||||||
|
* - more: An optional link to the next page of results.
|
||||||
|
* - title: Title of the view, only used when displaying in the admin preview.
|
||||||
|
* - title_prefix: Additional output populated by modules, intended to be
|
||||||
|
* displayed in front of the view title.
|
||||||
|
* - title_suffix: Additional output populated by modules, intended to be
|
||||||
|
* displayed after the view title.
|
||||||
|
* - attachment_before: An optional attachment view to be displayed before the
|
||||||
|
* view content.
|
||||||
|
* - attachment_after: An optional attachment view to be displayed after the
|
||||||
|
* view content.
|
||||||
|
* - dom_id: Unique id for every view being printed to give unique class for
|
||||||
|
* JavaScript.
|
||||||
|
*
|
||||||
|
* @see template_preprocess_views_view()
|
||||||
|
*
|
||||||
|
* @ingroup themeable
|
||||||
|
*/
|
||||||
|
#}
|
||||||
|
{%
|
||||||
|
set classes = [
|
||||||
|
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
<div{{ attributes.addClass(classes).addClass('fullpage') }}>
|
||||||
|
<h2>
|
||||||
|
{{ view_array['#title']['#markup'] }}
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
{% if header %}
|
||||||
|
<header>
|
||||||
|
{{ header }}
|
||||||
|
</header>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{{ exposed }}
|
||||||
|
{{ attachment_before }}
|
||||||
|
|
||||||
|
{% if rows -%}
|
||||||
|
{{ rows }}
|
||||||
|
{% elseif empty -%}
|
||||||
|
{{ empty }}
|
||||||
|
{% endif %}
|
||||||
|
{{ pager }}
|
||||||
|
|
||||||
|
{{ attachment_after }}
|
||||||
|
{{ more }}
|
||||||
|
</div>
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
{{ attachment_before }}
|
{{ attachment_before }}
|
||||||
|
|
||||||
{% if rows -%}
|
{% if rows -%}
|
||||||
<div class="news_list">
|
<div>
|
||||||
{{ rows }}
|
{{ rows }}
|
||||||
</div>
|
</div>
|
||||||
{% elseif empty -%}
|
{% elseif empty -%}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue