diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile
index 6fb8027..6fe8986 160000
--- a/web/profiles/d8-starterkit-profile
+++ b/web/profiles/d8-starterkit-profile
@@ -1 +1 @@
-Subproject commit 6fb80278a224c3fe38d240c4237dc5f845bf0529
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0
diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index a887605..ae007cb 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -135,6 +135,9 @@
.path-incubateur {
margin: 0; }
+main {
+ width: 100%; }
+
.main-content {
margin-top: 7rem; }
@@ -379,259 +382,56 @@ a {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
min-height: 100vh; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
+ .path-frontpage .block-region-content .block-config-pages-block {
grid-area: presentation;
+ width: 100%;
background: url("../images/pictos/forme_home_2.svg");
- background-size: 75%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat; }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
- background: url("../images/pictos/forme_home_2_smartphone.svg");
- background-size: 100%;
- background-position-y: bottom;
- background-position-x: left;
- background-repeat: no-repeat; } }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
- display: grid;
- grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- grid-template-rows: repeat(4, auto); }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
- display: none;
- grid-column: 4 / span 6;
- grid-row: 2; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
- display: block;
- width: 400px;
- height: 400px; }
- @media (max-width: 1517px) {
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
- width: 300px;
- height: 300px; } }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item img {
- max-width: 100%;
- max-height: 100%; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
- grid-column: 2 /span 2;
- grid-row: 2 / span 2;
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front {
+ width: 45%;
+ margin: auto;
+ background-color: white;
+ padding-left: 2rem;
+ padding-bottom: 4rem; }
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre {
font-size: 5rem;
font-weight: 900;
color: #009ee3;
- line-height: 6.9rem;
+ line-height: 5.7rem;
margin-top: 4rem;
- margin-bottom: 5rem;
+ margin-bottom: 2rem;
width: fit-content; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
- margin-top: 0rem;
- margin-bottom: 0; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
- background-color: white; }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
- grid-column: 2 /span 5;
- grid-row: 2;
- font-size: 3rem;
- line-height: 4.3rem;
- margin-top: 0;
- margin-bottom: 1rem; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
- margin-top: 0rem; } }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
- grid-column: 2;
- grid-row: 1 / span 2;
- margin-top: 3rem;
- margin-bottom: 2rem; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 {
- background-color: white; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
- color: #e1000f;
- font-weight: 900;
- text-transform: uppercase;
- font-family: "Source Code Pro";
- display: table;
- margin: 0px auto 0px auto; }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
- margin-top: 1rem;
- grid-column: 2 / 6;
- grid-row: 1; } }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
- grid-column: 2;
- grid-row: 4;
- max-width: 70%;
- min-width: fit-content;
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre {
+ color: #e1000f;
+ font-weight: 900;
+ font-size: 1.8rem;
+ text-transform: uppercase;
+ font-family: "Source Code Pro"; }
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-punchline {
+ color: #009ee3;
+ font-weight: 900;
+ font-size: 1.5rem;
+ text-transform: uppercase;
+ font-family: "Source Code Pro";
+ padding-bottom: 3rem; }
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien {
+ background-color: white;
+ width: fit-content;
height: 1.5rem;
padding: 0.4rem 1rem;
- font-size: 0.8rem;
- margin-bottom: 2.5rem;
- background-color: white;
- border: 2px solid #009ee3;
- list-style: none;
- text-align: center !important; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a {
+ text-align: center !important;
+ float: right; }
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a {
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: #009ee3;
align-items: center; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
+ .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a:after {
display: block;
content: url('data:image/svg+xml,'); }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
- grid-column: 2;
- grid-row: 3;
- font-size: 0.6rem; }
- .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
- display: none; } }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
- display: none;
- grid-area: presentation;
- grid-column: 3 /span 4;
- grid-row: 4;
- align-self: flex-end;
- margin-bottom: 2.5rem;
- max-width: 25%;
- min-width: fit-content; }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
- grid-column: 3;
- position: relative;
- height: 1.5rem;
- padding: 0.4rem 1rem;
- font-size: 0.8rem;
- margin: 0;
- background-color: white;
- border: 2px solid #009ee3;
- list-style: none;
- top: -200%;
- text-align: center !important; }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a {
- display: inline-flex;
- text-transform: uppercase;
- font-weight: 700;
- color: #009ee3;
- align-items: center; }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a .ext {
- display: none; }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
- content: url('data:image/svg+xml,'); }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
- grid-area: presentation;
- grid-column: 5;
- grid-row: 4; }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
- font-size: 0.6rem; }
- .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
- display: none; } }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
- display: none;
- grid-area: presentation;
- grid-column: 5;
- grid-row: 4;
- background-color: #009ee3;
- height: fit-content;
- align-self: flex-end;
- max-width: 70%;
- min-width: fit-content; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
- text-align: center; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
- margin-top: 1rem;
- display: block;
- content: url("../images/pictos/picto_faq.svg"); }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
- font-size: 0.8rem;
- font-weight: 1000;
- color: #09398b;
- text-transform: uppercase; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
- margin-bottom: 1rem; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 1.5rem;
- margin-right: 1.5rem;
- text-align: center; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
- font-weight: 800;
- color: white;
- font-size: 1.3rem; }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
- background-color: white;
- border: 2px solid #009ee3;
- padding: 0.4rem 1rem; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
- display: none; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
- display: inline-flex;
- text-transform: uppercase;
- font-weight: 700;
- color: #009ee3;
- align-items: center;
- font-size: 0.6rem; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a::after {
- display: none; }
- .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
- display: none; } }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
- grid-column: 5;
- grid-row: 1;
- height: fit-content;
- display: flex;
- justify-self: flex-end;
- width: 50%;
- margin-top: 3rem; }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
- justify-content: right;
- display: flex;
- flex-direction: column;
- text-transform: uppercase;
- text-align: right;
- font-size: 1.3rem; }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
- display: block;
- content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
- transform: rotate(90deg);
- height: fit-content;
- position: relative;
- top: -30px;
- right: -60px; }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
- font-size: 2.5rem;
- font-weight: 900; }
- @media (max-width: 810px) {
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
- display: none;
- grid-column: 2 / span 6;
- grid-row: 3;
- width: 100%;
- margin-top: 8rem; }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
- justify-content: left;
- display: flex;
- flex-direction: row;
- text-transform: uppercase;
- text-align: left;
- align-items: center;
- font-size: 1rem;
- font-weight: 800; }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1) {
- width: 25%;
- height: fit-content; }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
- display: inline-flex;
- transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%); }
- .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
- margin: 0;
- text-align: right;
- justify-self: flex-end;
- font-size: 1.5rem;
- margin-left: 5rem;
- margin-top: 0.6rem;
- margin-bottom: 2rem; } }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
grid-area: actus;
width: 100vw;
@@ -3036,6 +2836,18 @@ a {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
+ .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f {
+ grid-column: 1 / span 10;
+ background-color: #009ee3; }
+ .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--name-body {
+ vertical-align: middle;
+ color: white;
+ font-family: 'Source Code Pro';
+ font-size: 2rem;
+ font-weight: 800;
+ color: white;
+ text-transform: uppercase;
+ margin-left: 10%; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse {
margin-top: 3rem;
grid-column: 2 / span 10; }
diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss
index dc0bd9b..4a3e84f 100644
--- a/web/themes/custom/eql/scss/global/_layout.scss
+++ b/web/themes/custom/eql/scss/global/_layout.scss
@@ -47,7 +47,9 @@
.path-incubateur{
margin:0;
}
-
+main{
+ width: 100%;
+}
.main-content{
margin-top: 7rem;
}
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index 7496d24..5eaa87b 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -16,357 +16,425 @@
// 1er bandeau home
-
- .block-views-blockhome-nodes-block-1{
+ .block-config-pages-block{
grid-area: presentation;
- // grid-row: 1;
+ width: 100%;
background: url("../images/pictos/forme_home_2.svg");
// background: url("../images/carre_site.mp4");
- background-size: 75%;
+ // background-size: 75%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat;
- @media (max-width: 810px){
- background: url("../images/pictos/forme_home_2_smartphone.svg");
- background-size: 100%;
- background-position-y: bottom;
- background-position-x: left;
- background-repeat: no-repeat;
- }
- .node-type-static{
- div:first-child{
- display: grid;
- grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- grid-template-rows: repeat(4, auto);
- .field--name-field-images{
- ///////////////// à activer le 19 février /////////////////
- display: none;
- //////////////////////////////////
- grid-column: 4 / span 6;
- grid-row: 2;
- .field__item{
- display: block;
- width: 400px;
- height: 400px;
- @media (max-width: 1517px){
- width: 300px;
- height: 300px;
- }
- img{
- max-width:100%;
- max-height: 100%;
- }
- }
- }
- .field--name-field-accroche{
+ .config_pages--type--home-front{
- grid-column: 2 /span 2;
- grid-row: 2 / span 2;
- font-size: 5rem;
- font-weight: 900;
- color: $blue-light;
- line-height: 6.9rem;
- margin-top: 4rem;
- margin-bottom: 5rem;
- width: fit-content;
- p{
- margin-top: 0rem;
- margin-bottom: 0;
-
- }
-
- span {
- background-color: $white;
-
- }
- @media (max-width: 810px){
- grid-column: 2 /span 5;
- grid-row: 2;
- font-size: 3rem;
- line-height: 4.3rem;
- margin-top: 0;
- margin-bottom: 1rem;
- p{
- margin-top: 0rem;
- }
- }
-
- }
- .field--name-title{
- // grid-column: 4;
- // grid-row: 2;
- grid-column: 2;
- grid-row: 1 / span 2;
- margin-top: 3rem;
- margin-bottom: 2rem;
-
- h2{
-
- background-color: $white;
- a{
- color: #e1000f;
- font-weight: 900;
- text-transform: uppercase;
- font-family: "Source Code Pro";
- display: table;
- margin: 0px auto 0px auto;
-
- // background-color: $white;
- }
- }
- @media (max-width: 1517px){
-
- }
- @media (max-width: 810px){
- margin-top: 1rem;
- grid-column: 2 / 6;
- grid-row: 1;
- }
- }
- .links.inline{
- grid-column: 2;
- grid-row: 4;
- max-width: 70%;
- min-width: fit-content;
- height: 1.5rem;
- padding: 0.4rem 1rem;
- font-size: 0.8rem;
- margin-bottom: 2.5rem;
- background-color: $white;
- border: 2px solid $blue-light;
- list-style: none;
- text-align: center !important;
-
- a{
- display: inline-flex;
- text-transform: uppercase;
- font-weight: 700;
- color: $blue-light;
- align-items: center;
- &:after{
- display: block;
- content: url('data:image/svg+xml,');
-
- }
- }
- @media (max-width: 810px){
- grid-column: 2;
- grid-row:3;
- font-size: 0.6rem;
-
- a{
- &:after{
- display: none;
- }
- }
- }
- }
- }
- }
-
- }
-
- // bouton déposer candidature
- .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
- ///////////////// à activer le 19 février /////////////////
- display: none;
- //////////////////////////////////
- grid-area: presentation;
- grid-column: 3 /span 4;
- grid-row: 4;
- align-self: flex-end;
- margin-bottom: 2.5rem;
- max-width: 25%;
- min-width: fit-content;
-
- .field--type-link {
- grid-column: 3;
- // justify-self: flex-end;
- position: relative;
- // max-width: 70%;
- // min-width: fit-content;
- height: 1.5rem;
- padding: 0.4rem 1rem;
- font-size: 0.8rem;
- margin: 0;
- background-color: $white;
- border: 2px solid $blue-light;
- list-style: none;
- top: -200%;
- text-align: center !important;
-
- a{
- display: inline-flex;
- text-transform: uppercase;
- font-weight: 700;
+ width:45%;
+ margin: auto;
+ background-color: white;
+ padding-left: 2rem;
+ padding-bottom: 4rem;
+ .field--name-field-titre{
+ font-size: 5rem;
+ font-weight: 900;
color: $blue-light;
- align-items: center;
- .ext{
- display: none;
- }
-
- }
- a::after{
- content: url('data:image/svg+xml,');
-
+ line-height: 5.7rem;
+ margin-top: 4rem;
+ margin-bottom: 2rem;
+ width: fit-content;
+
}
- }
- @media (max-width: 810px){
- grid-area: presentation;
- grid-column: 5;
- grid-row: 4;
- .field--type-link { font-size: 0.6rem;
- a::after{
- display: none;
- }
- }
- }
- }
-
- // bouton foire aux questions
- .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
- ///////////////// à activer le 19 février /////////////////
- display: none;
- //////////////////////////////////
- grid-area: presentation;
- grid-column: 5 ;
- grid-row: 4;
- background-color: $blue-light;
- height: fit-content;
- align-self: flex-end;
- max-width: 70%;
- min-width: fit-content;
- .field--name-field-lien{
- &:before{
- margin-top: 1rem;
- display: block;
- content: url("../images/pictos/picto_faq.svg");
- }
- text-align: center;
- a{
- font-size: 0.8rem;
- font-weight: 1000;
- color: $blue-dark;
+ .field--name-field-sous-titre{
+ color: #e1000f;
+ font-weight: 900;
+ font-size: 1.8rem;
text-transform: uppercase;
+ font-family: "Source Code Pro";
}
- }
- .field--name-field-description{
- margin-bottom: 1rem;
- p{
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 1.5rem;
- margin-right: 1.5rem;
- text-align: center;
- a{
- font-weight: 800;
- color: $white;
- font-size: 1.3rem;
- }
+ .field--name-field-punchline{
+ color: $blue-light;
+ font-weight: 900;
+ font-size: 1.5rem;
+ text-transform: uppercase;
+ font-family: "Source Code Pro";
+ padding-bottom: 3rem;
}
- }
- @media (max-width: 810px){
.field--name-field-lien{
background-color: $white;
- border: 2px solid $blue-light;
+ // border: 2px solid $blue-light;
+ width: fit-content;
+ height: 1.5rem;
padding: 0.4rem 1rem;
- &:before{display: none;}
+ text-align: center !important;
+ float: right;
a{
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
align-items: center;
- font-size: 0.6rem;
- }
- a::after{
- display: none;
- }
- }
- .field--name-field-description{display: none;}
- }
- }
-
- // date limite de candidature
- .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
- ///////////////// à activer le 19 février /////////////////
- // display: none;
- //////////////////////////////////
- grid-column: 5;
- grid-row: 1;
- height: fit-content;
- ///////////////// à désactiver le 19 février /////////////////
- display: flex;
- //////////////////////////////////
- justify-self: flex-end;
- width: 50%;
- margin-top: 3rem;
- .field--name-body{
- justify-content: right;
- display: flex;
- flex-direction: column;
-
- text-transform: uppercase;
- text-align: right;
- font-size: 1.3rem;
- :nth-child(1){
-
- &:after{
- display: block;
- content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
- transform: rotate(90deg);
- height: fit-content;
- position: relative;
- top: -30px;
- right: -60px;
- }
- }
- :nth-child(2){
-
- font-size: 2.5rem;
- font-weight: 900;
- }
- }
- @media (max-width: 810px){
- display: none;
- grid-column: 2 / span 6;
- grid-row: 3;
- width: 100%;
- margin-top:8rem;
- .field--name-body{
- justify-content: left;
- display: flex;
- flex-direction:row;
- text-transform: uppercase;
- text-align: left;
- align-items: center;
- font-size: 1rem;
- font-weight: 800;
- :nth-child(1){
- width: 25%;
- height: fit-content;
&:after{
- display: inline-flex;
- transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%);
+ display: block;
+ content: url('data:image/svg+xml,');
+
}
- }
- :nth-child(2){
-
- margin: 0;
- text-align: right;
- justify-self: flex-end;
- font-size: 1.5rem;
- margin-left: 5rem;
- margin-top: 0.6rem;
- margin-bottom: 2rem;
-
}
}
}
-
}
+
+
+
+ // .block-views-blockhome-nodes-block-1{
+ // grid-area: presentation;
+ // // grid-row: 1;
+ // background: url("../images/pictos/forme_home_2.svg");
+ // // background: url("../images/carre_site.mp4");
+ // background-size: 75%;
+ // background-position-y: bottom;
+ // background-position-x: left;
+ // background-repeat: no-repeat;
+ // @media (max-width: 810px){
+ // background: url("../images/pictos/forme_home_2_smartphone.svg");
+ // background-size: 100%;
+ // background-position-y: bottom;
+ // background-position-x: left;
+ // background-repeat: no-repeat;
+ // }
+ // .node-type-static{
+ // div:first-child{
+ // display: grid;
+ // grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+ // grid-template-rows: repeat(4, auto);
+ // .field--name-field-images{
+ // ///////////////// à activer le 19 février /////////////////
+ // display: none;
+ // //////////////////////////////////
+ // grid-column: 4 / span 6;
+ // grid-row: 2;
+ // .field__item{
+ // display: block;
+ // width: 400px;
+ // height: 400px;
+ // @media (max-width: 1517px){
+ // width: 300px;
+ // height: 300px;
+ // }
+ // img{
+ // max-width:100%;
+ // max-height: 100%;
+ // }
+ // }
+
+ // }
+ // .field--name-field-accroche{
+
+ // grid-column: 2 /span 2;
+ // grid-row: 2 / span 2;
+ // font-size: 5rem;
+ // font-weight: 900;
+ // color: $blue-light;
+ // line-height: 6.9rem;
+ // margin-top: 4rem;
+ // margin-bottom: 5rem;
+ // width: fit-content;
+ // p{
+ // margin-top: 0rem;
+ // margin-bottom: 0;
+
+ // }
+
+ // span {
+ // background-color: $white;
+
+ // }
+ // @media (max-width: 810px){
+ // grid-column: 2 /span 5;
+ // grid-row: 2;
+ // font-size: 3rem;
+ // line-height: 4.3rem;
+ // margin-top: 0;
+ // margin-bottom: 1rem;
+ // p{
+ // margin-top: 0rem;
+ // }
+ // }
+
+ // }
+ // .field--name-title{
+ // // grid-column: 4;
+ // // grid-row: 2;
+ // grid-column: 2;
+ // grid-row: 1 / span 2;
+ // margin-top: 3rem;
+ // margin-bottom: 2rem;
+
+ // h2{
+
+ // background-color: $white;
+ // a{
+ // color: #e1000f;
+ // font-weight: 900;
+ // text-transform: uppercase;
+ // font-family: "Source Code Pro";
+ // display: table;
+ // margin: 0px auto 0px auto;
+
+ // // background-color: $white;
+ // }
+ // }
+ // @media (max-width: 1517px){
+
+ // }
+ // @media (max-width: 810px){
+ // margin-top: 1rem;
+ // grid-column: 2 / 6;
+ // grid-row: 1;
+ // }
+ // }
+ // .links.inline{
+ // grid-column: 2;
+ // grid-row: 4;
+ // max-width: 70%;
+ // min-width: fit-content;
+ // height: 1.5rem;
+ // padding: 0.4rem 1rem;
+ // font-size: 0.8rem;
+ // margin-bottom: 2.5rem;
+ // background-color: $white;
+ // border: 2px solid $blue-light;
+ // list-style: none;
+ // text-align: center !important;
+
+ // a{
+ // display: inline-flex;
+ // text-transform: uppercase;
+ // font-weight: 700;
+ // color: $blue-light;
+ // align-items: center;
+ // &:after{
+ // display: block;
+ // content: url('data:image/svg+xml,');
+
+ // }
+ // }
+ // @media (max-width: 810px){
+ // grid-column: 2;
+ // grid-row:3;
+ // font-size: 0.6rem;
+
+ // a{
+ // &:after{
+ // display: none;
+ // }
+ // }
+ // }
+ // }
+ // }
+ // }
+
+ // }
+
+ // // bouton déposer candidature
+ // .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
+ // ///////////////// à activer le 19 février /////////////////
+ // display: none;
+ // //////////////////////////////////
+ // grid-area: presentation;
+ // grid-column: 3 /span 4;
+ // grid-row: 4;
+ // align-self: flex-end;
+ // margin-bottom: 2.5rem;
+ // max-width: 25%;
+ // min-width: fit-content;
+
+ // .field--type-link {
+ // grid-column: 3;
+ // // justify-self: flex-end;
+ // position: relative;
+ // // max-width: 70%;
+ // // min-width: fit-content;
+ // height: 1.5rem;
+ // padding: 0.4rem 1rem;
+ // font-size: 0.8rem;
+ // margin: 0;
+ // background-color: $white;
+ // border: 2px solid $blue-light;
+ // list-style: none;
+ // top: -200%;
+ // text-align: center !important;
+
+ // a{
+ // display: inline-flex;
+ // text-transform: uppercase;
+ // font-weight: 700;
+ // color: $blue-light;
+ // align-items: center;
+ // .ext{
+ // display: none;
+ // }
+
+ // }
+ // a::after{
+ // content: url('data:image/svg+xml,');
+
+ // }
+ // }
+ // @media (max-width: 810px){
+ // grid-area: presentation;
+ // grid-column: 5;
+ // grid-row: 4;
+ // .field--type-link { font-size: 0.6rem;
+ // a::after{
+ // display: none;
+ // }
+ // }
+ // }
+ // }
+
+ // // bouton foire aux questions
+ // .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+ // ///////////////// à activer le 19 février /////////////////
+ // display: none;
+ // //////////////////////////////////
+ // grid-area: presentation;
+ // grid-column: 5 ;
+ // grid-row: 4;
+ // background-color: $blue-light;
+ // height: fit-content;
+ // align-self: flex-end;
+ // max-width: 70%;
+ // min-width: fit-content;
+ // .field--name-field-lien{
+ // &:before{
+ // margin-top: 1rem;
+ // display: block;
+ // content: url("../images/pictos/picto_faq.svg");
+ // }
+ // text-align: center;
+ // a{
+ // font-size: 0.8rem;
+ // font-weight: 1000;
+ // color: $blue-dark;
+ // text-transform: uppercase;
+ // }
+ // }
+ // .field--name-field-description{
+ // margin-bottom: 1rem;
+ // p{
+ // margin-top: 0;
+ // margin-bottom: 0;
+ // margin-left: 1.5rem;
+ // margin-right: 1.5rem;
+ // text-align: center;
+ // a{
+ // font-weight: 800;
+ // color: $white;
+ // font-size: 1.3rem;
+ // }
+ // }
+ // }
+ // @media (max-width: 810px){
+ // .field--name-field-lien{
+ // background-color: $white;
+ // border: 2px solid $blue-light;
+ // padding: 0.4rem 1rem;
+ // &:before{display: none;}
+ // a{
+ // display: inline-flex;
+ // text-transform: uppercase;
+ // font-weight: 700;
+ // color: $blue-light;
+ // align-items: center;
+ // font-size: 0.6rem;
+ // }
+ // a::after{
+ // display: none;
+ // }
+ // }
+ // .field--name-field-description{display: none;}
+ // }
+ // }
+
+ // // date limite de candidature
+ // .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
+ // ///////////////// à activer le 19 février /////////////////
+ // // display: none;
+ // //////////////////////////////////
+ // grid-column: 5;
+ // grid-row: 1;
+ // height: fit-content;
+ // ///////////////// à désactiver le 19 février /////////////////
+ // display: flex;
+ // //////////////////////////////////
+ // justify-self: flex-end;
+ // width: 50%;
+ // margin-top: 3rem;
+ // .field--name-body{
+ // justify-content: right;
+ // display: flex;
+ // flex-direction: column;
+
+ // text-transform: uppercase;
+ // text-align: right;
+ // font-size: 1.3rem;
+ // :nth-child(1){
+
+ // &:after{
+
+ // display: block;
+ // content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
+ // transform: rotate(90deg);
+ // height: fit-content;
+ // position: relative;
+ // top: -30px;
+ // right: -60px;
+ // }
+ // }
+ // :nth-child(2){
+
+ // font-size: 2.5rem;
+ // font-weight: 900;
+ // }
+ // }
+ // @media (max-width: 810px){
+ // display: none;
+ // grid-column: 2 / span 6;
+ // grid-row: 3;
+ // width: 100%;
+ // margin-top:8rem;
+ // .field--name-body{
+ // justify-content: left;
+ // display: flex;
+ // flex-direction:row;
+ // text-transform: uppercase;
+ // text-align: left;
+ // align-items: center;
+ // font-size: 1rem;
+ // font-weight: 800;
+ // :nth-child(1){
+ // width: 25%;
+ // height: fit-content;
+ // &:after{
+ // display: inline-flex;
+ // transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%);
+ // }
+ // }
+ // :nth-child(2){
+
+ // margin: 0;
+ // text-align: right;
+ // justify-self: flex-end;
+ // font-size: 1.5rem;
+ // margin-left: 5rem;
+ // margin-top: 0.6rem;
+ // margin-bottom: 2rem;
+
+ // }
+ // }
+ // }
+
+ // }
// bandeau actus
.block-views-blockactus-blocks-pages-block-1{
diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss
index 16618df..53e97ab 100644
--- a/web/themes/custom/eql/scss/pages/_lesprojets.scss
+++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss
@@ -1,198 +1,200 @@
.path-projets{
- .region-content{
- #block-contenudelapageprincipale{
- span{
- padding-top: 3rem;
- padding-bottom: 3rem;
- vertical-align: middle;
- h2{
- margin: 0;
- padding-top: 2rem;
- height: 4rem;
- color: $white;
- font-family: "Source Code Pro";
- text-transform: uppercase;
- background: $blue-light;
- padding-left: 13%;
-
+
+ .region-content{
+ #block-contenudelapageprincipale{
+ span{
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ vertical-align: middle;
+ h2{
+ margin: 0;
+ padding-top: 2rem;
+ height: 4rem;
+ color: $white;
+ font-family: "Source Code Pro";
+ text-transform: uppercase;
+ background: $blue-light;
+ padding-left: 13%;
+
+ }
}
- }
- .layout--onecol{
- .block-region-content{
- display: grid;
- grid-template-columns: 1fr repeat(8, 2fr) 1fr;
-
- /// carte
- .block-views-blockprojets-block-2{
- grid-column: 1 / span 10;
- }
-
- //texte de présentation
- .block-config-pages-block{
- grid-column: 3 / span 5;
- // width: 60%;
- margin: auto;
- span h2{
- display: none;
+ .layout--onecol{
+ .block-region-content{
+ display: grid;
+ grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+
+ /// carte
+ .block-views-blockprojets-block-2{
+ grid-column: 1 / span 10;
}
- .config_pages--type--les-projets{
- .field--name-field-introduction{
- p:nth-of-type(1){
- font-size: 1.5rem;
- }
- }
- }
- }
-
- // bouton projets incubés
- .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
- grid-column: 8 / span 9;
- margin-top: 4rem;
- background-color: $blue-light;
- height: fit-content;
- width: 60%;
- margin-left: 2rem;
- grid-row: 2;
- .display{
- display: block;
- }
-
-
- .field--name-field-lien{
- display: flex;
- flex-direction: column;
- margin-top: 2rem;
- margin-bottom: 2rem;
- margin-left: 1.5rem;
- margin-right: 1.5rem;
- text-align: center;
- a{
- font-weight: 800;
- color: $white;
- font-size: 1.3rem;
- }
- &:after{
- margin-left: auto;
- padding-top: 1rem;
- display: block;
- content:url("../images/pictos/noun_Arrow_3771902.svg")
-
- }
- }
- }
-
- //partie projets
- .block-views-blockprojets-block-1{
- grid-column: 3 / span 8;
- // width: 80%;
- .view-projets{
-
- // width: 80%;
+ //texte de présentation
+ .block-config-pages-block{
+ grid-column: 3 / span 5;
+ // width: 60%;
margin: auto;
- .view-filters{
+ span h2{
+ display: none;
+ }
+ .config_pages--type--les-projets{
+ .field--name-field-introduction{
+ p:nth-of-type(1){
+ font-size: 1.5rem;
+ }
+ }
+ }
+ }
+
+ // bouton projets incubés
+ .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
+ grid-column: 8 / span 9;
margin-top: 4rem;
- display: flex;
- flex-direction: row;
- &::before{
- content: 'Filtrer par:';
+ background-color: $blue-light;
+ height: fit-content;
+ width: 60%;
+ margin-left: 2rem;
+ grid-row: 2;
+ .display{
+ display: block;
}
- #views-exposed-form-projets-block-1{
- display: flex;
- flex-direction: row;
- #edit-field-neuf-rehabilitation-value--wrapper{
- legend{display: none;}
- }
- #edit-field-encours-fini-value--wrapper{
- legend{display: none;}
- }
- .js-form-type-textfield{
- label{display: none;}
- }
- }
-
-
- }
-
- //grille de projets
- .view-content{
- margin-top: 2rem;
- display: flex;
- flex-direction: row;
- .views-row{
- width: 25%;
- flex: 0 0 25%;
- }
-
- }
- .node-type-projet{
- color: $blue-dark;
- line-height: 1.5rem;
- padding: 0.5rem;
- padding-right: 1rem;
- padding-left: 1rem;
- div:first-child{
+
+
+ .field--name-field-lien{
display: flex;
flex-direction: column;
-
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ text-align: center;
a{
- color: $blue-dark;
+ font-weight: 800;
+ color: $white;
+ font-size: 1.3rem;
}
- .field--name-field-photo {
- order:1;
- img{
- width: 100%;
- max-height: 175px;
- object-fit: cover;
- }
- &::after{
- display: block;
- content:url('data:image/svg+xml,');
- }
- }
- .field--name-field-adresse{
- order:2;
- display: flex;
- text-transform: uppercase;
- font-size: 0.9rem;
- font-weight: 800;
- margin-top: 0.8rem;
- line-height: 0.6rem;
- .address{
- display: flex;
- flex-direction: row;
- margin: 0;
- .locality{
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- &::after{
- content:",";
- margin-right: 0.3rem;
- }
- }
- .country{
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- } }
- }
- .field--name-field-sous-titre{
- margin-top: 0.5rem;
- font-size: 0.9rem;
- font-weight: 800;
- order: 4;
- }
- .field--name-title{
- order: 3;
- margin-top: 0.5rem;
- font-size: 1rem;
- font-weight: 800;
- h2{margin: 0;}
+ &:after{
+ margin-left: auto;
+ padding-top: 1rem;
+ display: block;
+ content:url("../images/pictos/noun_Arrow_3771902.svg")
+
}
- .field--name-field-incube{
- order:4;
- color: red;
- margin-top: 0.8rem;
+ }
+ }
+
+ //partie projets
+ .block-views-blockprojets-block-1{
+ grid-column: 3 / span 8;
+ // width: 80%;
+ .view-projets{
+
+ // width: 80%;
+ margin: auto;
+ .view-filters{
+ margin-top: 4rem;
+ display: flex;
+ flex-direction: row;
+ &::before{
+ content: 'Filtrer par:';
+ }
+ #views-exposed-form-projets-block-1{
+ display: flex;
+ flex-direction: row;
+ #edit-field-neuf-rehabilitation-value--wrapper{
+ legend{display: none;}
+ }
+ #edit-field-encours-fini-value--wrapper{
+ legend{display: none;}
+ }
+ .js-form-type-textfield{
+ label{display: none;}
+ }
+ }
+
+
+ }
+
+ //grille de projets
+ .view-content{
+ margin-top: 2rem;
+ display: flex;
+ flex-direction: row;
+ .views-row{
+ width: 25%;
+ flex: 0 0 25%;
+ }
+
+ }
+ .node-type-projet{
+ color: $blue-dark;
+ line-height: 1.5rem;
+ padding: 0.5rem;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ div:first-child{
+ display: flex;
+ flex-direction: column;
+
+ a{
+ color: $blue-dark;
+ }
+ .field--name-field-photo {
+ order:1;
+ img{
+ width: 100%;
+ max-height: 175px;
+ object-fit: cover;
+ }
+ &::after{
+ display: block;
+ content:url('data:image/svg+xml,');
+ }
+ }
+ .field--name-field-adresse{
+ order:2;
+ display: flex;
+ text-transform: uppercase;
+ font-size: 0.9rem;
+ font-weight: 800;
+ margin-top: 0.8rem;
+ line-height: 0.6rem;
+ .address{
+ display: flex;
+ flex-direction: row;
+ margin: 0;
+ .locality{
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ &::after{
+ content:",";
+ margin-right: 0.3rem;
+ }
+ }
+ .country{
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ } }
+ }
+ .field--name-field-sous-titre{
+ margin-top: 0.5rem;
+ font-size: 0.9rem;
+ font-weight: 800;
+ order: 4;
+ }
+ .field--name-title{
+ order: 3;
+ margin-top: 0.5rem;
+ font-size: 1rem;
+ font-weight: 800;
+ h2{margin: 0;}
+ }
+
+ .field--name-field-incube{
+ order:4;
+ color: red;
+ margin-top: 0.8rem;
+ }
}
}
}
@@ -201,8 +203,5 @@
}
}
}
- }
-
-
-
+
}
\ No newline at end of file
diff --git a/web/themes/custom/eql/scss/pages/_projet.scss b/web/themes/custom/eql/scss/pages/_projet.scss
index 08b50f2..74f633b 100644
--- a/web/themes/custom/eql/scss/pages/_projet.scss
+++ b/web/themes/custom/eql/scss/pages/_projet.scss
@@ -15,6 +15,21 @@
// position: relative;
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
+
+ .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f{
+ grid-column: 1 / span 10;
+ background-color: $blue-light;
+ .field--name-body{
+ vertical-align: middle;
+ color: $white;
+ font-family: 'Source Code Pro';
+ font-size: 2rem;
+ font-weight: 800;
+ color: $white;
+ text-transform: uppercase;
+ margin-left: 10%;
+ }
+ }
.block-entity-fieldnodefield-adresse{
margin-top: 3rem;