From da6fb958d29c7c144e142c8dafc89d5ab77a2144 Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 9 Apr 2026 12:12:31 +0200 Subject: [PATCH] grid images --- .../custom/eql/dist/assets/css/bundle.css | 389 +++++++++++++++++- .../global/print/_projets-complets-ecran.scss | 281 +++++++++++++ .../global/print/_projets-complets-print.scss | 216 ++++++++++ web/themes/custom/eql/scss/styles.scss | 9 +- .../templates/node--view--projets.html.twig | 121 ++++++ 5 files changed, 1013 insertions(+), 3 deletions(-) create mode 100644 web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss create mode 100644 web/themes/custom/eql/scss/global/print/_projets-complets-print.scss create mode 100644 web/themes/custom/eql/templates/node--view--projets.html.twig diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index a56f42e..724fc00 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -264,6 +264,7 @@ svg.ext { margin: auto; } } +/*global*/ /* ------------------------- Paged.js : format + compteur -------------------------- */ @@ -378,10 +379,396 @@ svg.ext { display: block; } } +.path-projets-complets .layout-container header { + top: inherit !important; + left: inherit !important; +} +.path-projets-complets .layout-content { + width: 60vw; + margin: auto; +} +.path-projets-complets span { + display: none; +} +.path-projets-complets .node-type-projet { + border-bottom: 1px solid black; + padding-bottom: 5rem; + margin-bottom: 5rem; +} +.path-projets-complets .projet-content { + display: flex; + flex-direction: column; +} +.path-projets-complets .field--name-field-photo .field__label { + display: none; +} +.path-projets-complets .field--name-field-photo .field__items { + height: 100%; + display: grid; + gap: 3px; +} +.path-projets-complets .field--name-field-photo .field__item { + overflow: hidden; + aspect-ratio: 3/2; +} +.path-projets-complets .field--name-field-photo .field__item img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} +.path-projets-complets .field--name-field-photo .image-field-caption { + display: none; +} +.path-projets-complets .field--name-field-photo .field__items:has(.field__item:only-child) { + grid-template-columns: 1fr; +} +.path-projets-complets .field--name-field-photo .field__items:has(.field__item:only-child) .field__item { + grid-column: 1; +} +.path-projets-complets .field--name-field-photo .field__items:has(.field__item:nth-child(2)) { + grid-template-columns: repeat(3, 1fr); +} +.path-projets-complets .field--name-field-photo .field__items:has(.field__item:nth-child(2)) .field__item:first-child { + grid-column: 1/4; +} +.path-projets-complets .field--name-field-photo .field__items .field__item:nth-child(n+8) { + display: none; +} +.path-projets-complets .field--name-title { + order: 2; + font-family: "Marianne"; + font-size: 2rem; + font-weight: 800; + color: rgb(0, 158, 227); +} +@media (max-width: 1624px) { + .path-projets-complets .field--name-title { + font-size: 2.3rem; + } +} +@media (max-width: 1384px) { + .path-projets-complets .field--name-title { + font-size: 2rem; + } +} +@media (max-width: 1216px) { + .path-projets-complets .field--name-title { + font-size: 2rem; + } +} +@media (max-width: 810px) { + .path-projets-complets .field--name-title { + font-size: 1.7rem; + } +} +.path-projets-complets .field--name-title a { + color: rgb(0, 158, 227); +} +.path-projets-complets .field--name-field-equipe { + order: 3; + color: rgb(9, 57, 139); + font-size: 1.5rem; + font-weight: 900; + text-transform: uppercase; +} +@media (max-width: 1624px) { + .path-projets-complets .field--name-field-equipe { + font-size: 1.3rem; + } +} +@media (max-width: 1216px) { + .path-projets-complets .field--name-field-equipe { + font-size: 1.1rem; + } +} +@media (max-width: 810px) { + .path-projets-complets .field--name-field-equipe { + font-size: 1rem; + } +} +.path-projets-complets .field--name-field-equipe .field__label { + display: none; +} +.path-projets-complets .field--name-field-incube { + order: 4; + width: fit-content; + background-color: rgb(225, 0, 15); + color: white; + font-weight: 800; + padding-right: 0.3rem; + padding-left: 0.2rem; + flex-direction: row; +} +.path-projets-complets .field--name-field-incube::before { + content: " Projet "; + padding-right: 0.5rem; +} +.path-projets-complets .field--name-field-incube .field__item { + display: none; +} +.path-projets-complets .field--name-field-neuf-rehabilitation, +.path-projets-complets .field--name-field-encours-fini { + display: none; +} +.path-projets-complets .field--name-field-region { + order: 5; + width: 30%; + position: relative; + height: 80px; + text-align: center; + padding-right: 1rem; +} +@media (max-width: 479px) { + .path-projets-complets .field--name-field-region { + width: 100%; + } +} +.path-projets-complets .field--name-field-region .field__label { + display: none; +} +.path-projets-complets .field--name-field-region::before { + content: url("../images/pictos/picto_lieu.svg"); + min-width: 30px; + height: auto; + padding-right: 1rem; + position: absolute; + left: 0; + margin-top: 0.83em; + margin-left: 1rem; +} +.path-projets-complets .field--name-field-type-de-moa { + order: 6; +} +.path-projets-complets .field--name-field-type-de-projet { + order: 7; +} +.path-projets-complets .field--name-field-etape-du-projet { + order: 8; +} +.path-projets-complets .field--name-field-textes { + order: 9; +} +.path-projets-complets .field--name-field-textes .field__label { + display: none; +} +.path-projets-complets .field--name-field-textes .field--name-field-titre { + color: rgb(9, 57, 139); + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + flex-direction: row; +} +.path-projets-complets .field--name-field-textes .field--name-field-titre::after { + content: " :"; + padding-left: 0.5rem; +} +.path-projets-complets .field--name-field-etape-du-projet a, +.path-projets-complets .field--name-field-type-de-projet a, +.path-projets-complets .field--name-field-type-de-moa a { + color: black; +} +.path-projets-complets .field--name-field-etape-du-projet .field__label, +.path-projets-complets .field--name-field-type-de-projet .field__label, +.path-projets-complets .field--name-field-type-de-moa .field__label { + color: rgb(9, 57, 139); + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + flex-direction: row; +} +.path-projets-complets .field--name-field-etape-du-projet .field__label::after, +.path-projets-complets .field--name-field-type-de-projet .field__label::after, +.path-projets-complets .field--name-field-type-de-moa .field__label::after { + content: ":"; + padding-left: 0.5rem; +} + +@media print { + .path-projets-complets .views-row { + display: block !important; + margin: 0 !important; + overflow: visible !important; + float: none !important; + position: static !important; + } + .path-projets-complets .node-type-projet { + break-before: page; + page-break-before: always; + border: 1px solid black; + margin: 0 !important; + overflow: visible !important; + } + .path-projets-complets .views-row:first-child .node-type-projet { + break-before: auto; + page-break-before: auto; + } + .path-projets-complets .projet-content { + display: block !important; + } + .path-projets-complets .projet-header-print { + display: block; + break-inside: avoid; + page-break-inside: avoid; + overflow: visible !important; + } + .path-projets-complets .projet-body-print { + display: block; + break-before: page; + page-break-before: always; + overflow: visible !important; + } + .path-projets-complets .projet-header-print .field, + .path-projets-complets .projet-header-print .field__items, + .path-projets-complets .projet-header-print .field__item, + .path-projets-complets .projet-header-print h2, + .path-projets-complets .projet-header-print p, + .path-projets-complets .projet-header-print blockquote { + break-inside: avoid; + page-break-inside: avoid; + } + .path-projets-complets .projet-body-print .field, + .path-projets-complets .projet-body-print .field__items, + .path-projets-complets .projet-body-print .field__item, + .path-projets-complets .projet-body-print .paragraph, + .path-projets-complets .projet-body-print p, + .path-projets-complets .projet-body-print ul, + .path-projets-complets .projet-body-print li { + break-inside: auto; + page-break-inside: auto; + overflow: visible !important; + } + .path-projets-complets .projet-header-print .field--name-field-photo { + margin-bottom: 1.5rem; + } + .path-projets-complets .projet-header-print .field--name-field-photo .field__label { + display: none; + } + .path-projets-complets .projet-header-print .field--name-field-photo .field__items { + display: grid !important; + grid-template-columns: repeat(3, 1fr); + gap: 3px; + } + .path-projets-complets .projet-header-print .field--name-field-photo .field__item:first-child { + grid-column: 1/4; + grid-row: 1; + } + .path-projets-complets .projet-header-print .field--name-field-photo .field__item { + overflow: hidden; + } + .path-projets-complets .projet-header-print .field--name-field-photo .field__item img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + } + .path-projets-complets .projet-header-print .field--name-title { + font-family: "Marianne"; + font-size: 1.5rem; + font-weight: 800; + color: rgb(0, 158, 227); + margin-bottom: 1rem; + } + .path-projets-complets .projet-header-print .field--name-title a { + color: rgb(0, 158, 227); + text-decoration: none; + } + .path-projets-complets .projet-header-print .field--name-field-equipe { + color: rgb(9, 57, 139); + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0.5rem; + } + .path-projets-complets .projet-header-print .field--name-field-equipe .field__label { + display: none; + } + .path-projets-complets .projet-header-print .field--name-field-incube { + width: fit-content; + background-color: rgb(225, 0, 15); + color: white; + font-weight: 800; + padding-right: 0.3rem; + padding-left: 0.2rem; + display: flex; + flex-direction: row; + } + .path-projets-complets .projet-header-print .field--name-field-incube::before { + content: " Projet "; + padding-right: 0.5rem; + } + .path-projets-complets .projet-header-print .field--name-field-incube .field__item { + display: none; + } + .path-projets-complets .projet-body-print .field--name-field-region { + width: 30%; + position: relative; + height: 80px; + text-align: center; + padding-right: 1rem; + } + .path-projets-complets .projet-body-print .field--name-field-region .field__label { + display: none; + } + .path-projets-complets .projet-body-print .field--name-field-region::before { + content: url("../images/pictos/picto_lieu.svg"); + min-width: 30px; + height: auto; + padding-right: 1rem; + position: absolute; + left: 0; + margin-top: 0.83em; + margin-left: 1rem; + } + .path-projets-complets .projet-body-print .field--name-field-textes .field__label { + display: none; + } + .path-projets-complets .projet-body-print .field--name-field-textes .field--name-field-titre { + color: rgb(9, 57, 139); + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + } + .path-projets-complets .projet-body-print .field--name-field-textes .field--name-field-titre::after { + content: " :"; + padding-left: 0.5rem; + } + .path-projets-complets .projet-body-print .field--name-field-type-de-moa a, + .path-projets-complets .projet-body-print .field--name-field-type-de-projet a, + .path-projets-complets .projet-body-print .field--name-field-etape-du-projet a { + color: black; + text-decoration: none; + } + .path-projets-complets .projet-body-print .field--name-field-type-de-moa .field__label, + .path-projets-complets .projet-body-print .field--name-field-type-de-projet .field__label, + .path-projets-complets .projet-body-print .field--name-field-etape-du-projet .field__label { + color: rgb(9, 57, 139); + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + } + .path-projets-complets .projet-body-print .field--name-field-type-de-moa .field__label::after, + .path-projets-complets .projet-body-print .field--name-field-type-de-projet .field__label::after, + .path-projets-complets .projet-body-print .field--name-field-etape-du-projet .field__label::after { + content: ":"; + padding-left: 0.5rem; + } + .path-projets-complets .field--name-field-neuf-rehabilitation, + .path-projets-complets .field--name-field-encours-fini, + .path-projets-complets svg.ext { + display: none !important; + } +} + /*pages*/ /* @import "pages/partials/header_footer"; -@import "pages/home";*/ +@import "pages/home"; +*/ .path-node.page-node-type-static .layout-container { overflow: unset; } diff --git a/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss b/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss new file mode 100644 index 0000000..87a33d3 --- /dev/null +++ b/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss @@ -0,0 +1,281 @@ +.path-projets-complets { + .layout-container header{ + top: inherit !important; + left: inherit !important; + } + .layout-content{ + width: 60vw; + margin: auto; + } + + // ========================= + // ÉCRAN + // ========================= + + span { + display: none; + } + + .node-type-projet { + border-bottom: 1px solid black; + padding-bottom: 5rem; + margin-bottom: 5rem; + } + + .projet-content { + display: flex; + flex-direction: column; + } + .field--name-field-photo { + // height: 66vh; + + .field__label { + display: none; + } + + .field__items { + height: 100%; + display: grid; + gap: 3px; + } + + .field__item { + overflow: hidden; + aspect-ratio: 3 / 2; + } + + .field__item img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + } + + .image-field-caption { + display: none; + } + + // 1 seule image + .field__items:has(.field__item:only-child) { + grid-template-columns: 1fr; + // grid-template-rows: 1fr; + } + + .field__items:has(.field__item:only-child) .field__item { + grid-column: 1; + // grid-row: 1; + } + + // Plusieurs images + .field__items:has(.field__item:nth-child(2)) { + grid-template-columns: repeat(3, 1fr); + // grid-template-rows: 4fr 2fr 2fr; + } + + .field__items:has(.field__item:nth-child(2)) .field__item:first-child { + grid-column: 1 / 4; + // grid-row: 1; + } + + // facultatif : max 7 images affichées + .field__items .field__item:nth-child(n + 8) { + display: none; + } + } + // .field--name-field-photo { + // order: 1; + + // .field__label { + // display: none; + // } + + // .field__items { + // display: grid; + // grid-template-columns: repeat(3, 1fr); + // grid-template-rows: 500px 150px 150px; + // gap: 3px; + // } + + // .field__item:first-child { + // grid-column: 1 / 4; + // grid-row: 1; + + // img { + // max-height: 500px; + // } + // } + + // .field__item { + // overflow: hidden; + // } + + // .field__item img { + // width: 100%; + // height: 100%; + // object-fit: cover; + // display: block; + // } + // } + + .field--name-title { + order: 2; + font-family: "Marianne"; + font-size: 2rem; + font-weight: 800; + color: $blue-light; + + @media (max-width: 1624px) { + font-size: 2.3rem; + } + + @media (max-width: 1384px) { + font-size: 2rem; + } + + @media (max-width: 1216px) { + font-size: 2rem; + } + + @media (max-width: 810px) { + font-size: 1.7rem; + } + + a { + color: $blue-light; + } + } + + .field--name-field-equipe { + order: 3; + color: $blue-dark; + font-size: 1.5rem; + font-weight: 900; + text-transform: uppercase; + + @media (max-width: 1624px) { + font-size: 1.3rem; + } + + @media (max-width: 1216px) { + font-size: 1.1rem; + } + + @media (max-width: 810px) { + font-size: 1rem; + } + + .field__label { + display: none; + } + } + + .field--name-field-incube { + order: 4; + width: fit-content; + background-color: $red; + color: white; + font-weight: 800; + padding-right: 0.3rem; + padding-left: 0.2rem; + flex-direction: row; + + &::before { + content: ' Projet '; + padding-right: 0.5rem; + } + + .field__item { + display: none; + } + } + + .field--name-field-neuf-rehabilitation, + .field--name-field-encours-fini { + display: none; + } + + .field--name-field-region { + order: 5; + width: 30%; + position: relative; + height: 80px; + text-align: center; + padding-right: 1rem; + + @media (max-width: 479px) { + width: 100%; + } + + .field__label { + display: none; + } + + &::before { + content: url("../images/pictos/picto_lieu.svg"); + min-width: 30px; + height: auto; + padding-right: 1rem; + position: absolute; + left: 0; + margin-top: .83em; + margin-left: 1rem; + } + } + + .field--name-field-type-de-moa { + order: 6; + } + + .field--name-field-type-de-projet { + order: 7; + } + + .field--name-field-etape-du-projet { + order: 8; + } + + .field--name-field-textes { + order: 9; + + .field__label { + display: none; + } + + .field--name-field-titre { + color: $blue-dark; + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + flex-direction: row; + + &::after { + content: ' :'; + padding-left: 0.5rem; + } + } + } + + .field--name-field-etape-du-projet, + .field--name-field-type-de-projet, + .field--name-field-type-de-moa { + a { + color: black; + } + + .field__label { + color: $blue-dark; + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + flex-direction: row; + + &::after { + content: ':'; + padding-left: 0.5rem; + } + } + } + + } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss b/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss new file mode 100644 index 0000000..91d6222 --- /dev/null +++ b/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss @@ -0,0 +1,216 @@ + // ========================= + // PRINT + // ========================= +.path-projets-complets { + + @media print { + + .views-row { + display: block !important; + margin: 0 !important; + overflow: visible !important; + float: none !important; + position: static !important; + } + + .node-type-projet { + break-before: page; + page-break-before: always; + border: 1px solid black; + margin: 0 !important; + overflow: visible !important; + } + + .views-row:first-child .node-type-projet { + break-before: auto; + page-break-before: auto; + } + + .projet-content { + display: block !important; + } + + .projet-header-print { + display: block; + break-inside: avoid; + page-break-inside: avoid; + overflow: visible !important; + } + + .projet-body-print { + display: block; + break-before: page; + page-break-before: always; + overflow: visible !important; + } + + .projet-header-print .field, + .projet-header-print .field__items, + .projet-header-print .field__item, + .projet-header-print h2, + .projet-header-print p, + .projet-header-print blockquote { + break-inside: avoid; + page-break-inside: avoid; + } + + .projet-body-print .field, + .projet-body-print .field__items, + .projet-body-print .field__item, + .projet-body-print .paragraph, + .projet-body-print p, + .projet-body-print ul, + .projet-body-print li { + break-inside: auto; + page-break-inside: auto; + overflow: visible !important; + } + + .projet-header-print .field--name-field-photo { + margin-bottom: 1.5rem; + + .field__label { + display: none; + } + + .field__items { + display: grid !important; + grid-template-columns: repeat(3, 1fr); + // grid-template-rows: 500px 150px 150px; + gap: 3px; + } + + .field__item:first-child { + grid-column: 1 / 4; + grid-row: 1; + } + + .field__item { + overflow: hidden; + } + + .field__item img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + } + } + + .projet-header-print .field--name-title { + font-family: "Marianne"; + font-size: 1.5rem; + font-weight: 800; + color: $blue-light; + margin-bottom: 1rem; + + a { + color: $blue-light; + text-decoration: none; + } + } + + .projet-header-print .field--name-field-equipe { + color: $blue-dark; + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: .5rem; + + .field__label { + display: none; + } + } + + .projet-header-print .field--name-field-incube { + width: fit-content; + background-color: $red; + color: white; + font-weight: 800; + padding-right: 0.3rem; + padding-left: 0.2rem; + display: flex; + flex-direction: row; + + &::before { + content: ' Projet '; + padding-right: 0.5rem; + } + + .field__item { + display: none; + } + } + + .projet-body-print .field--name-field-region { + width: 30%; + position: relative; + height: 80px; + text-align: center; + padding-right: 1rem; + + .field__label { + display: none; + } + + &::before { + content: url("../images/pictos/picto_lieu.svg"); + min-width: 30px; + height: auto; + padding-right: 1rem; + position: absolute; + left: 0; + margin-top: .83em; + margin-left: 1rem; + } + } + + .projet-body-print .field--name-field-textes { + .field__label { + display: none; + } + + .field--name-field-titre { + color: $blue-dark; + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + + &::after { + content: ' :'; + padding-left: 0.5rem; + } + } + } + + .projet-body-print .field--name-field-type-de-moa, + .projet-body-print .field--name-field-type-de-projet, + .projet-body-print .field--name-field-etape-du-projet { + a { + color: black; + text-decoration: none; + } + + .field__label { + color: $blue-dark; + font-size: 1.2rem; + font-weight: 900; + text-transform: uppercase; + margin-bottom: 0 !important; + + &::after { + content: ':'; + padding-left: 0.5rem; + } + } + } + + .field--name-field-neuf-rehabilitation, + .field--name-field-encours-fini, + svg.ext { + display: none !important; + } + } + } + \ No newline at end of file diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index fbd7922..5b93ca7 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -17,14 +17,19 @@ // @import "global/_nodetyperessource.scss"; - +/*global*/ @import "global/_print"; +@import "global/print/projets-complets-ecran"; +@import "global/print/projets-complets-print"; + /*pages*/ + /* @import "pages/partials/header_footer"; -@import "pages/home";*/ +@import "pages/home"; +*/ // @import "pages/off_canvas_page_wrapper"; diff --git a/web/themes/custom/eql/templates/node--view--projets.html.twig b/web/themes/custom/eql/templates/node--view--projets.html.twig new file mode 100644 index 0000000..8ab7e15 --- /dev/null +++ b/web/themes/custom/eql/templates/node--view--projets.html.twig @@ -0,0 +1,121 @@ +{# +/** + * @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() + * + * @todo Remove the id attribute (or make it a class), because if that gets + * rendered twice on a page this is invalid CSS for example: two lists + * in different view modes. + * + * @ingroup themeable + */ +#} + + + {{ title_prefix }} + {% if label and not page %} + + {{ label }} + + {% endif %} + {{ title_suffix }} + + {% if display_submitted %} +
+ {{ author_picture }} + + {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %} + {{ metadata }} + +
+ {% endif %} + +
+ {# {{ content }} #} + +{#
#} + +
+ {{ content.field_photo }} + {{ content.title }} + {{ content.field_equipe }} + {{ content.field_incube }} +
+ +
+ {{ content.field_region }} + {{ content.field_type_de_moa }} + {{ content.field_type_de_projet }} + {{ content.field_etape_du_projet }} + {{ content.field_textes }} +
+ +{#
#} +
+ {{content.bottom}} +
+
+ +