bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: bachir:a091c7f55adee0c6901dcc4ffa95604275a1a4af
Branches Tags
bachir:master
bachir:prod
bachir:stage
bachir:prd
..
compare: bachir:f8df887441ad700c2bf27d1b89b67b3d660adee7
Branches Tags
bachir:master
bachir:prod
bachir:stage
bachir:prd

No commits in common. "a091c7f55adee0c6901dcc4ffa95604275a1a4af" and "f8df887441ad700c2bf27d1b89b67b3d660adee7" have entirely different histories.
a091c7f55a ... f8df887441

10 changed files with 935 additions and 635 deletions
Show Stats Expand all files Collapse all files

4
web/themes/custom/quartiers_de_demain/css/animated_logo.css
View File

@ -25,8 +25,7 @@
max-width: 1300px; max-width: 1300px;
max-height: 1000px; max-height: 1000px;
overflow: hidden; overflow: hidden;
}
}
#logo-animated svg { #logo-animated svg {
position: absolute; position: absolute;
@ -36,6 +35,7 @@
top: 0; top: 0;
left: 0; left: 0;
} }
#logo-animated img { #logo-animated img {
position: absolute; position: absolute;
opacity: 0; opacity: 0;

1416
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

File diff suppressed because it is too large Load Diff

4
web/themes/custom/quartiers_de_demain/js/animated_logo.js
View File

@ -6,7 +6,7 @@ function setLogoContainerSize() {
} }
setLogoContainerSize(); setLogoContainerSize();
window.addEventListener('resize', setLogoContainerSize); window.addEventListener('resize', setLogoContainerSize);
console.log('animated');
let chemins = document.querySelectorAll('#logo-animated svg path'); let chemins = document.querySelectorAll('#logo-animated svg path');
for (let chemin of chemins) { for (let chemin of chemins) {
@ -66,4 +66,4 @@ function setLogoContainerSize() {
window.addEventListener('load', startCountdown); window.addEventListener('load', startCountdown);

2
web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js
View File

@ -63,5 +63,3 @@
})(jQuery, window); })(jQuery, window);

2
web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
View File

@ -1,5 +1,5 @@
$header-height : 125px; $header-height : 150px;
$header-height-pad : 110px; $header-height-pad : 110px;
$header-height-small : 70px; $header-height-small : 70px;
$header-height-ultrasmall : 50px; $header-height-ultrasmall : 50px;

2
web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss
View File

@ -45,7 +45,7 @@
font-weight: 400; font-weight: 400;
.field-content{ .field-content{
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: 0.5rem; font-size: 0.6rem;
} }
@media (max-width: 810px){ @media (max-width: 810px){
display: none; display: none;

56
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
View File

@ -1,8 +1,11 @@
footer{ footer{
z-index: 100;
span.totop { span.totop {
display: inline-flex; display: inline-flex;
width: 100vw; width: 100vw;
// content: url(../images/up-arrow.svg);
// background: $bleu_fond_header;
#toTop{ #toTop{
margin: auto; margin: auto;
background-color: #fff; background-color: #fff;
@ -13,6 +16,7 @@ footer{
font-size: 1.7rem; font-size: 1.7rem;
line-height: 2.5rem; line-height: 2.5rem;
text-align: center; text-align: center;
// background: $footer-bg;
width: 3rem; width: 3rem;
height: 2rem; height: 2rem;
display: inline-block; display: inline-block;
@ -21,6 +25,9 @@ footer{
content:url("../images/up-arrow.svg") ; content:url("../images/up-arrow.svg") ;
width: 50%; width: 50%;
} }
// .fa{
// color: #fff;
// }
} }
} }
@ -36,14 +43,14 @@ footer{
section{width: fit-content;} section{width: fit-content;}
h2, ul{margin: 0;} h2, ul{margin: 0;}
border-top: 1px solid #808080; border-top: 1px solid #808080;
@media(max-width: 891px){ /* @media(max-width: 891px){
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
} }
@media(max-width: 600px){ @media(max-width: 600px){
flex-wrap: nowrap; flex-wrap: nowrap;
} } */
#footer-left{ #footer-left{
grid-column: 1 /span 5; grid-column: 1 /span 5;
@ -61,25 +68,25 @@ footer{
@media(max-width: 891px){ @media(max-width: 891px){
height: $header-height-pad; height: $header-height-pad;
} }
// > div { > div {
// width: 100%; width: 100%;
// height: 100%; height: 100%;
// > a { > a {
// display: flex; display: flex;
// align-items: center; align-items: center;
// justify-content: center; justify-content: center;
// width: 100%; width: 100%;
// height: 100%; height: 100%;
// > img { > img {
// padding: 0 2rem; padding: 0 2rem;
// width: 100%; width: 100%;
// height: auto; height: auto;
// @media(max-width: 891px){ @media(max-width: 891px){
// padding: 0; padding: 0;
// } }
// } }
// } }
// } }
} }
img{ img{
width: auto; width: auto;
@ -110,7 +117,6 @@ footer{
} }
} }
} }
font-size: 0.6rem;
} }
#footer-right{ #footer-right{
grid-column: 10 / 12; grid-column: 10 / 12;
@ -128,11 +134,9 @@ footer{
font-weight: 600; font-weight: 600;
} }
padding-bottom: 0.6rem; padding-bottom: 0.6rem;
font-size: 0.6rem;
} }
.fa-3x{ .fa-3x{
font-size: 1.5em; font-size: 2em;
} }
} }
} }

78
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
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,23 +42,60 @@ header{
} }
#block-quartiers-de-demain-logorepu-2{ #block-quartiers-de-demain-logorepu-2{
height: 100%;
@media(max-width: 891px){ grid-column: 1 / span 1;
height: $header-height-pad; // @media(max-width: 891px){
} // height: $header-height-pad;
// }
} }
#block-quartiers-de-demain-logoepau-2{ #block-quartiers-de-demain-logoepau-2{
height: 100%;
height: $header-height; 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;
@ -72,34 +112,34 @@ header{
} }
} }
.header_right_container{ .header_right_container{
margin: auto; // padding-right: 30%;
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{
// padding-left: 30%;
text-transform: uppercase; text-transform: uppercase;
ul{ ul{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: $font-normal; font-size: $font-medium;
padding: 0; padding: 0;
@media(max-width: 660px){ @media(max-width: 660px){
margin-bottom: 0; margin-bottom: 0;
} }
li:nth-child(1){ li:nth-child(1){
&::after{ &::after{
content: " / "; content: "/";
white-space: pre;
} }
} }
.is-active{ .is-active{
font-weight: 600; font-weight: 600;
} }
} }
} }
} }

1
web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss
View File

@ -15,7 +15,6 @@
@import "global/layout"; @import "global/layout";
@import "global/reset"; @import "global/reset";
@import "global/mediaquerries"; @import "global/mediaquerries";
// @import "global/_animated-logo";

5
web/themes/custom/quartiers_de_demain/templates/page.html.twig
View File

@ -61,7 +61,10 @@
<div class="layout-content"> <div class="layout-content">
{{ page.content }} {# <div id="logo-animated">
<img src=url("../images/logo_accueil_QDD.svg") alt="logo animé consultation quartiers de demain" />
</div>
#} {{ page.content }}
</div>{# /.layout-content #} </div>{# /.layout-content #}
{% if page.sidebar_first %} {% if page.sidebar_first %}