diff --git a/web/themes/custom/eql/css-compiled/global/layout.css b/web/themes/custom/eql/css-compiled/global/layout.css index dadf4c1..cd4080b 100644 --- a/web/themes/custom/eql/css-compiled/global/layout.css +++ b/web/themes/custom/eql/css-compiled/global/layout.css @@ -1,3 +1,2 @@ -.node-type-static { - display: grid; - grid-template-columns: repeat(6, 1fr); } +.body { + margin: 0; } diff --git a/web/themes/custom/eql/css-compiled/pages/test_lavanture.css b/web/themes/custom/eql/css-compiled/pages/test_lavanture.css deleted file mode 100644 index 4a7b31a..0000000 --- a/web/themes/custom/eql/css-compiled/pages/test_lavanture.css +++ /dev/null @@ -1,27 +0,0 @@ -.dialog-off-canvas-main-canvas { - background-color: #00ff6a !important; } - -.layout-container { - display: flex; - margin: auto; - background-color: red; - max-width: 70%; } - -#footer-bottom { - height: 200px; - background-color: salmon; } - -.layout-content { - display: flex; - margin: auto; - background-color: aqua; - text-transform: uppercase; - max-width: 50%; } - -#auth_box { - background-color: blue; - font-family: 'Marianne'; - font-weight: 300; } - -.rouge { - text-decoration: brown; } diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 71557c2..ede8dd3 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1,8 +1,8 @@ /*eql*/ /*global*/ @font-face { - font-family: 'duke'; - src: url("../fonts/Duke_Fill.otf") format("opentype"); + font-family: 'Font Awesome'; + src: url("../fonts/Font Awesome/fa-regular-400.woff2") format("woff2"); font-weight: 400; font-style: normal; } @@ -81,14 +81,193 @@ /* Manifont Grotesk */ /* Colors used for EQL */ -.node-type-static { - display: grid; - grid-template-columns: repeat(6, 1fr); } +.layout-container { + position: absolute; + font-family: "Marianne", sans-serif; + margin: none; + top: 0%; + left: 0%; } + +.path-frontpage { + margin: 0; } + +a { + text-decoration: none; } /*pages*/ /* @import "pages/partials/header_footer"; @import "pages/home";*/ -.field--name-field-textes { - grid-column-start: 2; - grid-column-end: 7; } +.field--name-field-liens { + float: right; + width: 20%; + margin-right: 10%; + margin-bottom: 2rem; + justify-items: center; } + .field--name-field-liens .ext { + display: flex; + flex-direction: row-reverse; + position: sticky; + height: fit-content; + font-weight: 900; + background-color: #009ee3; + color: white; + text-decoration: none; + justify-content: left; + align-items: center; + padding: 0.2rem; } + .field--name-field-liens .ext svg { + width: 70px; + height: 70px; + padding: 0; + padding-right: 1rem; + padding-left: 0.5rem; + padding-bottom: 1rem; + margin: 0; + fill: black; } + .field--name-field-liens .ext svg path, .field--name-field-liens .ext svg svg.mailto path { + stroke: black; + stroke-width: 0.1px; } + +.field--name-field-fichiers { + position: relative; + clear: right; + float: right; + width: 20%; + margin-right: 10%; } + .field--name-field-fichiers .file--mime-application-pdf { + display: flex; + height: fit-content; + font-weight: 900; + background-color: #009ee3; + color: white; + justify-content: right; + align-items: center; + padding: 1rem; } + .field--name-field-fichiers .file--mime-application-pdf a { + color: white; + text-decoration: none; } + +.node-type-static { + display: grid; + grid-template-columns: 2fr 2fr 2fr 2fr 2fr; } + +.field--type-entity-reference-revisions .paragraph-summary { + font-family: "Marianne", sans-serif; + font-size: 5rem; + font-weight: 600; + color: black !important; + text-transform: capitalize; } + .field--type-entity-reference-revisions .paragraph-summary span:nth-of-type(2n) { + display: block; + font-size: 1rem; } + +.contextual-region { + display: grid; + grid-template-columns: 10% 2fr 2fr 2fr 2fr 10%; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; } + +.block-views-blockactus-blocks-pages-block-1 { + background-color: #09398b; } + +.view-content { + display: flex; + flex-direction: row; + justify-content: space-around; } + .view-content .node-type-actualite div:first-child { + padding: 1rem; + color: white; } + .view-content .node-type-actualite div:first-child .field--name-field-images .field__item img { + height: 400px; } + .view-content .node-type-actualite a { + color: white; } + +/*partials*/ +#header-top { + height: 7rem; + background-color: white; + box-shadow: 1px 0px 8px black; + display: flex; + flex-direction: row; + justify-content: space-between; + color: black; + position: sticky; } + #header-top .region-header-top-left { + display: flex; + flex-direction: row; + padding: 1rem; + align-items: center; + color: black; + font-weight: 800; + position: sticky; } + #header-top .region-header-top-left ul { + list-style: none; + display: flex; + flex-direction: row; } + #header-top .region-header-top-left ul li { + padding-right: 1rem; } + #header-top .region-header-top-left ul li a { + color: black; } + #header-top .region-header-top-left ul li a .is-active { + color: #009ee3; } + #header-top .region-header-top-left ul .ul2 { + flex-direction: column; } + #header-top .region-header-top-left :hover { + color: #009ee3; } + #header-top li ul { + display: flex; + flex-direction: column; } + #header-top #block-burger { + background-color: #009ee3; + font-size: 0.7rem; + color: white; + display: block; + width: 7rem; + height: 7rem; + margin-top: 0; } + #header-top #block-burger h2::after { + display: block; + font-family: 'Font Awesome'; + content: "\f0c9"; + font-size: 5rem; } + #header-top #block-burger #block-burger-menu { + display: block; + margin-top: 0; + align-self: center; + text-align: center; } + #header-top #block-burger ul { + display: none; } + #header-top #block-burger ul .open { + width: 100vw; + position: relative; + bottom: 8%; + left: calc(-30vw + 50%); + display: block; + height: fit-content; + padding-bottom: 1rem; + padding-top: 1rem; + background-color: #009ee3; + line-height: 2rem; + list-style: none; } + #header-top #block-burger ul .open .ul1 .sous-liste { + left: calc(-50vw + 50%); + padding-top: 0; } + #header-top #block-burger ul .open .ul1 .sous-liste a { + opacity: 1; } + #header-top #block-burger ul .open a { + color: white; + font-weight: 800; + font-size: 1.7rem; + opacity: 0.7; } + +#fotter-bottom { + display: flex; + flex-direction: row; + justify-content: space-around; } + #fotter-bottom #block-pieddepage ul { + color: #09398b; + font-weight: 800; + list-style: none; } + #fotter-bottom .twitter::before { + font-family: "Font Awesome 5 Brands"; + content: "\f099"; } diff --git a/web/themes/custom/eql/eql.libraries.yml b/web/themes/custom/eql/eql.libraries.yml index b2bbc73..023e700 100644 --- a/web/themes/custom/eql/eql.libraries.yml +++ b/web/themes/custom/eql/eql.libraries.yml @@ -4,4 +4,13 @@ global-css: theme: css-compiled/styles.css: {} - \ No newline at end of file + + + + +global-js: + + js: + theme: + js/eql-menu-burger.js: {} + 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 new file mode 100644 index 0000000..cba6c6c Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot 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 new file mode 100644 index 0000000..b9881a4 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg @@ -0,0 +1,3717 @@ + + + + +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 new file mode 100644 index 0000000..8d75ded Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf 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 new file mode 100644 index 0000000..3375bef Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff 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 new file mode 100644 index 0000000..402f81c Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 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 new file mode 100644 index 0000000..a4e5989 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot 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 new file mode 100644 index 0000000..463af27 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg @@ -0,0 +1,801 @@ + + + + +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 new file mode 100644 index 0000000..7157aaf Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf 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 new file mode 100644 index 0000000..ad077c6 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff 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 new file mode 100644 index 0000000..5632894 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 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 new file mode 100644 index 0000000..e994171 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot 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 new file mode 100644 index 0000000..00296e9 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg @@ -0,0 +1,5034 @@ + + + + +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 new file mode 100644 index 0000000..25abf38 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf 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 new file mode 100644 index 0000000..23ee663 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff 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 new file mode 100644 index 0000000..2217164 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 differ diff --git a/web/themes/custom/eql/images/gouvernement_cartouche.png b/web/themes/custom/eql/images/gouvernement_cartouche.png new file mode 100644 index 0000000..2ee3249 Binary files /dev/null and b/web/themes/custom/eql/images/gouvernement_cartouche.png differ diff --git a/web/themes/custom/eql/images/pictos/icons8-menu.svg b/web/themes/custom/eql/images/pictos/icons8-menu.svg new file mode 100644 index 0000000..9f75976 --- /dev/null +++ b/web/themes/custom/eql/images/pictos/icons8-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/custom/eql/js/eql-menu-burger.js b/web/themes/custom/eql/js/eql-menu-burger.js new file mode 100644 index 0000000..963b162 --- /dev/null +++ b/web/themes/custom/eql/js/eql-menu-burger.js @@ -0,0 +1,29 @@ + +// jQuery(document).ready(function($){ + + +// $("#block-burger").click(function(event){ +// var mods = document.querySelectorAll('.ul1'); +// mods.forEach((m, i) => { +// m.classList.remove('.open') +// }); + +// var btn = event.currentTarget; +// var mod = btn.parentNode.querySelector('.ul1'); +// mod.classList.add('.open') + +// }); + +// $(".ul1, .ul1 a").click(function(event){ +// $ (".ul1").removeClass(".open"); +// return false; +// }); + +// }); + +remove.onClick = () => { + const ul1 = document.querySelector('.ul1'); + + ul1.classList.add("open"); + +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/_fonts.scss b/web/themes/custom/eql/scss/global/_fonts.scss index 2281e19..91c05a5 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: 'duke'; - src: url('../fonts/Duke_Fill.otf') format('opentype'); + font-family: 'Font Awesome'; + src: url('../fonts/Font Awesome/fa-regular-400.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 new file mode 100644 index 0000000..7d21c8d --- /dev/null +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -0,0 +1,21 @@ +// .node-type-static{ +// display: grid; +// grid-template-columns: repeat(6,1fr); +// } + + + +.layout-container { + position: absolute; + font-family: $font-family-default; + margin: none; + top: 0%; + left: 0%; +} +.path-frontpage{ + margin: 0; +} + +// .contextual-region .node-type-static { +// grid-template-columns: repeat(6 1fr); +// } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/_typography.scss b/web/themes/custom/eql/scss/global/_typography.scss new file mode 100644 index 0000000..d8f2a10 --- /dev/null +++ b/web/themes/custom/eql/scss/global/_typography.scss @@ -0,0 +1,5 @@ + + +a { + text-decoration: none; +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/layout.scss b/web/themes/custom/eql/scss/global/layout.scss deleted file mode 100644 index 56810b4..0000000 --- a/web/themes/custom/eql/scss/global/layout.scss +++ /dev/null @@ -1,4 +0,0 @@ -// .node-type-static{ -// display: grid; -// grid-template-columns: repeat(6,1fr); -// } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/variables/colors.scss b/web/themes/custom/eql/scss/global/variables/_colors.scss similarity index 100% rename from web/themes/custom/eql/scss/global/variables/colors.scss rename to web/themes/custom/eql/scss/global/variables/_colors.scss diff --git a/web/themes/custom/eql/scss/global/variables/typography.scss b/web/themes/custom/eql/scss/global/variables/_typography.scss similarity index 99% rename from web/themes/custom/eql/scss/global/variables/typography.scss rename to web/themes/custom/eql/scss/global/variables/_typography.scss index 3b003bf..49f8130 100644 --- a/web/themes/custom/eql/scss/global/variables/typography.scss +++ b/web/themes/custom/eql/scss/global/variables/_typography.scss @@ -18,4 +18,4 @@ $font-regular-italic: 600, italic; // font-style: normal; // font-weight: 900; // font-family: $font-family-default; -// } \ No newline at end of file +// } diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss new file mode 100644 index 0000000..7d61e87 --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -0,0 +1,61 @@ + +.node-type-static { + display: grid; + grid-template-columns: 2fr 2fr 2fr 2fr 2fr; +} + + +.field--type-entity-reference-revisions{ + .paragraph-summary{ + font-family: $font-family-default; + font-size: 5rem; + font-weight: 600; + color: $black !important; + text-transform: capitalize; + + + span:nth-of-type(2n){ + display: block; + font-size: 1rem; + } + } +} + +.contextual-region{ + display: grid; + grid-template-columns:10% 2fr 2fr 2fr 2fr 10%; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; + +} + +.block-views-blockactus-blocks-pages-block-1{ + background-color: $blue-dark; + // display: grid; + // grid-template-columns: 2fr 2fr 2fr 2fr; + // color: $white; + + +} + + +.view-content{ + display: flex; + flex-direction: row; + justify-content: space-around; + .node-type-actualite{ + div:first-child{ + padding: 1rem; + color: $white; + .field--name-field-images { + .field__item img{ + height: 400px; + } + + } + } + a{ + color: $white; + } + + } +} \ 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 similarity index 64% rename from web/themes/custom/eql/scss/pages/static.scss rename to web/themes/custom/eql/scss/pages/_static.scss index 7a3b825..6731efd 100644 --- a/web/themes/custom/eql/scss/pages/static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -1,43 +1,35 @@ -.path-node .page-node-type-static { - font-family: $font-family-default; -} - -.paragraph paragraph--type--texte .paragraph--view-mode--default { - font-family: $font-family-default; -} - -.node-type-static { - display: flex; - flex-direction: column; - font-family: $font-family-default; - .field--name-field-textes { - display: flex; - flex-direction: column; - max-width: 50%; - align-self: center; - margin: auto; - margin-left: 20%; - margin-right: 30%; - padding: 4rem; - } - .field--name-field-titre{ - .field__item{ - color: $blue-dark; - font-weight: 900; - font-size: 2rem; - } - .field__label{ - visibility: hidden; - } - } - .inter-titre { - color: $blue-light; - text-transform: uppercase; - } +// .node-type-static { +// // display: flex; +// // flex-direction: column; +// font-family: $font-family-default; +// .field--name-field-textes { +// display: flex; +// flex-direction: column; +// max-width: 50%; +// align-self: center; +// margin: auto; +// margin-left: 20%; +// margin-right: 30%; +// padding: 4rem; +// } +// .field--name-field-titre{ +// .field__item{ +// color: $blue-dark; +// font-weight: 900; +// font-size: 2rem; +// } +// .field__label{ +// visibility: hidden; +// } +// } +// .inter-titre { +// color: $blue-light; +// text-transform: uppercase; +// } -} +// } // field field--name-field-liens field--type-link field--label-above diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss new file mode 100644 index 0000000..0fa0fea --- /dev/null +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -0,0 +1,19 @@ + + +#fotter-bottom{ + display: flex; + flex-direction: row; + justify-content: space-around; + + #block-pieddepage ul{ + color: $blue-dark; + font-weight: 800; + list-style: none; + } + + + .twitter::before { + font-family: "Font Awesome 5 Brands"; content: "\f099"; + } + +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss new file mode 100644 index 0000000..4954a21 --- /dev/null +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -0,0 +1,125 @@ + + +#header-top { + height: 7rem; + background-color: $white; + box-shadow: 1px 0px 8px $black; + display: flex; + flex-direction: row; + justify-content: space-between; + color: $black; + position: sticky; + + + + .region-header-top-left { + display:flex; + flex-direction: row; + padding: 1rem; + align-items: center; + color: $black; + font-weight: 800; + position: sticky; + ul{ + list-style: none; + display: flex; + flex-direction: row; + li { + padding-right: 1rem; + a { + color: $black; + .is-active { + color: $blue-light; + } + } + } + .ul2{ + flex-direction: column; + } + } + :hover{ + color: $blue-light; + } + // :visited { + // color: $blue-light; + // } + } + + li ul { + display: flex; + flex-direction: column; + } + + // .region-header-top-rigth { + + // width: 7rem; + // height: 7rem; + + // } + #block-burger { + background-color: $blue-light; + font-size: 0.7rem; + color: $white; + display: block; + + width: 7rem; + height: 7rem; + margin-top: 0; + h2::after{ + display: block; + font-family: 'Font Awesome'; + content: "\f0c9"; + + font-size: 5rem; + } + + #block-burger-menu{ + display: block; + // content: url(../../images/pictos/icons8-menu.svg); + margin-top: 0; + align-self: center; + text-align: center; + + } + + ul { + display: none; + .open{ + width: 100vw; + position: relative; + bottom:8%;; + left: calc(-30vw + 50%); + display: block; + height: fit-content; + padding-bottom: 1rem; + padding-top: 1rem; + background-color: $blue-light; + line-height: 2rem; + list-style: none; + + .ul1 .sous-liste{ + left: calc(-50vw + 50%); + padding-top: 0; + a{ + opacity: 1; + } + } + a{ + color: $white; + font-weight: 800; + font-size: 1.7rem; + opacity: 0.7; + } + } + } + } + + + + + + + + +} + diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 7867814..1813eb0 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -3,10 +3,12 @@ /*global*/ -@import "global/fonts"; -@import "global/variables/typography"; -@import "global/variables/colors"; -@import "global/layout"; +@import "global/_fonts"; +@import "global/variables/_typography"; +@import "global/variables/_colors"; +@import "global/_layout"; + +@import "global/_typography"; /*pages*/ @@ -15,6 +17,10 @@ @import "pages/home";*/ // @import "pages/off_canvas_page_wrapper"; -@import "pages/static"; +@import "pages/_static"; +@import "pages/_home"; +/*partials*/ +@import "partials/_header"; +@import "partials/_footer"; \ No newline at end of file diff --git a/web/themes/custom/eql/templates/block.html.twig b/web/themes/custom/eql/templates/block.html.twig new file mode 100644 index 0000000..fd3311b --- /dev/null +++ b/web/themes/custom/eql/templates/block.html.twig @@ -0,0 +1,44 @@ +{# +/** + * @file + * Theme override to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + */ +#} +{% + set classes = [ + 'block', + 'block-' ~ configuration.provider|clean_class, + 'block-' ~ plugin_id|clean_class, + ] +%} + + {{ title_prefix }} + {% if label %} + {{ label }} + {% endif %} + {{ title_suffix }} + {% block content %} + {{ content }} + {% endblock %} + diff --git a/web/themes/custom/eql/templates/field.html.twig b/web/themes/custom/eql/templates/field.html.twig index 1cfbd65..3072232 100644 --- a/web/themes/custom/eql/templates/field.html.twig +++ b/web/themes/custom/eql/templates/field.html.twig @@ -53,29 +53,36 @@ ] %} -{% if label_hidden %} - {% if multiple %} - +{% + set ouid_classes = [ + 'first_part_home', + ] +%} + + + {% if label_hidden %} + {% if multiple %} + + {% for item in items %} + {{ item.content }} + {% endfor %} + + {% else %} + {% for item in items %} + {{ item.content }} + {% endfor %} + {% endif %} + {% else %} + + {{ label }} + {% if multiple %} +
+ {% endif %} {% for item in items %} {{ item.content }}
{% endfor %} + {% if multiple %} + + {% endif %} - {% else %} - {% for item in items %} - {{ item.content }} - {% endfor %} {% endif %} -{% else %} - - {{ label }} - {% if multiple %} -
- {% endif %} - {% for item in items %} - {{ item.content }}
- {% endfor %} - {% if multiple %} - - {% endif %} - -{% endif %} diff --git a/web/themes/custom/eql/templates/layout/container.html.twig b/web/themes/custom/eql/templates/layout/container.html.twig new file mode 100644 index 0000000..6cb299b --- /dev/null +++ b/web/themes/custom/eql/templates/layout/container.html.twig @@ -0,0 +1,30 @@ +{# +/** + * @file + * Default theme implementation of a container used to wrap child elements. + * + * Used for grouped form items. Can also be used as a theme wrapper for any + * renderable element, to surround it with a
and HTML attributes. + * See \Drupal\Core\Render\Element\RenderElement for more + * information on the #theme_wrappers render array property, and + * \Drupal\Core\Render\Element\container for usage of the container render + * element. + * + * Available variables: + * - attributes: HTML attributes for the containing element. + * - children: The rendered child elements of the container. + * - has_parent: A flag to indicate that the container has one or more parent + containers. + * + * @see template_preprocess_container() + * + * @ingroup themeable + */ +#} +{% + set classes = [ + has_parent ? 'js-form-wrapper', + has_parent ? 'form-wrapper', + ] +%} +{{ children }}
diff --git a/web/themes/custom/eql/templates/layout/paragraphs-summary.html.twig b/web/themes/custom/eql/templates/layout/paragraphs-summary.html.twig new file mode 100644 index 0000000..74c9584 --- /dev/null +++ b/web/themes/custom/eql/templates/layout/paragraphs-summary.html.twig @@ -0,0 +1,50 @@ +{# +/** + * @file + * Default theme implementation for a paragraphs summary. + * + * Available variables: + * - expanded: Whether the summary is expanded or not. + * - content: Array of content summary items. + * - behaviors: Array of behavior summary items. + * + * @see template_preprocess() + * + * @ingroup themeable + */ +#} +{% set classes = [ + 'paragraphs-description', + expanded ? 'paragraphs-expanded-description' : 'paragraphs-collapsed-description' +] %} + +{% set label_classes = [ + 'field_title' + +] %} +{% spaceless %} + {% if content is not empty or behaviors is not empty %} + {# #} + {% if content is not empty %} + {#
#} + {%- for content_item in content -%} + {{ content_item }} + {%- if not loop.last -%}, {% endif %} + {%- endfor -%} + {#
#} + {% endif %} + {% if behaviors is not empty %} +
+ {%- for behavior_item in behaviors -%} + + {%- if behavior_item.label is not null -%} + {{ behavior_item.label }} + {%- endif -%} + {{ behavior_item.value -}} + + {%- endfor -%} +
+ {% endif %} + {# #} + {% endif %} +{% endspaceless %} diff --git a/web/themes/custom/eql/templates/layout/region.html.twig b/web/themes/custom/eql/templates/layout/region.html.twig new file mode 100644 index 0000000..95e71ce --- /dev/null +++ b/web/themes/custom/eql/templates/layout/region.html.twig @@ -0,0 +1,25 @@ +{# +/** + * @file + * Theme override to display a region. + * + * Available variables: + * - content: The content for this region, typically blocks. + * - attributes: HTML attributes for the region
. + * - region: The name of the region variable as defined in the theme's + * .info.yml file. + * + * @see template_preprocess_region() + */ +#} +{% + set classes = [ + 'region', + 'region-' ~ region|clean_class, + ] +%} +{% if content %} + + {{ content }} +
+{% endif %} diff --git a/web/themes/custom/eql/templates/partials/menu.html.twig b/web/themes/custom/eql/templates/partials/menu.html.twig new file mode 100644 index 0000000..7131476 --- /dev/null +++ b/web/themes/custom/eql/templates/partials/menu.html.twig @@ -0,0 +1,65 @@ +{# +/** + * @file + * Default theme implementation to display a menu. + * + * Available variables: + * - menu_name: The machine name of the menu. + * - items: A nested list of menu items. Each menu item contains: + * - attributes: HTML attributes for the menu item. + * - below: The menu item child items. + * - title: The menu link title. + * - url: The menu link url, instance of \Drupal\Core\Url + * - localized_options: Menu link localized options. + * - is_expanded: TRUE if the link has visible children within the current + * menu tree. + * - is_collapsed: TRUE if the link has children within the current menu tree + * that are not currently visible. + * - in_active_trail: TRUE if the link is in the active trail. + * + * @ingroup themeable + */ +#} +{% import _self as menus %} +{% + set classes = [ + 'sous-liste', + ] +%} + +{% + set ulClasses = [ + 'ul1', + 'ul2' + ] +%} +{# + We call a macro which calls itself to render the full tree. + @see https://twig.symfony.com/doc/1.x/tags/macro.html +#} +{{ menus.menu_links(items, attributes, 0) }} + +{% macro menu_links(items, attributes, menu_level) %} + {% import _self as menus %} + {% if items %} + {% if menu_level == 0 %} + + {% else %} + + + {% endif %} + {# #} + {% for item in items %} + + + {{ link(item.title, item.url) }} + {% if item.below %} + {{ menus.menu_links(item.below, attributes, menu_level + 1) }} + {% endif %} + + + {% endfor %} + {# #} + + {% endif %} +{% endmacro %} diff --git a/web/themes/custom/eql/templates/views-view.html.twig b/web/themes/custom/eql/templates/views-view.html.twig new file mode 100644 index 0000000..251b061 --- /dev/null +++ b/web/themes/custom/eql/templates/views-view.html.twig @@ -0,0 +1,95 @@ +{# +/** + * @file + * Theme override for a main view template. + * + * Available variables: + * - attributes: Remaining HTML attributes for the element. + * - css_name: A CSS-safe version of the view name. + * - css_class: The user-specified classes names, if any. + * - header: The optional header. + * - footer: The optional footer. + * - rows: The results of the view query, if any. + * - empty: The content to display if there are no rows. + * - pager: The optional pager next/prev links to display. + * - exposed: Exposed widget form/info to display. + * - feed_icons: Optional feed icons to display. + * - more: An optional link to the next page of results. + * - title: Title of the view, only used when displaying in the admin preview. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the view title. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the view title. + * - attachment_before: An optional attachment view to be displayed before the + * view content. + * - attachment_after: An optional attachment view to be displayed after the + * view content. + * - dom_id: Unique id for every view being printed to give unique class for + * JavaScript. + * + * @see template_preprocess_views_view() + */ +#} +{% + set classes = [ + 'view', + 'view-' ~ id|clean_class, + 'view-id-' ~ id, + 'view-display-id-' ~ display_id, + dom_id ? 'js-view-dom-id-' ~ dom_id, + ] +%} + + {{ title_prefix }} + {% if title %} + {{ title }} + {% endif %} + {{ title_suffix }} + {% if header %} +
+ {{ header }} +
+ {% endif %} + {% if exposed %} +
+ {{ exposed }} +
+ {% endif %} + {% if attachment_before %} +
+ {{ attachment_before }} +
+ {% endif %} + + {% if rows %} +
+ {{ rows }} +
+ {% elseif empty %} +
+ {{ empty }} +
+ {% endif %} + + {% if pager %} + {{ pager }} + {% endif %} + {% if attachment_after %} +
+ {{ attachment_after }} +
+ {% endif %} + {% if more %} + {{ more }} + {% endif %} + {% if footer %} + + {% endif %} + {% if feed_icons %} +
+ {{ feed_icons }} +
+ {% endif %} +