diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 336294e..296a357 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -260,7 +260,8 @@ a { .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 { grid-area: presentation; grid-row: 1; - background: url("../images/pictos/carre-contour-bleu_contact.svg"); } + background: url("../images/pictos/forme_home.svg"); + background-size: 100vw; } .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; @@ -271,7 +272,7 @@ a { grid-column: 2 /span 3; grid-row: 2 / span 2; font-size: 5rem; - font-weight: 800; + font-weight: 900; color: #009ee3; line-height: 6rem; margin-bottom: 5rem; } @@ -352,19 +353,18 @@ a { font-weight: 1000; color: #09398b; text-transform: uppercase; } - .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; } - .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after { - display: block; - content: url("../images/pictos/noun_Arrow_3771902.svg"); } + .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; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 { grid-area: actus; width: 100vw; @@ -776,6 +776,7 @@ header { #header-top { height: 7rem; background-color: white; + box-shadow: 1px 0px 8px black; display: flex; flex-direction: row; justify-content: space-between; @@ -785,7 +786,7 @@ header { display: flex; flex-direction: row; padding: 1rem; - padding-left: 3rem; + padding-left: 4%; align-items: start; color: black; font-weight: 800; } @@ -794,6 +795,7 @@ header { height: 100%; align-items: center; } #header-top .region-header-top-left #block-logogouv img { + min-width: 80px; width: 70%; height: auto; } #header-top .region-header-top-left #block-logoeql { @@ -801,9 +803,11 @@ header { height: 100%; align-items: center; } #header-top .region-header-top-left #block-logoeql img { + min-width: 80px; width: 80%; height: auto; } #header-top .region-header-top-left ul { + font-size: 1.2rem; list-style: none; display: flex; flex-direction: row; @@ -858,7 +862,9 @@ header { #header-top #block-burger h2:after { display: block; margin: auto; - content: url('data:image/svg+xml, '); } + align-self: center; + height: 70px; + content: url('data:image/svg+xml, '); } #header-top #block-burger #block-burger-menu { display: block; margin: 0; @@ -888,6 +894,7 @@ header { display: block; } #fotter-bottom { + box-shadow: 1px 0px 8px black; display: flex; flex: 1 1 120px; flex-direction: row; diff --git a/web/themes/custom/eql/images/pictos/forme_home.svg b/web/themes/custom/eql/images/pictos/forme_home.svg new file mode 100644 index 0000000..562e340 --- /dev/null +++ b/web/themes/custom/eql/images/pictos/forme_home.svg @@ -0,0 +1,117 @@ + +image/svg+xml diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 5d1853a..b897d33 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -17,7 +17,8 @@ .block-views-blockhome-nodes-block-1{ grid-area: presentation; grid-row: 1; - background: url("../images/pictos/carre-contour-bleu_contact.svg"); + background: url("../images/pictos/forme_home.svg"); + background-size: 100vw; .node-type-static{ div:first-child{ display: grid; @@ -42,7 +43,7 @@ grid-column: 2 /span 3; grid-row: 2 / span 2; font-size: 5rem; - font-weight: 800; + font-weight: 900; color: $blue-light; line-height: 6rem; margin-bottom: 5rem; @@ -155,6 +156,7 @@ } } .field--name-field-description{ + margin-bottom: 1rem; p{ margin-top: 0; margin-bottom: 0; @@ -165,12 +167,7 @@ font-weight: 800; color: $white; font-size: 1.3rem; - } - &:after{ - display: block; - content:url("../images/pictos/noun_Arrow_3771902.svg") - - } + } } } } diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index 1bc9692..167a698 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -2,6 +2,7 @@ #fotter-bottom{ + box-shadow: 1px 0px 8px $black; display: flex; flex: 1 1 120px; flex-direction: row; diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index ee639b8..6fc03b8 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -14,7 +14,7 @@ header{ #header-top { height: 7rem; background-color: $white; - // box-shadow: 1px 0px 8px $black; + box-shadow: 1px 0px 8px $black; display: flex; flex-direction: row; justify-content: space-between; @@ -26,7 +26,7 @@ header{ display:flex; flex-direction: row; padding: 1rem; - padding-left: 3rem; + padding-left: 4%; align-items:start; color: $black; font-weight: 800; @@ -36,6 +36,7 @@ header{ height: 100%; align-items: center; img{ + min-width: 80px; width: 70%; height: auto; } @@ -46,12 +47,14 @@ header{ align-items: center; img{ + min-width: 80px; width: 80%; height: auto; } } ul{ + font-size: 1.2rem; list-style: none; display: flex; flex-direction: row; @@ -132,8 +135,9 @@ header{ h2:after{ display: block; margin:auto; - // height: 60px; - content:url('data:image/svg+xml, '); + align-self: center; + height: 70px; + content:url('data:image/svg+xml, '); } #block-burger-menu{