corrections header

This commit is contained in:
Valentin 2024-03-18 15:25:21 +01:00
parent 60be60272f
commit 8f48d2330d
6 changed files with 870 additions and 581 deletions

View File

@ -27,8 +27,7 @@
overflow: hidden; overflow: hidden;
} }
#logo-animated svg {
svg {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: auto; height: auto;
@ -36,7 +35,8 @@
top: 0; top: 0;
left: 0; left: 0;
} }
img {
#logo-animated img {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
} }

View File

@ -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":"AACA;AAKA;ACLA;ACDA;EACC;IACE;AACA;AACA;;;AAID;EACD;IACE;;;ACTH;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAIJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EACA;EACA;;ACnGJ;EACI;EACA;EACA,kBHLe;EGMf,aCVkB;EDWlB;EACA;EACA,WCLU;EDMV;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA,aAxCa;;;AEAjB;AAGA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;ANRJ;AOrBA;EACI;EACA;EAEA;EACA,QHJa;EGKb,kBNCU;EMAV;EACA;EACA;EACA;EACA;EACA;;AACA;EAbJ;IAeY,QHbS;;;AGejB;EAjBJ;IAkBQ,QHfe;;;AGiBnB;EApBJ;IAqBQ;IACA,QHlBoB;;;AGoBxB;EACI;;AAGH;EACI;EACA;EAGA;EAEA;EACA;EACA;EACA;;AACA;EAXJ;IAYO;;;AAGH;EACG;EACA;;AAKH;EACG;EACA;EAEA;;AACA;EALH;IAOO;;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAKf;EACG;EACC;;AAED;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAMnB;EACI;EACA,QHpGI;;AGqGJ;EAHJ;IAIO,QHrGK;;;AGuGT;EANH;IAOO,QHvGO;;;AGyGX;EATH;IAUO,QHzGY;;;AG6GvB;EAEG;;AACA;EAHH;IAIO;IACA;;;AAEJ;EAEI;;AACA;EACI;EACA;EACA,WFrHF;EEsHE;;AACA;EALJ;IAMQ;;;AAGA;EACI;;AAGR;EACI;;AAQhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YNhJW;EMiJX;EACA;EACA,WFnJG;EEoJH;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAQZ;EACI;EACA;EACA;;AAIJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASQ;;;AAIZ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ,QHlMgB;;;AGoMpB;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAKZ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AC5NR;EACI;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;;AACA;EACI;EACA;;;AAUpB;EACI;EACA;EACA;EACA,kBPhCU;EOiCV;EACA;EAGA;;AAFA;EAAQ;;AACR;EAAO;;AAEP;EAVJ;IAWQ;IACA;IACA;;;AAEJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEA;EACI,QJ9DC;;AI+DD;EAFJ;IAGQ,QJ/DC;;;AIkET;EACI;EACA,QJrEC;;AIsED;EAHJ;IAIQ,QJtEC;;;AIwEL;EANJ;IAOQ,QJxEG;;;AI0EP;EATJ;IAUQ,QJ1EQ;;;AIgFxB;EACI;EACA;;AAEI;EACI;;AAEJ;EACC;IACI;;;AAKb;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA,WHjGF;EGkGE;EAMA;;AALA;EACI;EACA;EACA;;AAIR;EACI;;AAMR;EADJ;IAEQ;;;AAEJ;EAJJ;IAKQ;;;;AC9HZ;EACI;EAEA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;;;AAEJ;EAZJ;IAaQ;IACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAQZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EATJ;IAUQ;;;AAGJ;EACI;EACA;;;AT5BZ;AU1BI;EACI;EACA;EACA,YTIW;;;AULP;EACI;EACA;EACA;;AAEA;EACI;EACA,OVDV;EUEU,WNJP;EMKO;;AAGR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;AACJ;EACQ;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA,WNnCV;EMoCU;;AACA;EANJ;IAOQ;;;AAGR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EAPJ;IAQQ;;;AAGJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;;;AChFhC;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAMhB;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA;;AACA;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EAPJ;IAQQ;IACA;;;AAIJ;EACI,WPlDV;EOmDU;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;IACA;;;AAEJ;EATJ;IAUQ;IACA;;;AAIJ;EACI;EACA,WP7Eb;EO8Ea;;AAGA;EACI,OXhFjB;;AWoFa;EACI,OXtFlB;;AWyFU;EACI,kBX3FL;;AW6FC;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA,OXzHrB;EW0HqB;;AACA;EAPJ;IAQQ;IACA;;;AAEJ;EACI;EACA;EACA;;AAOhB;EACI;;AACA;EACI;;AAGJ;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;IACA;;;AAKhB;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAKR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARJ;IASQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;;AAW5B;EACI;EACA;EACA,YX/NW;;;AYPf;EAEI;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEA;EACI;EACA,OZJV;EYKU,WRPP;EQQO;;AAGR;EACI;EACA;;AAGI;EACI,WRfV;EQgBU;EACA;;AAEJ;EACI","file":"quartiers_de_demain.css"}

View File

@ -1,14 +1,14 @@
function setLogoContainerSize() { function setLogoContainerSize() {
let svgContainer = document.querySelector('#logo-animated'); let svgContainer = document.querySelector('#logo-animated');
let svgElement = document.querySelector('svg'); let svgElement = document.querySelector('#logo-animated svg');
svgContainer.style.height = `${svgElement.clientHeight}px`; svgContainer.style.height = `${svgElement.clientHeight}px`;
} }
setLogoContainerSize(); setLogoContainerSize();
window.addEventListener('resize', setLogoContainerSize); window.addEventListener('resize', setLogoContainerSize);
let chemins = document.querySelectorAll('path'); let chemins = document.querySelectorAll('#logo-animated svg path');
for (let chemin of chemins) { for (let chemin of chemins) {
let length = chemin.getTotalLength(); let length = chemin.getTotalLength();
chemin.style.strokeDasharray = length; chemin.style.strokeDasharray = length;

View File

@ -31,7 +31,7 @@
grid-row: 1; grid-row: 1;
order: 2; order: 2;
@media (max-width:500px) { @media (max-width:500px) {
padding-top: 0; padding-top: 50px;
} }
.content_container{ .content_container{
display: flex; display: flex;

View File

@ -29,8 +29,11 @@ header{
.header_left_container{ .header_left_container{
grid-column: 1 /span 11; grid-column: 1 /span 11;
grid-row: 1 /span 3; grid-row: 1 /span 3;
display: flex; // display: flex;
flex-direction: row; // flex-direction: row;
display: grid;
grid-template-columns: repeat(10, 1fr);
border-right: 1px solid #808080; border-right: 1px solid #808080;
padding-left: 2%; padding-left: 2%;
padding-right: 2%; padding-right: 2%;
@ -39,19 +42,60 @@ header{
} }
#block-quartiers-de-demain-logorepu-2{ #block-quartiers-de-demain-logorepu-2{
@media(max-width: 891px){ height: 100%;
height: $header-height-pad; grid-column: 1 / span 1;
} // @media(max-width: 891px){
// height: $header-height-pad;
// }
} }
#block-quartiers-de-demain-logoepau-2{ #block-quartiers-de-demain-logoepau-2{
height: $header-height; height: 100%;
grid-column: 2 / span 3;
// height: $header-height;
padding-left: 2rem;
@media(max-width: 891px){ @media(max-width: 891px){
height: $header-height-pad; // height: $header-height-pad;
grid-column: 2 / span 5;
}
> div {
width: 100%;
height: 100%;
> a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
> img {
width: 100%;
height: auto;
}
}
} }
} }
#block-quartiers-de-demain-logoquartiersdedemain{ #block-quartiers-de-demain-logoquartiersdedemain{
grid-column: 8 / span 3;
margin-left: auto; margin-left: auto;
// padding-right: 5%; // padding-right: 5%;
> div {
width: 100%;
height: 100%;
> a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
> img {
padding-left: 4rem;
width: 100%;
height: auto;
@media(max-width: 891px){
padding: 0;
}
}
}
}
} }
img{ img{
width: auto; width: auto;
@ -71,6 +115,7 @@ header{
// padding-right: 30%; // padding-right: 30%;
padding-left: calc(100% /4); padding-left: calc(100% /4);
@media(max-width: 660px){ @media(max-width: 660px){
padding-left: 0;
padding-right: 0; padding-right: 0;
} }
.language-switcher-language-url{ .language-switcher-language-url{