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

avancées intégration mobile

This commit is contained in:
Valentin 2023-12-13 15:08:55 +01:00
parent a08922d8be
commit 1bf7b2b251
22 changed files with 932 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,3 @@
@charset "UTF-8";
/* GLOBAL */
/* Marianne */
@font-face {
@ -221,39 +220,22 @@ a {
.slick-container div.views-row article {
width: 100%;
}
.slick-container div.views-row article div:first-of-type {
.slick-container div.views-row article > div:first-of-type {
width: 100%;
max-height: 40vh;
height: 40vh;
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%;
}
.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%;
}
.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%;
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 {
position: relative;
margin-top: -15px;
@ -283,9 +265,8 @@ a {
border: solid 2px #00ff80;
padding: 9px 18px;
}
.slick-container footer a ::after {
content: "→";
padding-left: 10px;
.slick-container footer a svg {
display: none;
}
.actu_full {
@ -296,8 +277,8 @@ a {
}
.actu_full div {
font-family: "Marianne", sans-serif;
font-size: 1.1rem;
line-height: 1.2;
font-size: 1rem;
line-height: 1.4;
}
.actu_full .retour_actus {
font-size: 0.8rem;
@ -318,6 +299,7 @@ a {
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
}
.actu_full h2 a {
color: #038788;
@ -340,20 +322,84 @@ a {
width: 100%;
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 */
.home_introduction {
border-bottom: solid 2px #038788;
width: 100%;
padding: 2rem 3vw;
padding: 2rem 0;
}
.home_introduction h2 {
display: none;
}
.home_introduction article > div {
max-height: none !important;
}
.home_introduction article > div p {
font-family: "Marianne", sans-serif;
font-size: 1.1rem;
line-height: 1.2;
font-size: 1rem;
line-height: 1.4;
}
.home_introduction div.more-link {
margin-top: 3rem;
@ -372,9 +418,8 @@ a {
border: solid 2px #00ff80;
padding: 9px 18px;
}
.home_introduction div.more-link a ::after {
content: "→";
padding-left: 10px;
.home_introduction div.more-link a svg {
display: none;
}
.home_consultation {
@ -387,16 +432,19 @@ a {
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
margin-bottom: 1.2rem;
}
.home_consultation h2 a {
color: #038788;
}
.home_consultation article > div {
max-height: none !important;
}
.home_consultation article > div p {
padding: 0 3vw;
font-family: "Marianne", sans-serif;
font-size: 1.1rem;
line-height: 1.2;
font-size: 1rem;
line-height: 1.4;
}
.home_consultation div.more-link {
margin-top: 3rem;
@ -414,13 +462,125 @@ a {
border: solid 2px #00ff80;
padding: 9px 18px;
}
.home_consultation div.more-link a ::after {
content: "→";
padding-left: 10px;
.home_consultation div.more-link a svg {
display: none;
}
.news_list:not(.slick-slider) {
background-color: red;
.fullpage {
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 */

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

@ -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"}

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

@ -23,7 +23,7 @@ function erabletheme_preprocess_page(&$variables) {
* Implements hook_preprocess_HOOK() for node.html.twig.
*/
function erabletheme_preprocess_node(&$variables) {
$t = "t";
}
/**
@ -35,4 +35,41 @@ function erabletheme_preprocess_form(&$variables) {
function erabletheme_preprocess_region(&$variables) {
$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';
}
}
}

43
web/themes/erabletheme/scss/_fullpage.scss Normal file
View File

@ -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;
}
}

56
web/themes/erabletheme/scss/_gouvernance.scss Normal file
View File

@ -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();
}
}
}
}
}

7
web/themes/erabletheme/scss/_home.scss
View File

@ -1,13 +1,14 @@
.home_introduction {
border-bottom: solid 2px $teal;
width: 100%;
padding: 2rem $x_margin;
padding: 2rem 0;
h2 {
display: none;
}
article > div {
max-height: none !important;
p {
@include main_text_content();
@include main_text_content();
}
}
div.more-link {
@ -29,8 +30,8 @@
margin-bottom: 1.2rem;
}
article > div {
max-height: none !important;
p {
padding: 0 $x_margin;
@include main_text_content();
}
}

3
web/themes/erabletheme/scss/_newspage.scss
View File

@ -1,3 +0,0 @@
.news_list:not(.slick-slider) {
background-color: red;
}

0
web/themes/erabletheme/scss/_partenaires.scss Normal file
View File

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

@ -1,7 +1,8 @@
/* SIZES */
$sm_font_size: 0.8rem;
$m_font_size: 0.9rem;
$main_font_size: 1.1rem;
$l_font_size: 1.3rem;
$main_font_size: 1rem;
$title_size: 2.3rem;
/* MIXINS */
@ -11,6 +12,7 @@ $title_size: 2.3rem;
font-size: $title_size;
padding: 0 $x_margin;
margin-top: 1rem;
color: $teal;
a {
color: $teal;
}
@ -19,7 +21,14 @@ $title_size: 2.3rem;
@mixin main_text_content() {
font-family: "Marianne", sans-serif;
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() {
@ -32,9 +41,8 @@ $title_size: 2.3rem;
background-color: white;
border: solid 2px $fluo_green;
padding: 9px 18px;
::after {
content: "→";
padding-left: 10px;
svg {
display: none;
}
}
}

7
web/themes/erabletheme/scss/partials/_articles.scss
View File

@ -43,4 +43,11 @@
}
}
}
.liens_fixed {
padding: 0 $x_margin;
text-align: right;
margin: 2rem 0;
@include fluo_button();
}
}

45
web/themes/erabletheme/scss/partials/_articles_teaser.scss Normal file
View File

@ -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();
}
}
}

17
web/themes/erabletheme/scss/partials/_carousel.scss
View File

@ -4,10 +4,11 @@
border-bottom: solid 2px $teal;
div.views-row article {
width: 100%;
div:first-of-type { // container du lien image
> div:first-of-type { // container du lien image
width: 100%;
max-height: 40vh;
height: 40vh;
overflow-y: hidden;
padding: 0 !important;
> div {
width: 100%;
> 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 {
position: relative;

5
web/themes/erabletheme/scss/styles.scss
View File

@ -11,8 +11,11 @@
@import "partials/_footer";
@import "partials/_carousel";
@import "partials/_articles";
@import "partials/_articles_teaser";
/* PAGES */
@import "_home.scss";
@import "_newspage.scss";
@import "_fullpage.scss";
@import "_gouvernance.scss";
@import "_partenaires.scss";

74
web/themes/erabletheme/templates/node/field--node--field-lien--actualite.html.twig Normal file
View File

@ -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>

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

@ -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>

73
web/themes/erabletheme/templates/node/field--node--field-sous-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="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>

4
web/themes/erabletheme/templates/node/node--actualite--home.html.twig
View File

@ -70,10 +70,8 @@
#}
<article{{ attributes }}>
{{ content.field_image }}
<div class="preview_date">
<div class="preview_meta">
{{ content.field_date }}
</div>
<div class="preview_type">
{{ content.field_type_d_actualite }}
</div>
<h2{{ title_attributes }}>

82
web/themes/erabletheme/templates/node/node--content-global.html.twig Normal file
View File

@ -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>

73
web/themes/erabletheme/templates/views-view--content-gouvernance.html.twig Normal file
View File

@ -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>

74
web/themes/erabletheme/templates/views-view--content-partenaires.html.twig Normal file
View File

@ -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>

63
web/themes/erabletheme/templates/views-view--page-actus.html.twig Normal file
View File

@ -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>

2
web/themes/erabletheme/templates/views-view.html.twig
View File

@ -53,7 +53,7 @@
{{ attachment_before }}
{% if rows -%}
<div class="news_list">
<div>
{{ rows }}
</div>
{% elseif empty -%}