diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 2594bf0..a43d620 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -2,7 +2,7 @@ /*global*/ @font-face { font-family: 'Font Awesome'; - src: url("../fonts/Font Awesome/fa-regular-400.woff2") format("woff2"); + src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2"); font-weight: 400; font-style: normal; } @@ -90,7 +90,7 @@ overflow: hidden; } .layout-content { - padding-bottom: 3rem; } + padding-bottom: 6rem; } .path-frontpage { margin: 0; } @@ -242,24 +242,50 @@ a { color: #009ee3; } .field--type-link a::after { display: inline-block; - content: url("../../images/pictos/polygon2.svg"); - background: green; } + content: url("../../images/pictos/polygon2.svg"); } -.node-type-static { - padding: 1rem; } - .node-type-static .inline.links { - display: block; - width: fit-content; - padding: 1rem; - font-size: 1rem; - border: 2px solid #009ee3; - list-style: none; } - .node-type-static .inline.links a { - text-transform: uppercase; - font-weight: 700; - color: #009ee3; } +.view-display-id-block_2 { + padding-top: 2rem; } + .view-display-id-block_2 .node-type-static { + width: 80%; + margin: auto; + padding: 1rem; } + .view-display-id-block_2 .node-type-static div:first-child:not(.field__item):not(.field) { + display: flex; + flex-direction: row; } + .view-display-id-block_2 .node-type-static .inline.links { + align-self: flex-end; + width: fit-content; + height: fit-content; + padding: 0.4rem 1rem; + font-size: 0.8rem; + margin: 0; + background-color: white; + border: 2px solid #009ee3; + list-style: none; } + .view-display-id-block_2 .node-type-static .inline.links a { + text-transform: uppercase; + font-weight: 700; + color: #009ee3; } + .view-display-id-block_2 .node-type-static .field--name-field-images .field__item img { + width: 15rem; + height: auto; } + .view-display-id-block_2 .node-type-static .field--name-title { + display: none; } + .view-display-id-block_2 .node-type-static .field--name-field-accroche { + flex: 1 1 50px; + padding-left: 1rem; } + .view-display-id-block_2 .node-type-static .field--name-field-accroche p { + font-size: 1.5rem; + width: 110%; } /*partials*/ +.layout-container { + position: relative; } + +header { + position: sticky; } + #header-top { height: 7rem; background-color: white; @@ -267,16 +293,14 @@ a { display: flex; flex-direction: row; justify-content: space-between; - color: black; - position: sticky; } + color: black; } #header-top .region-header-top-left { display: flex; flex-direction: row; padding: 1rem; align-items: center; color: black; - font-weight: 800; - position: sticky; } + font-weight: 800; } #header-top .region-header-top-left ul { list-style: none; display: flex; @@ -305,12 +329,12 @@ a { margin-top: 0; } #header-top #block-burger :hover { cursor: pointer; } - #header-top #block-burger h2::after { + #header-top #block-burger h2:after { display: block; - font-family: 'Font Awesome'; - content: "\f0c9"; height: 60px; - font-size: 1rem; } + content: ""; + background-image: url("~/web/themes/custom/eql/images/pictos/menu.png"); + height: 6rem; } #header-top #block-burger #block-burger-menu { display: block; margin: 0; diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot deleted file mode 100644 index cba6c6c..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg deleted file mode 100644 index b9881a4..0000000 --- a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg +++ /dev/null @@ -1,3717 +0,0 @@ - - - - -Created by FontForge 20201107 at Wed Aug 4 12:25:29 2021 - By Robert Madole -Copyright (c) Font Awesome - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf deleted file mode 100644 index 8d75ded..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff deleted file mode 100644 index 3375bef..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 deleted file mode 100644 index 402f81c..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot deleted file mode 100644 index a4e5989..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg deleted file mode 100644 index 463af27..0000000 --- a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg +++ /dev/null @@ -1,801 +0,0 @@ - - - - -Created by FontForge 20201107 at Wed Aug 4 12:25:29 2021 - By Robert Madole -Copyright (c) Font Awesome - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf deleted file mode 100644 index 7157aaf..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff deleted file mode 100644 index ad077c6..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 deleted file mode 100644 index 5632894..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot deleted file mode 100644 index e994171..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg deleted file mode 100644 index 00296e9..0000000 --- a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg +++ /dev/null @@ -1,5034 +0,0 @@ - - - - -Created by FontForge 20201107 at Wed Aug 4 12:25:29 2021 - By Robert Madole -Copyright (c) Font Awesome - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf deleted file mode 100644 index 25abf38..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff deleted file mode 100644 index 23ee663..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 deleted file mode 100644 index 2217164..0000000 Binary files a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 and /dev/null differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.eot b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.eot differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.svg b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.ttf b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.ttf differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.woff b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.woff differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fontawesome-webfont.woff2 differ diff --git a/web/themes/custom/eql/images/pictos/menu.png b/web/themes/custom/eql/images/pictos/menu.png new file mode 100644 index 0000000..1c93b59 Binary files /dev/null and b/web/themes/custom/eql/images/pictos/menu.png differ diff --git a/web/themes/custom/eql/images/sceau_excellence_def.png b/web/themes/custom/eql/images/sceau_excellence_def.png new file mode 100644 index 0000000..56969fa Binary files /dev/null and b/web/themes/custom/eql/images/sceau_excellence_def.png differ diff --git a/web/themes/custom/eql/scss/global/_fonts.scss b/web/themes/custom/eql/scss/global/_fonts.scss index 91c05a5..6749767 100644 --- a/web/themes/custom/eql/scss/global/_fonts.scss +++ b/web/themes/custom/eql/scss/global/_fonts.scss @@ -1,6 +1,6 @@ @font-face { font-family: 'Font Awesome'; - src: url('../fonts/Font Awesome/fa-regular-400.woff2') format('woff2'); + src: url('../fonts/Font Awesome/fontawesome-webfont.woff2') format('woff2'); font-weight: 400; font-style: normal; } diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss index 32bcce4..98121f7 100644 --- a/web/themes/custom/eql/scss/global/_layout.scss +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -16,7 +16,7 @@ } .layout-content{ - padding-bottom: 3rem; + padding-bottom: 6rem; } .path-frontpage{ margin: 0; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index c94a633..6f47fdc 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -25,6 +25,7 @@ } +// bandeau bleu actus .block-views-blockactus-blocks-pages-block-1{ background-color: $blue-dark; @@ -55,6 +56,7 @@ } +// actu dans bandeau .node-type-actualite div:first-child{ display: flex; @@ -64,6 +66,7 @@ :nth-child(5) { order: 3; } } +// bouton voir toutes actus du bandeau bleu .field--type-link { display: block; @@ -80,36 +83,66 @@ color: $blue-light; } a::after{ - // font-family: "Font Awesome"; display: inline-block; content: url("../../images/pictos/polygon2.svg"); - // width: 6rem; - // height: 4rem; - background: green; } } +// boutons en savoir plus pour lien vers pages statiques -.node-type-static{ - padding: 1rem; - - .inline.links{ - display: block; - width: fit-content; +.view-display-id-block_2{ + padding-top: 2rem; + .node-type-static{ + width: 80%; + margin: auto; + div:first-child:not(.field__item):not(.field){ + display: flex; + flex-direction: row; + } padding: 1rem; - font-size: 1rem; - - // background-color: $white; - border: 2px solid $blue-light; - list-style: none; - a{ - text-transform: uppercase; - font-weight: 700; - color: $blue-light; - // &::after{ - // content: url('../../images/pictos/noun_Arrow_3771902.svg'); - // } + + .inline.links{ + align-self: flex-end; + width: fit-content; + height: fit-content; + padding: 0.4rem 1rem; + font-size: 0.8rem; + margin: 0; + background-color: $white; + border: 2px solid $blue-light; + list-style: none; + + a{ + text-transform: uppercase; + font-weight: 700; + color: $blue-light; + // &::after{ + // content: url('../../images/pictos/noun_Arrow_3771902.svg'); + // } + } + } + .field--name-field-images{ + .field__item{ + img{ + width: 15rem; + height: auto; + } + } + } + .field--name-title{ + display: none; + } + .field--name-field-accroche{ + flex: 1 1 50px; + padding-left: 1rem; + p{ + font-size: 1.5rem; + width: 110%; + } + } } -} \ No newline at end of file + +} + diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 0194ec7..2f7f44d 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -109,14 +109,14 @@ color: $blue-dark; font-weight: 500; } - .field--type-image{ - // max-width: 70%; - // max-height: 4rem; - // img{ - // object-fit: scale-down; - // } + // .field--type-image{ + // // max-width: 70%; + // // max-height: 4rem; + // // img{ + // // object-fit: scale-down; + // // } - } + // } } } diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 32dcc6f..c4ac2b2 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -1,4 +1,10 @@ +.layout-container{ + position: relative; +} +header{ + position: sticky; +} #header-top { height: 7rem; @@ -8,7 +14,6 @@ flex-direction: row; justify-content: space-between; color: $black; - position: sticky; @@ -19,7 +24,7 @@ align-items: center; color: $black; font-weight: 800; - position: sticky; + ul{ list-style: none; display: flex; @@ -68,13 +73,16 @@ :hover{ cursor: pointer; } - h2::after{ + h2:after{ display: block; - font-family: 'Font Awesome'; - content: "\f0c9"; height: 60px; - - font-size: 1rem; + // font-family: 'Font Awesome'; + // content: "\f0c9"; + // font-weight: 100; + // font-size: 5rem; + content:""; + background-image: url('~/web/themes/custom/eql/images/pictos/menu.png'); + height: 6rem; } #block-burger-menu{