ajustement typo

web/themes/custom/quartiers_de_demain/css/animated_logo.css

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

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('#logo-animated svg path');
   for (let chemin of chemins) {
@@ -66,4 +66,4 @@ function setLogoContainerSize() {
 
 
 
-  window.addEventListener('load', startCountdown);
+  window.addEventListener('load', startCountdown);

web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js

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

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;

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;

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;
-                // }    
             }
 
         }
@@ -43,14 +36,14 @@ 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;
@@ -68,25 +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;
-                            }
-                        }
-                    }
-                }
+                // > 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;
@@ -117,6 +110,7 @@ footer{
              }
             }
         }
+        font-size: 0.6rem;
     }
     #footer-right{
         grid-column: 10 / 12;
@@ -134,9 +128,11 @@ footer{
                     font-weight: 600;
                 }
                 padding-bottom: 0.6rem;
+                font-size: 0.6rem;
+
             }
             .fa-3x{
-                font-size: 2em;
+                font-size: 1.5em;
             }
         }
     }

web/themes/custom/quartiers_de_demain/scss/partials/_header.scss

@@ -29,11 +29,8 @@ header{
      .header_left_container{
          grid-column: 1 /span 11;
          grid-row: 1 /span 3;
-//         display: flex;
-//         flex-direction: row;
-         display: grid;
-
-         grid-template-columns: repeat(10, 1fr);
+        display: flex;
+        flex-direction: row;
          border-right: 1px solid #808080;
          padding-left: 2%;
          padding-right: 2%;
@@ -42,60 +39,23 @@ header{
         }
 
          #block-quartiers-de-demain-logorepu-2{
-            height: 100%;
-            grid-column: 1 / span 1;
-//            @media(max-width: 891px){
-//                height: $header-height-pad;
-//            }
+
+           @media(max-width: 891px){
+               height: $header-height-pad;
+           }
          }
          #block-quartiers-de-demain-logoepau-2{
-            height: 100%;
-            grid-column: 2 / span 3;
-//            height: $header-height;
-            padding-left: 2rem;
+
+           height: $header-height;
             @media(max-width: 891px){
-//                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;
-                    }
-                }
+               height: $header-height-pad;
             }
+
          }
          #block-quartiers-de-demain-logoquartiersdedemain{
-            grid-column: 8 / span 3;
              margin-left: auto;
-            //  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;
-                        }
-                    }
-                }
-            }
+             padding-right: 5%;
+
          }
          img{
              width: auto;
@@ -112,34 +72,34 @@ header{
          }
      }
      .header_right_container{
-        // padding-right: 30%;
-        padding-left: calc(100% /4);
+        margin: auto;
         @media(max-width: 660px){
-            padding-left: 0;
             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;
     
                 }
+
             }
-            
+                        
         }
      }
 

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";
 
 
 

web/themes/custom/quartiers_de_demain/templates/page.html.twig

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