bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

background

Browse Source
This commit is contained in:
ouidade
2021-11-26 22:54:38 +01:00
parent 8c7037b66d
commit bcc6ae5138
11 changed files with 405 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+61 -22
View File
@@ -120,8 +120,7 @@
visibility: hidden; }
.inter-titre {
color: #009ee3;
text-transform: uppercase; }
color: #009ee3; }
a {
text-decoration: none; }
@@ -130,11 +129,6 @@ a {
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.layout--threecol-25-50-25 {
padding-top: 2rem;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
background-repeat: no-repeat; }
.layout__region--top {
padding-bottom: 3rem; }
.layout__region--top .block-region-top {
@@ -142,24 +136,13 @@ a {
.layout__region--top .block-entity-fieldnodefield-images {
display: none;
height: inherit; }
.layout__region--top .block-entity-fieldnodetitle {
width: 80%;
margin: auto; }
.layout__region--top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: #009ee3;
background-color: white;
text-transform: uppercase;
padding: 2rem 1rem 2rem 1rem; }
.layout__region--first .block-region-first {
width: 50%;
float: right; }
display: flex;
justify-content: end; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
display: flex;
justify-content: left;
width: 50%;
padding-right: 2rem; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
display: flex;
@@ -168,7 +151,7 @@ a {
color: #09398b;
border-bottom: 1px solid #009ee3;
padding-bottom: 0.5rem;
padding-top: 0.5rem; }
padding-right: 1rem; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
text-decoration: underline; }
@@ -389,6 +372,24 @@ a {
padding-bottom: 2rem;
margin-block-start: 0; }
.node-id-20 {
background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
background-repeat: no-repeat; }
.node-id-20 .layout__region--top {
padding-bottom: 3rem; }
.node-id-20 .layout__region--top .block-region-top {
height: 200px; }
.node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
width: 80%;
margin: auto; }
.node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: #009ee3;
background-color: white;
text-transform: uppercase; }
.field--name-field-partenaires {
padding-top: 3rem; }
.field--name-field-partenaires .paragraph--type--partenaire {
@@ -451,6 +452,44 @@ a {
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
margin: 0; }
.node-id-4 {
background: url("../images/pictos/carre-contour-bleu_programme.svg");
background-repeat: no-repeat; }
.node-id-4 .layout__region--top {
padding-bottom: 3rem; }
.node-id-4 .layout__region--top .block-region-top {
height: 200px; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
width: 80%;
margin-left: 13%; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
padding: 2rem 1rem 2rem 1rem; }
.node-id-4 {
background: url("../images/pictos/carre-contour-bleu_contact.svg");
background-repeat: no-repeat; }
.node-id-4 .layout__region--top {
padding-bottom: 3rem; }
.node-id-4 .layout__region--top .block-region-top {
height: 200px; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
width: 80%;
margin-left: 13%; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
padding: 2rem 1rem 2rem 1rem; }
/*partials*/
.layout-container {
position: relative; }
web/themes/custom/eql/images/pictos/carre-contour-bleu_contact.svg
+56
View File
@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1729.9076"
height="1542.5575"
viewBox="0 0 457.70473 408.13501"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="carre-contour-bleu_contact.svg"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.22583307"
inkscape:cx="1224.3557"
inkscape:cy="1025.0934"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px" />
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(321.89541,336.88183)">
<rect
style="fill:#ffffff;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
id="rect1867"
width="395"
height="330"
x="-396.64142"
y="-622.02563"
transform="rotate(-12.367575)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

web/themes/custom/eql/images/pictos/carre-contour-bleu_gouvernance.svg
+64
View File
@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="2254.1101"
height="2122.175"
viewBox="0 0 596.39998 561.49216"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="carre-contour-bleu_gouvernance.svg"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.22583307"
inkscape:cx="527.07357"
inkscape:cy="375.32012"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px" />
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(137.59224,164.72754)">
<rect
style="fill:none;stroke:#009ee3;stroke-width:1.45026;stroke-miterlimit:10"
id="rect846"
width="590"
height="530.63019"
x="-216.81145"
y="-484.47232"
transform="matrix(0.86566806,0.50061843,-0.50152651,0.86514228,0,0)" />
<rect
style="fill:#ffffff;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
id="rect1867"
width="395"
height="330"
x="-59.947247"
y="-158.27324"
transform="rotate(-12.367575)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

web/themes/custom/eql/images/pictos/carre-contour-bleu_partenaire.svg
+64
View File
@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1859.6678"
height="1859.6678"
viewBox="0 0 492.03713 492.03713"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="carre-contour-bleu_partenaire.svg"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.23221476"
inkscape:cx="850.50579"
inkscape:cy="1173.4827"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px" />
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(137.2971,127.25679)">
<rect
style="fill:none;stroke:#009ee3;stroke-width:1.;stroke-miterlimit:10"
id="rect846"
width="350"
height="320"
x="-18.882277"
y="-141.13676"
transform="rotate(35)" />
<rect
style="fill:#ffffff;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
id="rect846-3"
width="264.6261"
height="264.62564"
x="-66.884071"
y="-216.47726"
transform="rotate(75)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

web/themes/custom/eql/images/pictos/carre-contour-bleu_programme.svg
+64
View File
@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1859.6678"
height="1859.6678"
viewBox="0 0 492.03713 492.03713"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="carre-contour-bleu_programme.svg"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.23221476"
inkscape:cx="850.50579"
inkscape:cy="1173.4827"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px" />
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(137.2971,127.25679)">
<rect
style="fill:none;stroke:#009ee3;stroke-width:1.;stroke-miterlimit:10"
id="rect846"
width="352.12128"
height="352.12128"
x="-18.882277"
y="-141.13676"
transform="rotate(35)" />
<rect
style="fill:white;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
id="rect846-3"
width="264.6261"
height="264.62564"
x="-39.998676"
y="-250.01031"
transform="rotate(75)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

web/themes/custom/eql/scss/global/_layout.scss
+1 -1
View File
@@ -35,5 +35,5 @@
}
.inter-titre {
color: $blue-light;
text-transform: uppercase;
// text-transform: uppercase;
}
web/themes/custom/eql/scss/pages/_contact.scss
+29
View File
@@ -0,0 +1,29 @@
.node-id-5{
.region-content{
background: url('../images/pictos/carre-contour-bleu_contact.svg');
background-repeat: no-repeat;
}
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
height: 200px;
.block-entity-fieldnodetitle{
width: 80%;
margin-left: 13%;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
// padding: 2rem 1rem 2rem 1rem;
}
}
}
}
}
web/themes/custom/eql/scss/pages/_partenaires.scss
+26
View File
@@ -1,4 +1,30 @@
.node-id-20{
background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
background-repeat: no-repeat;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
height: 200px;
.block-entity-fieldnodetitle{
width: 80%;
margin: auto;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $blue-light;
background-color: $white;
text-transform: uppercase;
// padding: 2rem 1rem 2rem 1rem;
}
}
}
}
}
.field--name-field-partenaires{
padding-top: 3rem;
web/themes/custom/eql/scss/pages/_programme.scss
+27
View File
@@ -0,0 +1,27 @@
.node-id-4{
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
height: 200px;
.block-entity-fieldnodetitle{
width: 80%;
margin-left: 13%;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
// padding: 2rem 1rem 2rem 1rem;
}
}
}
}
}
web/themes/custom/eql/scss/pages/_static.scss
+11 -24
View File
@@ -1,9 +1,9 @@
.layout--threecol-25-50-25{
padding-top: 2rem;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
background-repeat: no-repeat;
}
// .layout--threecol-25-50-25{
// padding-top: 2rem;
// background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
// background-repeat: no-repeat;
// }
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
@@ -14,30 +14,17 @@
height: inherit;
}
.block-entity-fieldnodetitle{
width: 80%;
margin: auto;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $blue-light;
background-color: $white;
text-transform: uppercase;
padding: 2rem 1rem 2rem 1rem;
}
}
}
.layout__region--first{ // menu ancres a gauche
.block-region-first{
width: 50%;
float: right;
display: flex;
justify-content: end;
.block-entity-fieldnodefield-textes{
display: flex;
justify-content: left;
width: 50%;
// justify-content: flex-end;
padding-right: 2rem;
.field--name-field-titre{
@@ -47,8 +34,8 @@
color: $blue-dark;
border-bottom: 1px solid $blue-light;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
padding-right: 1rem;
&:hover{
text-decoration: underline;
}
web/themes/custom/eql/scss/styles.scss
+2
View File
@@ -24,6 +24,8 @@
@import "pages/_gouvernance";
@import "pages/_ami";
@import "pages/_toutesactualites";
@import "pages/_programme";
@import "pages/_contact";
/*partials*/