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 aea3fa7..3eadea9 100644 --- a/web/themes/custom/quartiers_de_demain/css/animated_logo.css +++ b/web/themes/custom/quartiers_de_demain/css/animated_logo.css @@ -28,8 +28,7 @@ } - - svg { + #logo-animated svg { position: absolute; width: 100%; height: auto; 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 b156240..6112c89 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 @@ -190,7 +190,8 @@ header { header .header_left_container #block-quartiers-de-demain-logoepau-2 { height: 110px; } } header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain { - margin-left: auto; } + margin-left: auto; + padding-right: 5%; } header .header_left_container img { width: auto; height: 125px; } @@ -329,11 +330,14 @@ footer { flex-wrap: nowrap; } } .footer #footer-left { grid-column: 1 /span 5; - grid-row: 1; - padding-left: 5%; } + grid-row: 1; } .footer #footer-left .footer_left_container { + padding-left: 5%; display: flex; flex-direction: row; } + @media (max-width: 891px) { + .footer #footer-left .footer_left_container { + max-width: 50vw; } } .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { height: 125px; } @media (max-width: 891px) { @@ -533,7 +537,7 @@ footer { order: 2; } @media (max-width: 500px) { #presentation .layout-content, #home .layout-content { - padding-top: 0; } } + padding-top: 50px; } } #presentation .layout-content .content_container, #home .layout-content .content_container { display: flex; margin-bottom: 0; } diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css.map b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css.map new file mode 100644 index 0000000..0196fa5 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/quartiers_de_demain.scss","../scss/global/variables/_colors.scss","../scss/global/variables/_core.scss","../scss/global/_fonts.scss","../scss/global/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_reset.scss","../scss/partials/_header.scss","../scss/partials/_footer.scss","../scss/partials/_aside.scss","../scss/pages/_home.scss","../scss/pages/_partenaires.scss","../scss/pages/_presentation.scss","../scss/pages/_static.scss"],"names":[],"mappings":"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","file":"quartiers_de_demain.css"} \ No newline at end of file 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 2176c3a..3042ba9 100644 --- a/web/themes/custom/quartiers_de_demain/js/animated_logo.js +++ b/web/themes/custom/quartiers_de_demain/js/animated_logo.js @@ -1,14 +1,14 @@ function setLogoContainerSize() { let svgContainer = document.querySelector('#logo-animated'); - let svgElement = document.querySelector('svg'); + let svgElement = document.querySelector('#logo-animated svg'); svgContainer.style.height = `${svgElement.clientHeight}px`; } setLogoContainerSize(); window.addEventListener('resize', setLogoContainerSize); console.log('animated'); - let chemins = document.querySelectorAll('path'); + let chemins = document.querySelectorAll('#logo-animated svg path'); for (let chemin of chemins) { let length = chemin.getTotalLength(); chemin.style.strokeDasharray = length; diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss index 48525f0..44e54f1 100644 --- a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss +++ b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss @@ -31,7 +31,7 @@ grid-row: 1; order: 2; @media (max-width:500px) { - padding-top: 0; + padding-top: 50px; } .content_container{ display: flex; 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 4a3aba6..21c4595 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss @@ -36,20 +36,23 @@ footer{ section{width: fit-content;} h2, ul{margin: 0;} border-top: 1px solid #808080; - @media(max-width: 891px){ + @media(max-width: 891px){ display: flex; flex-wrap: wrap; justify-content: space-between; } @media(max-width: 600px){ flex-wrap: nowrap; - } + } #footer-left{ grid-column: 1 /span 5; grid-row: 1; - padding-left: 5%; .footer_left_container{ + padding-left: 5%; + @media(max-width: 891px){ + max-width: 50vw; + } display: flex; flex-direction: row; @@ -58,6 +61,25 @@ footer{ @media(max-width: 891px){ height: $header-height-pad; } + // > div { + // width: 100%; + // height: 100%; + // > a { + // display: flex; + // align-items: center; + // justify-content: center; + // width: 100%; + // height: 100%; + // > img { + // padding: 0 2rem; + // width: 100%; + // height: auto; + // @media(max-width: 891px){ + // padding: 0; + // } + // } + // } + // } } img{ width: auto; 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 ad67f32..ca5e931 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss @@ -29,8 +29,8 @@ header{ .header_left_container{ grid-column: 1 /span 11; grid-row: 1 /span 3; - display: flex; - flex-direction: row; + display: flex; + flex-direction: row; border-right: 1px solid #808080; padding-left: 2%; padding-right: 2%; @@ -39,19 +39,23 @@ header{ } #block-quartiers-de-demain-logorepu-2{ - @media(max-width: 891px){ - height: $header-height-pad; - } + + @media(max-width: 891px){ + height: $header-height-pad; + } } #block-quartiers-de-demain-logoepau-2{ - height: $header-height; + + height: $header-height; @media(max-width: 891px){ - height: $header-height-pad; + height: $header-height-pad; } + } #block-quartiers-de-demain-logoquartiersdedemain{ margin-left: auto; - // padding-right: 5%; + padding-right: 5%; + } img{ width: auto;