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

ressources, corrections fonds, placement icones map projets fonctionnel en mobile

Browse Source
This commit is contained in:
Valentin
2024-11-07 23:49:56 +01:00
parent 6db99742c4
commit 217b84c755
29 changed files with 1131 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/themes/erabletheme/assets/bg-shapes/bg-12.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 875 KiB

After

Width:  |  Height:  |  Size: 5.6 MiB

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

@@ -66,6 +66,10 @@ body > .dialog-off-canvas-main-canvas {
z-index: 1;
}
html {
overflow-x: hidden;
}
.layout-container {
display: flex;
}
@@ -341,7 +345,8 @@ body.toolbar-fixed header[role=banner] {
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6),
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(7),
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(8),
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9) {
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9),
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(10) {
border-bottom: solid 1px white;
padding: 12px 0;
}
@@ -773,6 +778,7 @@ body.toolbar-fixed header[role=banner] {
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
@@ -997,14 +1003,26 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
#background {
z-index: -1;
max-width: 99vw;
width: 100vw;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
#background img {
position: absolute;
pointer-events: none;
}
#background #bg-top #bg-1 {
top: 5vh;
left: 0;
#background #bg-top {
/* #bg-1 {
top: 5vh;
left: 0;
} */
/* #bg-4 {
top: 18vh;
right: -45vw;
} */
}
#background #bg-top #bg-3 {
top: 13vh;
@@ -1014,14 +1032,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
top: 8vh;
left: -28vw;
}
#background #bg-top #bg-4 {
top: 18vh;
right: -45vw;
}
#background #bg-middle #bg-5 {
top: -20vh;
#background #bg-top #bg-5 {
width: 20vw;
top: 5vh;
right: -10vw;
}
#background #bg-middle {
/* #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
} */
}
#background #bg-middle #bg-6 {
top: 5vh;
right: -5vw;
@@ -1031,11 +1053,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
top: 10vh;
right: 0vw;
}
#background #bg-middle #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
}
#background #bg-middle #bg-12 {
width: 105vw;
left: -5vw;
@@ -1339,6 +1356,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.map-projets > #sites-map-container #popup h3 {
@@ -1461,6 +1479,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.layout-content .fullpage .fullpage_content h3, .layout-content .fullpage .fullpage_content h4, .layout-content .fullpage .fullpage_content h5, .layout-content .fullpage .fullpage_content h6 {
@@ -1577,6 +1596,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2,
@@ -1753,6 +1773,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.paragraph--type--membre-equipe > .prenom,
@@ -2613,6 +2634,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 {
@@ -2686,6 +2708,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a {
color: #038788;
@@ -2860,6 +2883,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .text-content .intertitre {
@@ -2886,6 +2910,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type {
@@ -2961,6 +2986,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type {
@@ -3037,6 +3063,36 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
padding: 1rem 0;
}
.taxonomy_page > .fullpage_content > div:last-of-type {
display: grid !important;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(3, auto);
}
.taxonomy_page > .fullpage_content > div:last-of-type > .diapo {
grid-column: 1;
grid-row: 2/4;
margin: 0 !important;
margin-left: 3vw !important;
}
.taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre {
grid-column: 1/3;
grid-row: 1;
margin-bottom: 2rem;
}
.taxonomy_page > .fullpage_content > div:last-of-type > .localisation {
grid-column: 2;
grid-row: 2;
margin-top: 0 !important;
}
.taxonomy_page > .fullpage_content > div:last-of-type > .thematiques {
grid-column: 2;
grid-row: 3;
}
.feed-icon {
display: none;
}
@media (min-width: 760px) {
.fullpage.actus .actus_list {
display: grid;
@@ -3049,6 +3105,187 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
}
@media screen and (min-width: 760px) {
.fullpage .actus_list h2 {
font-size: 1.6rem !important;
}
}
.ressources {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ressources > .main-title {
display: none;
}
.ressources > div {
padding: 0 3vw;
display: grid;
grid-template-columns: 0.25fr 1fr;
grid-auto-rows: auto;
}
.ressources > div > div > div:first-of-type {
display: none;
}
.ressources > div > h2 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
padding: 0 !important;
justify-self: start;
}
.ressources > div > h2 > a > span {
display: block;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.ressources > div > h2 > a > span {
font-size: 1.6rem;
}
}
.ressources > div > div:first-of-type {
grid-column: 2;
grid-row: 3;
}
.ressources > div > div:first-of-type > div > span {
margin-top: -1rem;
}
.ressources > div > div:first-of-type > div > span 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;
transition: background-color 0.3s ease;
}
.ressources > div > div:first-of-type > div > span a svg {
display: none;
}
.ressources > div > div:first-of-type > div > span a:hover {
background-color: #00ff80;
}
.ressources > div > div:first-of-type > div > span:last-of-type {
display: none;
}
.ressources > div > div:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
padding: 2rem 0;
margin-right: 2rem;
}
.ressources > div > div:nth-of-type(2) img {
width: 100%;
height: auto;
}
.ressources > div > div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.views-row:first-of-type > .ressources {
margin-top: 13vh !important;
}
.views-row:first-of-type > .ressources > .main-title {
display: block;
padding-top: 5vh !important;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
text-transform: uppercase;
}
.views-row:first-of-type > .ressources > .main-title a {
color: #038788;
}
@media (min-width: 760px) {
.views-row:first-of-type > .ressources > .main-title {
font-size: 2.3rem;
}
}
.ressource > div {
margin: 3vw;
display: grid;
grid-template-columns: 0.25fr 1fr;
grid-auto-rows: auto;
}
.ressource > div > div > div:first-of-type {
display: none;
}
.ressource > div > h2 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
padding: 0 !important;
justify-self: start;
}
.ressource > div > h2 > span {
display: block;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.ressource > div > h2 > span {
font-size: 1.6rem;
}
}
.ressource > div > div:first-of-type {
grid-column: 2;
grid-row: 3;
}
.ressource > div > div:first-of-type > div > span {
margin-top: -1rem;
}
.ressource > div > div:first-of-type > div > span 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;
transition: background-color 0.3s ease;
}
.ressource > div > div:first-of-type > div > span a svg {
display: none;
}
.ressource > div > div:first-of-type > div > span a:hover {
background-color: #00ff80;
}
.ressource > div > div:first-of-type > div > span:last-of-type {
display: none;
}
.ressource > div > div:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
padding: 2rem 0;
margin-right: 2rem;
}
.ressource > div > div:nth-of-type(2) img {
width: 100%;
height: auto;
}
.ressource > div > div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.faq-fullpage {
font-family: "Marianne", sans-serif;
font-size: 1rem;

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

@@ -115,8 +115,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']);
$is_ressource = isset($variables['elements']['field_ressource_date']);
if (!$is_projet && !$is_actu && isset($variables['elements']['#title'])) {
if (!$is_projet && !$is_actu && !$is_ressource && isset($variables['elements']['#title'])) {
$total_title = $variables['elements']['#title'];
$start_pos = strpos($total_title, '<span>') + strlen('<span>');
$end_pos = strpos($total_title, '</span>');

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

@@ -12,11 +12,12 @@
//
// Carrousel
//
if ($('.slick-container')) {
const isTaxonomyPage = document.querySelector('.taxonomy_page') ? true : false;
if ($('.slick-container') && !isTaxonomyPage) {
let slickEl = $('.slick-container').find('div').eq(3);
$(slickEl).slick({
centerMode: true,
//centerPadding: '600px',
slidesToShow: 3,
dots: true,
appendDots: $('#carousel_dots'),
@@ -31,7 +32,7 @@
});
}
if ($('.diapo')) {
if ($('.diapo') && !isTaxonomyPage) {
let slickEl = $('.diapo > div > div');$(slickEl).slick({
dots: true,
appendDots: $('#carousel_dots'),
@@ -324,15 +325,23 @@
//
// set bg middle placement
//
setBgContainer();
setBgMiddlePlacement();
setBgBottomPlacement();
window.addEventListener('resize', () => {
setBgMiddlePlacement();
setBgBottomPlacement();
setBgContainer();
});
function setBgContainer() {
const bg = document.querySelector('#background');
const pageHeight = document.documentElement.scrollHeight;
bg.style.height = `${pageHeight}px`;
}
function setBgMiddlePlacement() {
const bgMiddleImgs = document.querySelectorAll('#bg-middle img');
const carousel = document.querySelector('.carousel_container');
@@ -353,7 +362,6 @@
function setBgBottomPlacement() {
const bgBottomImgs = document.querySelectorAll('#bg-bottom img');
const pageHeight = document.documentElement.scrollHeight;
console.log(pageHeight);
for (let img of bgBottomImgs) {
img.style.paddingTop = `${pageHeight}px`;

10
web/themes/erabletheme/scss/_actualites.scss
View File

@@ -11,3 +11,13 @@
}
}
}
.fullpage {
.actus_list {
h2 {
@media screen and (min-width: $breakpoint_tablet) {
font-size: $xl_font_size !important;
}
}
}
}

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

@@ -433,3 +433,38 @@
}
}
}
.taxonomy_page {
> .fullpage_content {
> div:last-of-type {
display: grid !important;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(3, auto);
> .diapo {
grid-column: 1;
grid-row: 2/4;
margin: 0 !important;
margin-left: $x_margin !important;
}
> .sous_titre {
grid-column: 1/3;
grid-row: 1;
margin-bottom: 2rem;
}
> .localisation {
grid-column: 2;
grid-row: 2;
margin-top: 0 !important;
}
> .thematiques {
grid-column: 2;
grid-row: 3;
}
}
}
}
// in taxonomy pages
.feed-icon {
display: none;
}

117
web/themes/erabletheme/scss/_ressources.scss Normal file
View File

@@ -0,0 +1,117 @@
.ressources {
margin-top: 0 !important;
margin-bottom: 0 !important;
> .main-title {
display: none;
}
> div {
padding: 0 $x_margin;
display: grid;
grid-template-columns: 0.25fr 1fr;
grid-auto-rows: auto;
> div > div:first-of-type {
display: none;
}
> h2 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
padding: 0 !important;
justify-self: start;
> a > span {
//margin-top: -1rem !important;
display: block;
@include sous_titre_alt();
}
}
> div:first-of-type {
grid-column: 2;
grid-row: 3;
> div > span {
margin-top: -1rem;
@include fluo_button();
}
> div > span:last-of-type {
display: none;
}
}
> div:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
padding: 2rem 0;
margin-right: 2rem;
img {
width: 100%;
height: auto;
}
}
> div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
@include main_text_content();
}
}
}
.views-row:first-of-type {
> .ressources {
margin-top: 13vh !important;
> .main-title {
display: block;
padding-top: 5vh !important;
@include main_title();
}
}
}
.ressource {
> div {
margin: $x_margin;
display: grid;
grid-template-columns: 0.25fr 1fr;
grid-auto-rows: auto;
> div > div:first-of-type {
display: none;
}
> h2 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
padding: 0 !important;
justify-self: start;
> span {
//margin-top: -1rem !important;
display: block;
@include sous_titre_alt();
}
}
> div:first-of-type {
grid-column: 2;
grid-row: 3;
> div > span {
margin-top: -1rem;
@include fluo_button();
}
> div > span:last-of-type {
display: none;
}
}
> div:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
padding: 2rem 0;
margin-right: 2rem;
img {
width: 100%;
height: auto;
}
}
> div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
@include main_text_content();
}
}
}

4
web/themes/erabletheme/scss/global/_global.scss
View File

@@ -14,6 +14,10 @@ body {
overflow-x: hidden;
}
html {
overflow-x: hidden;
}
.layout-container {
display: flex;
}

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

@@ -34,6 +34,7 @@ $title_size: 2.3rem;
font-size: $m_font_size;
color: $teal;
font-weight: 800;
line-height: 1.3;
@media (min-width: $breakpoint_tablet) {
font-size: $l_font_size;
}

27
web/themes/erabletheme/scss/partials/_background.scss
View File

@@ -1,14 +1,20 @@
#background {
z-index: -1;
max-width: 99vw;
width: 100vw;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
img {
position: absolute;
pointer-events: none;
}
#bg-top {
#bg-1 {
/* #bg-1 {
top: 5vh;
left: 0;
}
} */
#bg-3 {
top: 13vh;
left: -10vw;
@@ -17,17 +23,18 @@
top: 8vh;
left: -28vw;
}
#bg-4 {
#bg-5 {
width: 20vw;
top: 5vh;
right: -10vw;
}
/* #bg-4 {
top: 18vh;
right: -45vw;
}
} */
}
#bg-middle {
#bg-5 {
top: -20vh;
right: -10vw;
}
#bg-6 {
top: 5vh;
right: -5vw;
@@ -37,11 +44,11 @@
top: 10vh;
right: 0vw;
}
#bg-8 {
/* #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
}
} */
#bg-12 {
width: 105vw;
left: -5vw;

3
web/themes/erabletheme/scss/partials/_header.scss
View File

@@ -230,7 +230,8 @@ body.toolbar-fixed header[role="banner"] {
> li:nth-of-type(6),
> li:nth-of-type(7),
> li:nth-of-type(8),
> li:nth-of-type(9) {
> li:nth-of-type(9),
> li:nth-of-type(10) {
border-bottom: solid 1px white;
padding: 12px 0;
}

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

@@ -25,4 +25,5 @@
@import "_meetup.scss";
@import "_projets.scss";
@import "_actualites.scss";
@import "_ressources.scss";
@import "_faq.scss";

8
web/themes/erabletheme/templates/html.html.twig
View File

@@ -46,16 +46,16 @@
{{ page_bottom }}
<div id="background">
<div id="bg-top">
<img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1"> #}
<img src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
<img src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
<img src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
<img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4"> #}
</div>
<div id="bg-middle">
<img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8"> #}
<img src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
<img src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
<img src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
<img src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
</div>
<div id="bg-bottom">

82
web/themes/erabletheme/templates/node/node--ressource--full.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 ressource">
<div{{ content_attributes }}>
<h2>{{ label }}</h2>
{{ content }}
</div>
</div>
</article>

96
web/themes/erabletheme/templates/node/node--view--ressources.html.twig Normal file
View File

@@ -0,0 +1,96 @@
{#
/**
* @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{{ attributes.addClass('fullpage ressources') }}>
{% if display_submitted %}
<footer>
{{ author_picture }}
<div{{ author_attributes }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
{{ metadata }}
</div>
</footer>
{% endif %}
<div class="main-title">Ressources</div>
<div{{ content_attributes }}>
{{ title_prefix }}
{% if label and not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{{ content }}
</div>
</article>

85
web/themes/erabletheme/templates/node/projet/node--view--taxonomy-term.html.twig Normal file
View File

@@ -0,0 +1,85 @@
{#
/**
* @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 projet_full taxonomy_page">
<div class="fullpage_content">
<div class="retour_projets">
<a href="/projets">← Retour aux projets</a>
</div>
<h2>{{ label }}</h2>
<div{{ content_attributes }}>
{{ content }}
</div>
</div>
</article>