ajust

user/pages/02.nouvelle-section-1/03.etape-1/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'étape 1'
-media_order: etape_1.jpg
+media_order: etape1.png
 ---
 
 Définir/préciser le projet ensemble

user/pages/02.nouvelle-section-1/04.etape-2/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'étape 2'
-media_order: etape_2.jpg
+media_order: etape2.png
 ---
 
 Le mettre en forme

user/pages/02.nouvelle-section-1/05.etape-3/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'étape 3'
-media_order: etape_3.jpg
+media_order: etape3.png
 ---
 
 L’imprimer, le fabriquer

user/pages/02.nouvelle-section-1/06.etape-4/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'étape 4'
-media_order: etape_4.jpg
+media_order: etape4.png
 ---
 
 Le réceptionner

user/themes/le_style_de_lours_modif/js/scritps.js

@@ -4,7 +4,7 @@ function jcarousel() {
     margin:20,
     loop:true,
     autoWidth:true,
-    
+    items:8,
     nav: true
   });
 

user/themes/le_style_de_lours_modif/scss/theme/_animation.scss

@@ -10,23 +10,22 @@
 
 @keyframes translateOpen{
   0%{margin-top: 0px;}
-  100%{margin-top: -200px}
+  100%{margin-top: -150px;}
 }
 
 @keyframes translateClose{
-  0%{ margin-top: -200px; }
-  100%{ margin-top: 0px; }
+  0%{margin-top: -150px;}
+  100%{margin-top: 0px;}
 }
 
-
 @keyframes translateOpensvg{
-  0%{ top: 30px; }
-  100%{ top: 250px; }
+  0%{margin-top: 50px;}
+  100%{margin-top: 180px;}
 }
 
 @keyframes translateClosesvg{
-  0%{ top: 250px;}
-  100%{ top: 30px}
+  0%{margin-top: 180px;}
+  100%{margin-top: 50px;}
 }
 
 @keyframes visible{
@@ -49,7 +48,6 @@
     opacity: 0;
     transform: translateY(50px);
   }
-
 }
 
 .why_lsdo{

user/themes/le_style_de_lours_modif/scss/theme/_carousel.scss

@@ -3,21 +3,19 @@
   margin: 50px 50px;
   width: auto!important;
   .owl-stage-outer{
-  height: 700px;
+  height: 500px;
   }
-  // display: inline-flex;
-
   .owl-item{
     width: auto!important;
   }
     .galerie{
       width: auto;
         .images{
-          height: 500px;
+          height: 300px;
           width: auto;
           img{
             width: auto!important;
-            height: 500px;
+            height: 300px;
           }
         }
         .content{

user/themes/le_style_de_lours_modif/scss/theme/_header.scss

@@ -12,8 +12,6 @@ header{
         text-transform: uppercase;
         display: inline-block;
         margin-left: 10px;
-        a{
-        }
       }
     }
   }
@@ -37,7 +35,7 @@ header{
     }
     text-align: center;
     h1{
-      height: 106px;
+      height: 90px;
       a{
         padding: 0 50px;
         background-color: white ;
@@ -45,25 +43,25 @@ header{
     }
   }
   .logo{
-    margin: 200px 0 50px 0;
+    margin: 150px 0 50px 0;
     width: 100%;
     display: inline-flex;
     justify-content: space-around;
-    flex-direction: row;
     align-items: center;
     & > div{
       width: calc(100% / 3);
+      min-width: 300px;
       margin-left: 100px;
     }
     & > svg{
       width: calc(100% / 3);
-      min-width: 200px;
-      height: 100%;
-      margin-left: 150px;
-      margin-right: 150px;
+      min-width: 300px;
+      margin: 0 30px;
+      height: 300px;
      }
      & > section{
        width: calc(100% / 3);
+       min-width: 300px;
        margin-right: 100px;
      }
     #user{
@@ -75,25 +73,38 @@ header{
       }
     }
     .why_lsdo{
+      display: inline-flex;
+      flex-direction: column;
       position: relative;
-      height: 100px;
-      &>svg{
+      h3{
+        z-index: 999;
         position: absolute;
-        transform: rotate(-15deg);
-        top: 30px;
-        left: 20px;
+        cursor: pointer;
+        margin: 0;
+        transform: rotate(-15deg) translateY(0px);
       }
-        h3{
-          cursor: pointer;
-          margin: 0;
-          transform: rotate(-15deg);
+      section{
+        position: absolute;
+        background: white;
+        padding: 0 10px;
+        opacity: 0;
+        top: -130px;
+        height: 300px;
+        overflow: auto;
+        p{
+          pointer-events: none;
         }
-        section{
-          opacity: 0;
-          &.open{
-            display: block!important;
-          }
+        &.open{
+          display: block!important;
         }
+      }
+      &>svg{
+        width: 100px;
+        height: 20px;
+        position: absolute;
+        transform: rotate(-15deg) translateY(50px);
+      }
+
     }
   }
 }

user/themes/le_style_de_lours_modif/scss/theme/_start.scss

@@ -25,20 +25,25 @@
     z-index: -1;
     width: 100%;
     height: 2px;
-    background: black;
+    background: black!important;
   }
   #home{
-    width: 60%;
+    width: 50%;
+    min-width: 700px;
     margin: 0 auto 100px auto;
   }
   #métier{
-    background: #bd9a8428;
-    display: inline-flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
+  & > div{
+    background: #ffffd5ff;
+      display: inline-flex;
+      flex-wrap: wrap;
+      justify-content: space-evenly;
+      h3{
+        text-align: center;
+      }
     section{
       width: 35%;
-      min-width: 350px;
+      min-width: 250px;
       &:nth-of-type(n+3){
         position: relative;
         .title{
@@ -87,13 +92,25 @@
         }
       }
     }
+    .content{
+      p{
+        text-align: justify;
+      }
+    }
+    .filet{
+      display: none;
+    }
+    }
     }
   }
   #références{
-    background: #fff59b8c;
+    & > div{
+      background: #ffffd5ff;
     & > p{
       width: 50%;
-      margin: 50px auto 50px auto;
+      min-width: 600px;
+      margin: 0px auto 0px auto;
+      padding: 50px 0 65px 0;
     }
     .title{
       margin-bottom: 50px;
@@ -132,22 +149,22 @@
     }
   }
 
+}
   #contact{
-    display: inline-flex;
-    width: 100%;
-    & > div:nth-of-type(1){
-      margin-top: 50px;
-    }
-    p{
-      &:nth-of-type(1){
-        width: 60%;
+    & > div{
+      display: inline-flex;
+      width: 100%;
+      & > div:nth-of-type(1){
+        margin-top: 50px;
       }
-      &:nth-of-type(2){
-        width: 40%;
+      p{
+        &:nth-of-type(1){
+          width: 60%;
+        }
+        &:nth-of-type(2){
+          width: 40%;
+        }
       }
     }
-    .block{
-      display: none;
-    }
   }
 }

user/themes/le_style_de_lours_modif/scss/theme/_typography.scss

@@ -20,6 +20,7 @@ h3{
 ul,li,a,p,del{
   font-family: $Roboto-R;
   font-weight: normal;
+  font-size: $fontp;
 }
 
 em{
@@ -33,17 +34,17 @@ strong{
 }
 
 h1{
-  font-size: $font96;
+  font-size: $fontH1;
   line-height: $lineH96;
   a{
     font-family: $Regular-L;
-    font-size: $font96;
+    font-size: $fontH1;
     line-height: $lineH96;
   }
 }
 
 h2{
-  font-size: $font56;
+  font-size: $fonth2;
   line-height: $lineH40;
 }
 
@@ -57,7 +58,7 @@ header{
       li{
         a{
           font-family: $Regular-L;
-          font-size: $h3;
+          font-size: $fontnav;
           line-height: $lineH40;
           letter-spacing: $letterI1;
         }
@@ -67,9 +68,9 @@ header{
   .logo{
     #user{
       p{
-        font-size: 2.5rem;
+        font-size: $font32;
         font-family: $Regular-L;
-        line-height: 3rem;
+        line-height: $lineH32;
         letter-spacing: $letterI1;
       }
     }
@@ -77,14 +78,10 @@ header{
       h3{
         font-size: $h3;
         letter-spacing: $letterI1;
-        text-align: center;
         &:hover{
           text-decoration: underline;
         }
       }
-      section{
-        text-align: center;
-      }
     }
   }
 }
@@ -108,7 +105,7 @@ header{
     & > p{
       font-family: $Roboto-L;
       text-align: center;
-      font-size: $h3;
+      font-size: $fontPi;
       line-height: $lineH24;
     }
   }
@@ -146,7 +143,7 @@ header{
       color: #8d2815ff;
       width: 350px;
       margin: auto;
-      background-color: #fff59b;
+      background-color: #ffffd5ff;
     }
     #recommandations{
       .owl-carousel{

user/themes/le_style_de_lours_modif/scss/theme/_variables.scss

@@ -9,13 +9,16 @@
 
 
 // font-size
-$font16: 1rem;
-$font18: 1.15rem;
+$fontp: 1rem;
+$fontnav: 1.15rem;
+$fontPi: 1.15rem;
 $h3: 1.5rem;
 $font32: 2rem;
+$fonth2: 3rem;
+
 $font40: 3rem;
 $font56: 4rem;
-$font96: 6rem;
+$fontH1: 4rem;
 
 // interline
 $lineH24: 2rem;

user/themes/le_style_de_lours_modif/templates/modular.html.twig

@@ -68,6 +68,7 @@
 
       <h2>{{ module.title }}</h2>
       <div class="filet"></div>
+      <div>
         {{ module.content|raw }}
 
       {% for child in module.collection %}
@@ -126,10 +127,9 @@
 
         {% endif %}
       </section>
-
       {% endfor %}
+    </div>
 
     </section>
   {% endfor %}
-
 {% endblock %}

user/themes/le_style_de_lours_modif/templates/partials/base.html.twig

@@ -67,8 +67,8 @@
           <section class="why_lsdo">
               <h3>{{module.title}}</h3>
             {{module.content}}
-           <svg width="500" height="500" viewBox="0 0 500 500">
-              <path id='' d="M 110,0 250,0 110,20 110,20 Z" style="fill:#964587" />
+           <svg>
+              <path id='' d="M 0,0 100,0 0,20 0,20 Z" style="fill:#964587" />
             </svg>
           </section>
         {% endfor %}

user/themes/le_style_de_lours_modif/templates/partials/blog-item.html.twig

@@ -1,7 +1,5 @@
 <div class="content-item h-entry">
 
-
-
 {% if not hero_image_name %}
     <div class="content-title text-center">
         {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}