favicon, script nbsp, pages login..., fix header logged in, équipes portrait, clean blob mask index projets

This commit is contained in:
Valentin 2024-11-07 20:34:00 +01:00
parent 9cd6627bfa
commit 6db99742c4
15 changed files with 362 additions and 75 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -2,17 +2,39 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="4.7620153mm"
height="4.9964266mm"
viewBox="0 0 4.7620153 4.9964266"
width="4.7680597mm"
height="4.7788248mm"
viewBox="0 0 4.7680597 4.7788248"
version="1.1"
id="svg1"
xml:space="preserve"
sodipodi:docname="shape_1.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="43.772614"
inkscape:cx="8.3842376"
inkscape:cy="10.828688"
inkscape:window-width="2160"
inkscape:window-height="1440"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" /><defs
id="defs1" /><g
id="layer1"
transform="translate(-177.20162,-22.803584)"><path
transform="matrix(1,0,0,0.95281922,-177.20162,-21.727693)"><path
d="m 181.9626,26.11193 q 0.0397,1.34791 -1.38756,1.62542 -1.4272,0.27752 -2.4976,-0.67395 -1.0704,-0.95147 -0.83254,-2.18045 0.23787,-1.22899 1.18934,-1.74437 0.95147,-0.51537 1.82365,-0.23786 0.87218,0.27751 1.26863,1.0704 0.39644,0.79289 0.43608,2.14081 z"
stroke="none"
stroke-width="0"

Before

Width:  |  Height:  |  Size: 804 B

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -2,17 +2,39 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="5.1043558mm"
height="5.6061544mm"
viewBox="0 0 5.1043558 5.6061544"
width="5.124702mm"
height="5.1042776mm"
viewBox="0 0 5.124702 5.1042776"
version="1.1"
id="svg1"
xml:space="preserve"
sodipodi:docname="shape_2.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="39.011885"
inkscape:cx="10.022587"
inkscape:cy="12.098877"
inkscape:window-width="2160"
inkscape:window-height="1440"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" /><defs
id="defs1" /><g
id="layer1"
transform="translate(-136.40182,-51.57774)"><path
transform="matrix(1,0,0,0.90926774,-136.40182,-46.897973)"><path
d="m 141.39826,55.206408 q -0.27751,1.03076 -1.50649,1.70472 -1.22898,0.67395 -2.33903,-0.31716 -1.11005,-0.99112 -1.14969,-2.45797 -0.0396,-1.46684 1.18933,-2.18044 1.22898,-0.71361 2.2201,-0.0793 0.99111,0.63431 1.4272,1.46685 0.43609,0.83253 0.15858,1.86329 z"
stroke="none"
stroke-width="0"

Before

Width:  |  Height:  |  Size: 805 B

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -61,7 +61,7 @@ a {
body {
overflow-x: hidden;
}
body > div:first-of-type {
body > .dialog-off-canvas-main-canvas {
position: relative;
z-index: 1;
}
@ -98,11 +98,11 @@ em {
border: solid 1px red !important;
} */
/* PARTIALS */
body.toolbar-tray-open header[role=banner] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
/*
body.toolbar-tray-open header[role="banner"] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
} */
body.toolbar-fixed header[role=banner] {
top: 2.4em !important;
}
@ -894,9 +894,10 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
min-height: 50vh;
}
main.main-login .login, main.main-login .user, main.main-login .register, main.main-login .contact, main.main-login .ask, main.main-login .add-offre, main.main-user .login, main.main-user .user, main.main-user .register, main.main-user .contact, main.main-user .ask, main.main-user .add-offre, main.main-register .login, main.main-register .user, main.main-register .register, main.main-register .contact, main.main-register .ask, main.main-register .add-offre, main.main-contact .login, main.main-contact .user, main.main-contact .register, main.main-contact .contact, main.main-contact .ask, main.main-contact .add-offre, main.main-ask .login, main.main-ask .user, main.main-ask .register, main.main-ask .contact, main.main-ask .ask, main.main-ask .add-offre, main.main-add-offre .login, main.main-add-offre .user, main.main-add-offre .register, main.main-add-offre .contact, main.main-add-offre .ask, main.main-add-offre .add-offre {
padding-top: 5vh;
margin-top: 12vh;
padding: 5vh 0;
width: 100vw;
background: linear-gradient(to bottom, white 0%, #fcf9ee 10%, #fcf9ee 80%, white 100%);
background-color: white;
}
main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 {
font-family: "Barlow", sans-serif;
@ -987,6 +988,13 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
display: none;
}
.form-item {
padding-left: 3rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
#background {
z-index: -1;
}
@ -1722,6 +1730,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
width: 100%;
height: 100%;
object-fit: cover;
padding: 1px;
filter: grayscale(100%);
}
.paragraph--type--membre-equipe > .portrait > div > div::after {
top: 0;
@ -1826,11 +1836,23 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
align-items: center;
padding: 0 3vw;
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type {
grid-column: 1/3;
display: flex;
justify-content: center;
}
@media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:first-of-type {
grid-column: 1/2;
}
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > .visually-hidden {
display: none;
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
width: 30vw;
height: auto;
overflow: hidden;
margin-bottom: 1rem;
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img {
width: 100%;
@ -1839,6 +1861,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
@media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
margin-bottom: 1rem;
width: 20vw;
}
}
@ -1848,11 +1871,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
}
.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
grid-column: 1/3;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
margin-bottom: 2rem;
padding-left: 3vw;
}
@media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
padding-left: 3vw;
grid-column: 2/3;
}
}
.content_partenaires .views-row article > div:first-of-type > div:last-of-type {
grid-column: 1/3;
@ -2103,14 +2132,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 1rem;
}
.fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after {
top: 1.2rem;
left: 1.2rem;
top: 0;
left: 0;
width: 8.1rem;
height: 8.1rem;
margin: 1rem;
margin-right: 2rem;
margin-top: 1.1rem;
position: absolute;
content: "";
width: 8rem;
height: 8rem;
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
background-size: cover;
background-size: contain;
display: block;
pointer-events: none;
}
@ -2145,6 +2177,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin: unset;
padding: unset;
font-weight: 800;
margin-top: 0 !important;
}
.fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address {
grid-column: 2;
@ -2249,14 +2282,15 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
.fullpage.meetup-offre > .offre-content > div > div > div > div .views-row {
margin-bottom: unset;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation {
padding: unset !important;
grid-column: 1/2;
grid-row: 1/6;
justify-self: center;
align-self: center;
position: relative;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img {
width: 8rem;
height: 8rem;
border-radius: 4rem;
@ -2264,7 +2298,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 0.4rem;
}
@media (min-width: 760px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img {
width: 15rem;
height: 15rem;
border-radius: 7.5rem;
@ -2272,6 +2306,25 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 2rem;
}
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after {
top: 2px;
left: 2px;
width: 7.8rem;
height: 7.8rem;
position: absolute;
content: "";
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
background-size: contain;
display: block;
pointer-events: none;
}
@media (min-width: 760px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after {
width: 13.2rem;
height: 13.2rem;
margin: 0.8rem;
}
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure {
grid-column: 2/4;
grid-row: 1/2;
@ -2340,15 +2393,30 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-bottom: 0.5rem;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > div {
display: inline-block;
display: inline-block !important;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2 {
text-transform: unset !important;
font-size: 0.8rem !important;
color: black !important;
margin: 0 !important;
padding: 0 !important;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
@media (min-width: 1080px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
margin-top: 0;
grid-column: 3/4;
grid-column: 2/4;
grid-row: 5/7;
}
}
@media (min-width: 1080px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div:has(.views-field-contact a) > .offre-time {
grid-column: 3/4;
}
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description {
grid-column: 1/4;
grid-row: 7/8;
@ -2357,6 +2425,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
padding-top: 6vh;
margin-bottom: 4vh;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description p {
margin: 1rem 0;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed {
grid-row: 8/9;
grid-column: 1/3;
@ -2581,7 +2652,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/4;
grid-row: 1/3;
align-self: start;
overflow: hidden;
height: 100%;
@ -2589,9 +2660,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
display: block;
width: 100%;
height: 100%;
height: auto;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a {
aspect-ratio: 1/1;
width: 100%;
height: auto;
display: flex;
@ -2603,14 +2675,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
mask-position: center;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
width: 170%;
height: auto;
width: auto;
height: 100%;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
grid-column: 2;
grid-row: 1;
margin-bottom: 1rem;
margin-left: -1rem;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
@ -2644,10 +2715,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel {
grid-column: 2;
grid-column: 1/3;
grid-row: 3;
margin-bottom: 1rem;
margin-left: -0.5rem;
padding-left: 1.2rem;
padding-top: 0.3rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -290,6 +290,21 @@
}
}
//
// set non breaking spaces
//
document.querySelectorAll('p, li, h1, h2, h3, h4, h5, h6').forEach((content) => {
content.innerHTML = content.innerHTML.replaceAll(' ;', '&nbsp;');
content.innerHTML = content.innerHTML.replaceAll(' :', '&nbsp;');
content.innerHTML = content.innerHTML.replaceAll(' ?', '&nbsp;');
content.innerHTML = content.innerHTML.replaceAll(' !', '&nbsp;');
content.innerHTML = content.innerHTML.replaceAll('« ', '«&nbsp;');
content.innerHTML = content.innerHTML.replaceAll(' »', '&nbsp;»');
content.innerHTML = content.innerHTML.replaceAll('(« ', '(«&nbsp;');
content.innerHTML = content.innerHTML.replaceAll(' »)', '&nbsp;»)');
});
//
// index projets random shape
//

View File

@ -22,6 +22,8 @@
width: 100%;
height: 100%;
object-fit: cover;
padding: 1px;
filter: grayscale(100%);
}
&::after {
top: 0;

View File

@ -123,19 +123,22 @@
border-radius: 5rem;
padding: 1rem;
margin-right: 1rem;
}
&::after {
top: 1.2rem;
left: 1.2rem;
position: absolute;
content: '';
width: 8rem;
height: 8rem;
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: cover;
display: block;
pointer-events: none;
}
}
&::after {
top: 0;
left: 0;
width: 8.1rem;
height: 8.1rem;
margin: 1rem;
margin-right: 2rem;
margin-top: 1.1rem;
position: absolute;
content: '';
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: contain;
display: block;
pointer-events: none;
}
}
> p.occupation {
grid-column: 2;
@ -169,6 +172,7 @@
margin: unset;
padding: unset;
font-weight: 800;
margin-top: 0 !important;
}
}
> p.address {
@ -257,12 +261,13 @@
.views-row {
margin-bottom: unset;
}
> div:first-of-type {
> .image_presentation {
padding: unset !important;
grid-column: 1/2;
grid-row: 1/6;
justify-self: center;
align-self: center;
position: relative;
> img {
width: 8rem;
height: 8rem;
@ -277,6 +282,23 @@
margin-right: 2rem;
}
}
&::after {
top: 2px;
left: 2px;
width: 7.8rem;
height: 7.8rem;
position: absolute;
content: '';
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: contain;
display: block;
pointer-events: none;
@media (min-width: $breakpoint_tablet) {
width: 13.2rem;
height: 13.2rem;
margin: 0.8rem;
}
}
}
> .offre-structure {
> h2 {
@ -337,7 +359,15 @@
}
> .offre-time {
> h2, > div {
display: inline-block;
display: inline-block !important;
}
> h2 {
text-transform: unset !important;
font-size: $sm_font_size !important;
color: black !important;
margin: 0 !important;
padding: 0 !important;
@include main_text_content();
}
align-self: center;
grid-column: 2/4;
@ -347,10 +377,17 @@
margin-bottom: 0.5rem;
@media (min-width: $breakpoint_desktop) {
margin-top: 0;
grid-column: 3/4;
grid-column: 2/4;
grid-row: 5/7;
}
}
&:has(.views-field-contact a) {
> .offre-time {
@media (min-width: $breakpoint_desktop) {
grid-column: 3/4;
}
}
}
> .offre-description {
grid-column: 1/4;
grid-row: 7/8;
@ -358,6 +395,9 @@
margin-top: 2vh;
padding-top: 6vh;
margin-bottom: 4vh;
p {
margin: 1rem 0;
}
}
> .liens_fixed {
grid-row: 8/9;

View File

@ -13,29 +13,42 @@
align-items: center;
padding: 0 3vw;
> div:first-of-type {
> div {
grid-column: 1/3;
display: flex;
justify-content: center;
@media (min-width: $breakpoint_tablet) {
grid-column: 1/2;
}
> .visually-hidden {
display: none;
}
> div {
width: 30vw;
height: auto;
overflow: hidden;
margin-bottom: 1rem;
img {
width: 100%;
height: auto;
mix-blend-mode: darken;
width: 100%;
height: auto;
mix-blend-mode: darken;
}
@media (min-width: $breakpoint_tablet) {
width: 20vw;
margin-bottom: 1rem;
width: 20vw;
}
@media (min-width: $breakpoint_desktop) {
width: 10vw;
width: 10vw;
}
}
}
> div:nth-of-type(2) {
grid-column: 1/3;
@include main_text_content();
margin-bottom: 2rem;
padding-left: $x_margin;
@media (min-width: $breakpoint_tablet) {
padding-left: $x_margin;
grid-column: 2/3;
}
}
> div:last-of-type {

View File

@ -81,15 +81,17 @@
grid-column-gap: 1rem;
> .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/4;
grid-row: 1/3;
align-self: start;
overflow: hidden;
height: 100%;
> .field-content {
display: block;
width: 100%;
height: 100%;
height: auto;
//height: 100%;
> a {
aspect-ratio: 1/1;
width: 100%;
height: auto;
display: flex;
@ -100,8 +102,8 @@
mask-size: 100% auto;
mask-position: center;
img {
width: 170%;
height: auto;
width: auto;
height: 100%;
//object-fit: cover;
}
}
@ -111,7 +113,7 @@
grid-column: 2;
grid-row: 1;
margin-bottom: 1rem;
margin-left: -1rem;
//margin-left: -1rem;
a {
color: $teal;
}
@ -130,10 +132,12 @@
@include sous_titre_alt();
}
> .views-field-field-localisation-textuel {
grid-column: 2;
grid-column: 1/3;
grid-row: 3;
margin-bottom: 1rem;
margin-left: -0.5rem;
padding-left: 1.2rem;
padding-top: 0.3rem;
//margin-left: -0.5rem;
@include main_text_content();
a {
color: black;

View File

@ -7,7 +7,7 @@
} */
body {
//background-color: lightgrey;
> div:first-of-type {
> .dialog-off-canvas-main-canvas {
position: relative;
z-index: 1;
}

View File

@ -1,9 +1,10 @@
main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask, main.main-add-offre {
min-height: 50vh;
.login, .user, .register, .contact, .ask, .add-offre {
padding-top: 5vh;
margin-top: 12vh;
padding: 5vh 0;
width: 100vw;
@include white_beige_gradient();
background-color: white;
> h2 {
@include sous_titre_alt();
text-align: center;
@ -76,3 +77,8 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
#edit-field-description-0-format {
display: none;
}
.form-item {
padding-left: 3rem;
@include main_text_content();
}

View File

@ -1,8 +1,8 @@
/*
body.toolbar-tray-open header[role="banner"] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
} */
body.toolbar-fixed header[role="banner"] {
top: 2.4em !important;

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* 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.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="image_presentation">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>