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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
web/themes/erabletheme/assets/cercle_dessin.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 10 KiB

32
web/themes/erabletheme/assets/shapes/shape_1.svg
View File

@ -2,17 +2,39 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
width="4.7620153mm" width="4.7680597mm"
height="4.9964266mm" height="4.7788248mm"
viewBox="0 0 4.7620153 4.9964266" viewBox="0 0 4.7680597 4.7788248"
version="1.1" version="1.1"
id="svg1" id="svg1"
xml:space="preserve" 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="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="defs1" /><g
id="layer1" 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" 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="none"
stroke-width="0" stroke-width="0"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 B

After

Width:  |  Height:  |  Size: 1.6 KiB

32
web/themes/erabletheme/assets/shapes/shape_2.svg
View File

@ -2,17 +2,39 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
width="5.1043558mm" width="5.124702mm"
height="5.6061544mm" height="5.1042776mm"
viewBox="0 0 5.1043558 5.6061544" viewBox="0 0 5.124702 5.1042776"
version="1.1" version="1.1"
id="svg1" id="svg1"
xml:space="preserve" 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="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="defs1" /><g
id="layer1" 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" 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="none"
stroke-width="0" stroke-width="0"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 805 B

After

Width:  |  Height:  |  Size: 1.6 KiB

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

@ -61,7 +61,7 @@ a {
body { body {
overflow-x: hidden; overflow-x: hidden;
} }
body > div:first-of-type { body > .dialog-off-canvas-main-canvas {
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
@ -98,11 +98,11 @@ em {
border: solid 1px red !important; border: solid 1px red !important;
} */ } */
/* PARTIALS */ /* PARTIALS */
body.toolbar-tray-open header[role=banner] { /*
left: 15rem !important; body.toolbar-tray-open header[role="banner"] {
width: calc(100% - 15rem) !important; left: 15rem !important;
} width: calc(100% - 15rem) !important;
} */
body.toolbar-fixed header[role=banner] { body.toolbar-fixed header[role=banner] {
top: 2.4em !important; 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; 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 { 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; 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 { 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; 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; display: none;
} }
.form-item {
padding-left: 3rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
#background { #background {
z-index: -1; z-index: -1;
} }
@ -1722,6 +1730,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
padding: 1px;
filter: grayscale(100%);
} }
.paragraph--type--membre-equipe > .portrait > div > div::after { .paragraph--type--membre-equipe > .portrait > div > div::after {
top: 0; top: 0;
@ -1826,11 +1836,23 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
align-items: center; align-items: center;
padding: 0 3vw; 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 { .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
width: 30vw; width: 30vw;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
margin-bottom: 1rem;
} }
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img { .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img {
width: 100%; width: 100%;
@ -1839,6 +1861,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
} }
@media (min-width: 760px) { @media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div { .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
margin-bottom: 1rem;
width: 20vw; 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) { .content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
grid-column: 1/3;
font-family: "Marianne", sans-serif; font-family: "Marianne", sans-serif;
font-size: 1rem; font-size: 1rem;
line-height: 1.4; line-height: 1.4;
margin-bottom: 2rem; 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 { .content_partenaires .views-row article > div:first-of-type > div:last-of-type {
grid-column: 1/3; grid-column: 1/3;
@ -2103,14 +2132,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 1rem; 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 { .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; top: 0;
left: 1.2rem; left: 0;
width: 8.1rem;
height: 8.1rem;
margin: 1rem;
margin-right: 2rem;
margin-top: 1.1rem;
position: absolute; position: absolute;
content: ""; content: "";
width: 8rem;
height: 8rem;
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg"); background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
background-size: cover; background-size: contain;
display: block; display: block;
pointer-events: none; pointer-events: none;
} }
@ -2145,6 +2177,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin: unset; margin: unset;
padding: unset; padding: unset;
font-weight: 800; 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 { .fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address {
grid-column: 2; 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 { .fullpage.meetup-offre > .offre-content > div > div > div > div .views-row {
margin-bottom: unset; 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; padding: unset !important;
grid-column: 1/2; grid-column: 1/2;
grid-row: 1/6; grid-row: 1/6;
justify-self: center; justify-self: center;
align-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; width: 8rem;
height: 8rem; height: 8rem;
border-radius: 4rem; border-radius: 4rem;
@ -2264,7 +2298,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 0.4rem; margin-right: 0.4rem;
} }
@media (min-width: 760px) { @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; width: 15rem;
height: 15rem; height: 15rem;
border-radius: 7.5rem; border-radius: 7.5rem;
@ -2272,6 +2306,25 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 2rem; 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 { .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure {
grid-column: 2/4; grid-column: 2/4;
grid-row: 1/2; grid-row: 1/2;
@ -2340,15 +2393,30 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-bottom: 0.5rem; 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 { .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) { @media (min-width: 1080px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time { .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
margin-top: 0; margin-top: 0;
grid-column: 3/4; grid-column: 2/4;
grid-row: 5/7; 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 { .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description {
grid-column: 1/4; grid-column: 1/4;
grid-row: 7/8; grid-row: 7/8;
@ -2357,6 +2425,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
padding-top: 6vh; padding-top: 6vh;
margin-bottom: 4vh; 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 { .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed {
grid-row: 8/9; grid-row: 8/9;
grid-column: 1/3; 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 { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
grid-column: 1; grid-column: 1;
grid-row: 1/4; grid-row: 1/3;
align-self: start; align-self: start;
overflow: hidden; overflow: hidden;
height: 100%; 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 { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: auto;
} }
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a {
aspect-ratio: 1/1;
width: 100%; width: 100%;
height: auto; height: auto;
display: flex; display: flex;
@ -2603,14 +2675,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
mask-position: center; mask-position: center;
} }
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
width: 170%; width: auto;
height: auto; height: 100%;
} }
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
grid-column: 2; grid-column: 2;
grid-row: 1; grid-row: 1;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: -1rem;
font-family: "Marianne", sans-serif; font-family: "Marianne", sans-serif;
font-size: 0.9rem; font-size: 0.9rem;
color: #038788; 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 { .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel {
grid-column: 2; grid-column: 1/3;
grid-row: 3; grid-row: 3;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: -0.5rem; padding-left: 1.2rem;
padding-top: 0.3rem;
font-family: "Marianne", sans-serif; font-family: "Marianne", sans-serif;
font-size: 1rem; font-size: 1rem;
line-height: 1.4; line-height: 1.4;

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

File diff suppressed because one or more lines are too long

BIN
web/themes/erabletheme/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

15
web/themes/erabletheme/js/erabletheme.js
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 // index projets random shape
// //

2
web/themes/erabletheme/scss/_gouvernance.scss
View File

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

72
web/themes/erabletheme/scss/_meetup.scss
View File

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

29
web/themes/erabletheme/scss/_partenaires.scss
View File

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

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

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

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

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

10
web/themes/erabletheme/scss/partials/_forms.scss
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 { main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask, main.main-add-offre {
min-height: 50vh; min-height: 50vh;
.login, .user, .register, .contact, .ask, .add-offre { .login, .user, .register, .contact, .ask, .add-offre {
padding-top: 5vh; margin-top: 12vh;
padding: 5vh 0;
width: 100vw; width: 100vw;
@include white_beige_gradient(); background-color: white;
> h2 { > h2 {
@include sous_titre_alt(); @include sous_titre_alt();
text-align: center; 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 { #edit-field-description-0-format {
display: none; display: none;
} }
.form-item {
padding-left: 3rem;
@include main_text_content();
}

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

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

40
web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-image-de-presentation.html.twig Normal file
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>