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

svg

This commit is contained in:
ouidade 2024-07-04 11:01:45 +02:00
parent f717054454
commit 8d43073a18
8 changed files with 278 additions and 164 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -670,8 +670,12 @@ footer span.totop #toTop .arrow-up::before {
#home .content_container #block-quartiers-de-demain-titredepage { #home .content_container #block-quartiers-de-demain-titredepage {
display: none; display: none;
} }
#home .paragraph--type--static-parts {
padding-top: 2rem;
padding-bottom: 2rem;
}
#home article.node-type-static .field_body { #home article.node-type-static .field_body {
width: 90vw; width: 80%;
margin: auto; margin: auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -695,12 +699,10 @@ footer span.totop #toTop .arrow-up::before {
margin: auto; margin: auto;
font-size: 2rem; font-size: 2rem;
font-weight: 800; font-weight: 800;
padding-bottom: 3rem; padding-bottom: 1rem;
} }
#home article.node-type-static #paragraph-id--1 { #home article.node-type-static #paragraph-id--1 {
background-color: #edefe8; background-color: #edefe8;
padding-top: 2rem;
padding-bottom: 2rem;
} }
#home article.node-type-static #paragraph-id--1 .field_field_picto { #home article.node-type-static #paragraph-id--1 .field_field_picto {
display: none; display: none;
@ -772,82 +774,6 @@ footer span.totop #toTop .arrow-up::before {
content: url("../img/crayons.svg"); content: url("../img/crayons.svg");
padding-bottom: 1rem; padding-bottom: 1rem;
} }
#home article.node-type-static #paragraph-id--2,
#home article.node-type-static #paragraph-id--3,
#home article.node-type-static #paragraph-id--8 {
background-color: white;
padding-top: 2rem;
padding-bottom: 3rem;
}
#home article.node-type-static #paragraph-id--2 .field_field_picto,
#home article.node-type-static #paragraph-id--3 .field_field_picto,
#home article.node-type-static #paragraph-id--8 .field_field_picto {
width: fit-content;
margin: auto;
}
#home article.node-type-static #paragraph-id--2 .field_field_texte,
#home article.node-type-static #paragraph-id--3 .field_field_texte,
#home article.node-type-static #paragraph-id--8 .field_field_texte {
width: 65%;
margin: auto;
}
#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto h3,
#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto h3,
#home article.node-type-static #paragraph-id--8 .field_field_texte .colone-picto h3 {
flex: 1 90%;
color: #0833c2;
font-size: 1.5rem;
padding-right: 3rem;
display: flex;
flex-direction: column;
}
#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto h3:nth-of-type(2),
#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto h3:nth-of-type(2),
#home article.node-type-static #paragraph-id--8 .field_field_texte .colone-picto h3:nth-of-type(2) {
padding-top: 3rem;
border-top: solid 1px #0833c2;
}
#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto p,
#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto p,
#home article.node-type-static #paragraph-id--8 .field_field_texte .colone-picto p {
padding-right: 2rem;
padding-bottom: 1rem;
}
#home article.node-type-static #paragraph-id--3 {
background-color: #edefe8;
}
#home article.node-type-static #paragraph-id--4 {
background-color: white;
padding-top: 2rem;
padding-bottom: 3rem;
}
#home article.node-type-static #paragraph-id--4 .field_field_picto {
width: fit-content;
margin: auto;
}
#home article.node-type-static #paragraph-id--4 .field_field_texte {
width: 65%;
margin: auto;
}
#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto {
display: flex;
flex-direction: row;
}
#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto h3 {
color: #0833c2;
font-size: 1.5rem;
padding-right: 3rem;
display: flex;
flex-direction: column;
}
#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto h3:nth-of-type(2) {
padding-top: 3rem;
border-top: solid 1px #0833c2;
}
#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto p {
padding-right: 2rem;
padding-bottom: 1rem;
}
#home article.node-type-static #paragraph-id--6 { #home article.node-type-static #paragraph-id--6 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -918,15 +844,15 @@ footer span.totop #toTop .arrow-up::before {
padding-right: 2rem; padding-right: 2rem;
} }
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(1)::before { #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(1)::before {
content: url("../img/pillier-1.svg"); content: url("../img/pillier-1-full.svg");
padding-bottom: 1rem; padding-bottom: 1rem;
} }
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(2)::after { #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(2)::after {
content: url("../img/pillier-2.svg"); content: url("../img/pillier-2-full.svg");
padding-bottom: 1rem; padding-top: 1rem;
} }
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(3)::before { #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(3)::before {
content: url("../img/pillier-3.svg"); content: url("../img/pillier-3-full.svg");
padding-bottom: 1rem; padding-bottom: 1rem;
} }
#home article.node-type-static #paragraph-id--9 { #home article.node-type-static #paragraph-id--9 {

43
web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg vendored Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="362.79999"
height="389.73068"
viewBox="0 0 362.79999 389.73068"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath366">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-579.53411,-2913.3184)"
id="path366" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-466.5788,-7752.7755)">
<path
id="path365"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,772.71213,8115.5755)"
clip-path="url(#clipPath366)" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
x="-1.4831511"
y="387.52762"
id="text1"><tspan
id="tspan1"
x="-1.4831511"
y="387.52762"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">1.</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

43
web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg vendored Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="362.79999"
height="562.18646"
viewBox="0 0 362.79999 562.18646"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath368">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-845.29322,-2892.7677)"
id="path368" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-1070.3909,-7943.59)">
<path
id="path367"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1127.0576,8142.9765)"
clip-path="url(#clipPath368)" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
x="-0.4619709"
y="130.89897"
id="text1"><tspan
id="tspan1"
x="-0.4619709"
y="130.89897"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">2.</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

43
web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg vendored Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="362.79999"
height="362.79999"
viewBox="0 0 362.79999 362.79998"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath370">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1213.1563,-2955.8185)"
id="path370" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-1617.5417,-7752.7755)">
<path
id="path369"
d="M 0,0 C 126.805,0 229.6,102.795 229.6,229.6"
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1617.5417,8058.9088)"
clip-path="url(#clipPath370)" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
x="9.2053118"
y="141.854"
id="text1"><tspan
id="tspan1"
x="9.2053118"
y="141.854"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">3.</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

43
web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="362.79999"
height="389.73068"
viewBox="0 0 362.79999 389.73068"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath366">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-579.53411,-2913.3184)"
id="path366" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-466.5788,-7752.7755)">
<path
id="path365"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,772.71213,8115.5755)"
clip-path="url(#clipPath366)" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
x="-1.4831511"
y="387.52762"
id="text1"><tspan
id="tspan1"
x="-1.4831511"
y="387.52762"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">1.</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

43
web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="362.79999"
height="562.18646"
viewBox="0 0 362.79999 562.18646"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath368">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-845.29322,-2892.7677)"
id="path368" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-1070.3909,-7943.59)">
<path
id="path367"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1127.0576,8142.9765)"
clip-path="url(#clipPath368)" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
x="-0.4619709"
y="130.89897"
id="text1"><tspan
id="tspan1"
x="-0.4619709"
y="130.89897"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">2.</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

43
web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="362.79999"
height="362.79999"
viewBox="0 0 362.79999 362.79998"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath370">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1213.1563,-2955.8185)"
id="path370" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-1617.5417,-7752.7755)">
<path
id="path369"
d="M 0,0 C 126.805,0 229.6,102.795 229.6,229.6"
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1617.5417,8058.9088)"
clip-path="url(#clipPath370)" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
x="9.2053118"
y="141.854"
id="text1"><tspan
id="tspan1"
x="9.2053118"
y="141.854"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">3.</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

90
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@ -4,9 +4,13 @@
display: none; display: none;
} }
} }
.paragraph--type--static-parts{
padding-top: 2rem;
padding-bottom: 2rem;
}
article.node-type-static{ article.node-type-static{
.field_body{ ///// texte de présentation .field_body{ ///// texte de présentation
width: 90vw; width: 80%;
margin: auto; margin: auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -30,12 +34,10 @@
margin: auto; margin: auto;
font-size: 2rem; font-size: 2rem;
font-weight: 800; font-weight: 800;
padding-bottom: 3rem; padding-bottom: 1rem;
} }
#paragraph-id--1{ ///// Les enjeux #paragraph-id--1{ ///// Les enjeux
background-color: #edefe8; background-color: #edefe8;
padding-top: 2rem;
padding-bottom: 2rem;
.field_field_picto{ .field_field_picto{
display: none; display: none;
} }
@ -111,79 +113,7 @@
} }
} }
#paragraph-id--2,
#paragraph-id--3,
#paragraph-id--8{ ///// Les sites
background-color: white;
padding-top: 2rem;
padding-bottom: 3rem;
.field_field_picto{
width: fit-content;
margin: auto;
}
.field_field_texte{
width: 65%;
margin: auto;
.colone-picto{
h3{
flex: 1 90%;
color: #0833c2ff;
font-size: 1.5rem;
padding-right: 3rem;
display: flex;
flex-direction: column;
&:nth-of-type(2){
padding-top: 3rem;
border-top: solid 1px #0833c2ff;
}
}
p{
padding-right: 2rem;
padding-bottom: 1rem;
}
}
}
}
#paragraph-id--3{ ///// La procédure
background-color: #edefe8;
}
#paragraph-id--4{ ///// composition des équipes
background-color: white;
padding-top: 2rem;
padding-bottom: 3rem;
.field_field_picto{
width: fit-content;
margin: auto;
}
.field_field_texte{
width: 65%;
margin: auto;
.colone-picto{
display: flex;
flex-direction: row;
h3{
// flex: 1 90%;
color: #0833c2ff;
font-size: 1.5rem;
// width: 80%;
padding-right: 3rem;
display: flex;
flex-direction: column;
&:nth-of-type(2){
padding-top: 3rem;
border-top: solid 1px #0833c2ff;
}
}
p{
padding-right: 2rem;
padding-bottom: 1rem;
}
}
}
}
#paragraph-id--6{ #paragraph-id--6{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -251,17 +181,17 @@
} }
&:nth-of-type(1)::before{ &:nth-of-type(1)::before{
content: url("../img/pillier-1.svg"); content: url("../img/pillier-1-full.svg");
padding-bottom: 1rem; padding-bottom: 1rem;
} }
&:nth-of-type(2)::after{ &:nth-of-type(2)::after{
content: url("../img/pillier-2.svg"); content: url("../img/pillier-2-full.svg");
padding-bottom: 1rem; padding-top: 1rem;
} }
&:nth-of-type(3)::before{ &:nth-of-type(3)::before{
content: url("../img/pillier-3.svg"); content: url("../img/pillier-3-full.svg");
padding-bottom: 1rem; padding-bottom: 1rem;
} }