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

Compare commits

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

2 Commits
f8df887441 ... a091c7f55a

Author SHA1 Message Date
ouidade a091c7f55a ajustement typo 2024-03-20 14:31:26 +01:00
ouidade d9029c4f36 ajustement typo 2024-03-20 14:00:00 +01:00
10 changed files with 635 additions and 935 deletions
Show Stats Expand all files Collapse all files

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

@ -25,7 +25,8 @@
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;
@ -35,7 +36,6 @@
top: 0; top: 0;
left: 0; left: 0;
} }
#logo-animated img { #logo-animated img {
position: absolute; position: absolute;
opacity: 0; opacity: 0;

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

File diff suppressed because it is too large Load Diff

2
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) {

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

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

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

@ -1,5 +1,5 @@
$header-height : 150px; $header-height : 125px;
$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.6rem; font-size: 0.5rem;
} }
@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,11 +1,8 @@
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;
@ -16,7 +13,6 @@ 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;
@ -25,9 +21,6 @@ footer{
content:url("../images/up-arrow.svg") ; content:url("../images/up-arrow.svg") ;
width: 50%; width: 50%;
} }
// .fa{
// color: #fff;
// }
} }
} }
@ -43,14 +36,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;
@ -68,25 +61,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;
@ -117,6 +110,7 @@ footer{
} }
} }
} }
font-size: 0.6rem;
} }
#footer-right{ #footer-right{
grid-column: 10 / 12; grid-column: 10 / 12;
@ -134,9 +128,11 @@ 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: 2em; font-size: 1.5em;
} }
} }
} }

76
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@ -29,11 +29,8 @@ 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%;
@ -42,60 +39,23 @@ header{
} }
#block-quartiers-de-demain-logorepu-2{ #block-quartiers-de-demain-logorepu-2{
height: 100%;
grid-column: 1 / span 1; @media(max-width: 891px){
// @media(max-width: 891px){ height: $header-height-pad;
// height: $header-height-pad; }
// }
} }
#block-quartiers-de-demain-logoepau-2{ #block-quartiers-de-demain-logoepau-2{
height: 100%;
grid-column: 2 / span 3; height: $header-height;
// 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;
@ -112,32 +72,32 @@ header{
} }
} }
.header_right_container{ .header_right_container{
// padding-right: 30%; margin: auto;
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-medium; font-size: $font-normal;
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,6 +15,7 @@
@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,10 +61,7 @@
<div class="layout-content"> <div class="layout-content">
{# <div id="logo-animated"> {{ page.content }}
<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 %}