diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index bf57bb5..2115975 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -670,8 +670,12 @@ footer span.totop #toTop .arrow-up::before {
#home .content_container #block-quartiers-de-demain-titredepage {
display: none;
}
+#home .paragraph--type--static-parts {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
#home article.node-type-static .field_body {
- width: 90vw;
+ width: 80%;
margin: auto;
display: flex;
flex-direction: row;
@@ -695,12 +699,10 @@ footer span.totop #toTop .arrow-up::before {
margin: auto;
font-size: 2rem;
font-weight: 800;
- padding-bottom: 3rem;
+ padding-bottom: 1rem;
}
#home article.node-type-static #paragraph-id--1 {
background-color: #edefe8;
- padding-top: 2rem;
- padding-bottom: 2rem;
}
#home article.node-type-static #paragraph-id--1 .field_field_picto {
display: none;
@@ -772,82 +774,6 @@ footer span.totop #toTop .arrow-up::before {
content: url("../img/crayons.svg");
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 {
display: flex;
flex-direction: column;
@@ -918,15 +844,15 @@ footer span.totop #toTop .arrow-up::before {
padding-right: 2rem;
}
#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;
}
#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");
- padding-bottom: 1rem;
+ content: url("../img/pillier-2-full.svg");
+ padding-top: 1rem;
}
#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;
}
#home article.node-type-static #paragraph-id--9 {
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg
new file mode 100644
index 0000000..a76572d
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg
new file mode 100644
index 0000000..0501787
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg
new file mode 100644
index 0000000..33b0d63
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg
new file mode 100644
index 0000000..a76572d
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg
new file mode 100644
index 0000000..0501787
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg
new file mode 100644
index 0000000..33b0d63
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg
@@ -0,0 +1,43 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index b001a70..9e3c6e4 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -4,9 +4,13 @@
display: none;
}
}
+ .paragraph--type--static-parts{
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
article.node-type-static{
.field_body{ ///// texte de présentation
- width: 90vw;
+ width: 80%;
margin: auto;
display: flex;
flex-direction: row;
@@ -30,12 +34,10 @@
margin: auto;
font-size: 2rem;
font-weight: 800;
- padding-bottom: 3rem;
+ padding-bottom: 1rem;
}
#paragraph-id--1{ ///// Les enjeux
background-color: #edefe8;
- padding-top: 2rem;
- padding-bottom: 2rem;
.field_field_picto{
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{
display: flex;
flex-direction: column;
@@ -251,17 +181,17 @@
}
&:nth-of-type(1)::before{
- content: url("../img/pillier-1.svg");
+ content: url("../img/pillier-1-full.svg");
padding-bottom: 1rem;
}
&:nth-of-type(2)::after{
- content: url("../img/pillier-2.svg");
- padding-bottom: 1rem;
+ content: url("../img/pillier-2-full.svg");
+ padding-top: 1rem;
}
&:nth-of-type(3)::before{
- content: url("../img/pillier-3.svg");
+ content: url("../img/pillier-3-full.svg");
padding-bottom: 1rem;
}