diff --git a/web/themes/custom/quartiers_de_demain/css/animated_logo.css b/web/themes/custom/quartiers_de_demain/css/animated_logo.css index 524571c..aea3fa7 100644 --- a/web/themes/custom/quartiers_de_demain/css/animated_logo.css +++ b/web/themes/custom/quartiers_de_demain/css/animated_logo.css @@ -25,7 +25,8 @@ max-width: 1300px; max-height: 1000px; overflow: hidden; - } + +} svg { @@ -36,7 +37,7 @@ top: 0; left: 0; } - img { + #logo-animated img { position: absolute; opacity: 0; } diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css index 9df10fa..b156240 100644 --- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css @@ -118,7 +118,7 @@ .layout-content { grid-column: 1 / span 12; - padding-top: 150px; } + padding-top: 125px; } /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ ul { @@ -150,7 +150,7 @@ header { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(3, 1fr); - height: 150px; + height: 125px; background-color: white; z-index: 99; width: 100vw; @@ -185,7 +185,7 @@ header { header .header_left_container #block-quartiers-de-demain-logorepu-2 { height: 110px; } } header .header_left_container #block-quartiers-de-demain-logoepau-2 { - height: 150px; } + height: 125px; } @media (max-width: 891px) { header .header_left_container #block-quartiers-de-demain-logoepau-2 { height: 110px; } } @@ -193,7 +193,7 @@ header { margin-left: auto; } header .header_left_container img { width: auto; - height: 150px; } + height: 125px; } @media (max-width: 891px) { header .header_left_container img { height: 110px; } } @@ -204,7 +204,7 @@ header { header .header_left_container img { height: 50px; } } header .header_right_container { - padding-left: calc(100% /4); } + margin: auto; } @media (max-width: 660px) { header .header_right_container { padding-right: 0; } } @@ -213,13 +213,14 @@ header { header .header_right_container .language-switcher-language-url ul { display: flex; flex-direction: row; - font-size: 0.8rem; + font-size: 0.6rem; padding: 0; } @media (max-width: 660px) { header .header_right_container .language-switcher-language-url ul { margin-bottom: 0; } } header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { - content: "/"; } + content: " / "; + white-space: pre; } header .header_right_container .language-switcher-language-url ul .is-active { font-weight: 600; } header .header_nav_container { @@ -283,26 +284,28 @@ header { header .open-block.opened > div > span:nth-child(3) { display: none; } -footer span.totop { - display: inline-flex; - width: 100vw; } - footer span.totop #toTop { - margin: auto; - background-color: #fff; - border-top-left-radius: 10%; - border-top-right-radius: 10%; - padding-bottom: 0.5rem; } - footer span.totop #toTop .arrow-up { - font-size: 1.7rem; - line-height: 2.5rem; - text-align: center; - width: 3rem; - height: 2rem; - display: inline-block; - text-align: top; } - footer span.totop #toTop .arrow-up::before { - content: url("../images/up-arrow.svg"); - width: 50%; } +footer { + z-index: 100; } + footer span.totop { + display: inline-flex; + width: 100vw; } + footer span.totop #toTop { + margin: auto; + background-color: #fff; + border-top-left-radius: 10%; + border-top-right-radius: 10%; + padding-bottom: 0.5rem; } + footer span.totop #toTop .arrow-up { + font-size: 1.7rem; + line-height: 2.5rem; + text-align: center; + width: 3rem; + height: 2rem; + display: inline-block; + text-align: top; } + footer span.totop #toTop .arrow-up::before { + content: url("../images/up-arrow.svg"); + width: 50%; } .footer { display: grid; @@ -332,13 +335,13 @@ footer span.totop { display: flex; flex-direction: row; } .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { - height: 150px; } + height: 125px; } @media (max-width: 891px) { .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { height: 110px; } } .footer #footer-left .footer_left_container img { width: auto; - height: 150px; } + height: 125px; } @media (max-width: 891px) { .footer #footer-left .footer_left_container img { height: 110px; } } @@ -350,7 +353,8 @@ footer span.totop { height: 50px; } } .footer #footer-middle { grid-column: 6 /span 7; - grid-row: 1; } + grid-row: 1; + font-size: 0.6rem; } .footer #footer-middle #block-quartiers-de-demain-pieddepage ul li { padding-bottom: 0.2rem; } @media (max-width: 891px) { @@ -366,13 +370,14 @@ footer span.totop { flex-direction: column; font-size: 0.8rem; font-weight: 400; - padding-bottom: 0.6rem; } + padding-bottom: 0.6rem; + font-size: 0.6rem; } .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before { content: "Nous contacter"; padding-bottom: 0.6rem; font-weight: 600; } .footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x { - font-size: 2em; } + font-size: 1.5em; } @media (max-width: 891px) { .footer div { flex-wrap: wrap; } } @@ -418,7 +423,7 @@ footer span.totop { font-weight: 400; } .layout-sidebar-first .sidebar_first_container .field-content { margin-bottom: 0.5rem; - font-size: 0.6rem; } + font-size: 0.5rem; } @media (max-width: 810px) { .layout-sidebar-first .sidebar_first_container { display: none; } } diff --git a/web/themes/custom/quartiers_de_demain/js/animated_logo.js b/web/themes/custom/quartiers_de_demain/js/animated_logo.js index f31768a..2176c3a 100644 --- a/web/themes/custom/quartiers_de_demain/js/animated_logo.js +++ b/web/themes/custom/quartiers_de_demain/js/animated_logo.js @@ -6,7 +6,7 @@ function setLogoContainerSize() { } setLogoContainerSize(); window.addEventListener('resize', setLogoContainerSize); - + console.log('animated'); let chemins = document.querySelectorAll('path'); for (let chemin of chemins) { @@ -66,4 +66,4 @@ function setLogoContainerSize() { - window.addEventListener('load', startCountdown); \ No newline at end of file + window.addEventListener('load', startCountdown); diff --git a/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js b/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js index 63faa20..7e8a322 100644 --- a/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js +++ b/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js @@ -63,3 +63,5 @@ })(jQuery, window); + + diff --git a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss b/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss index ada69f1..4df4fec 100644 --- a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss +++ b/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss @@ -1,5 +1,5 @@ -$header-height : 150px; +$header-height : 125px; $header-height-pad : 110px; $header-height-small : 70px; $header-height-ultrasmall : 50px; diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss index f0bb72b..1ab139c 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss @@ -45,7 +45,7 @@ font-weight: 400; .field-content{ margin-bottom: 0.5rem; - font-size: 0.6rem; + font-size: 0.5rem; } @media (max-width: 810px){ display: none; diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss index 2557470..4a3aba6 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss @@ -1,11 +1,8 @@ footer{ - + z-index: 100; span.totop { display: inline-flex; width: 100vw; - // content: url(../images/up-arrow.svg); - - // background: $bleu_fond_header; #toTop{ margin: auto; background-color: #fff; @@ -16,7 +13,6 @@ footer{ font-size: 1.7rem; line-height: 2.5rem; text-align: center; - // background: $footer-bg; width: 3rem; height: 2rem; display: inline-block; @@ -25,9 +21,6 @@ footer{ content:url("../images/up-arrow.svg") ; width: 50%; } - // .fa{ - // color: #fff; - // } } } @@ -95,6 +88,7 @@ footer{ } } } + font-size: 0.6rem; } #footer-right{ grid-column: 10 / 12; @@ -112,9 +106,11 @@ footer{ font-weight: 600; } padding-bottom: 0.6rem; + font-size: 0.6rem; + } .fa-3x{ - font-size: 2em; + font-size: 1.5em; } } } diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss index 5580072..ad67f32 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss @@ -68,33 +68,34 @@ header{ } } .header_right_container{ - // padding-right: 30%; - padding-left: calc(100% /4); + margin: auto; @media(max-width: 660px){ padding-right: 0; } .language-switcher-language-url{ - // padding-left: 30%; text-transform: uppercase; ul{ display: flex; flex-direction: row; - font-size: $font-medium; + font-size: $font-normal; padding: 0; @media(max-width: 660px){ margin-bottom: 0; } li:nth-child(1){ &::after{ - content: "/"; + content: " / "; + white-space: pre; } } + .is-active{ font-weight: 600; } + } - + } } diff --git a/web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss b/web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss index 2ac0301..ac5f676 100644 --- a/web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss +++ b/web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss @@ -15,6 +15,7 @@ @import "global/layout"; @import "global/reset"; @import "global/mediaquerries"; +// @import "global/_animated-logo"; diff --git a/web/themes/custom/quartiers_de_demain/templates/page.html.twig b/web/themes/custom/quartiers_de_demain/templates/page.html.twig index 325c504..214b913 100644 --- a/web/themes/custom/quartiers_de_demain/templates/page.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/page.html.twig @@ -61,10 +61,7 @@
-{#
- logo animé consultation quartiers de demain -
- #} {{ page.content }} + {{ page.content }}
{# /.layout-content #} {% if page.sidebar_first %}