ajust

2019-01-30 21:45:49 +01:00
parent 6d1452de31
commit 13e2b28ef0
24 changed files with 167 additions and 141 deletions
@@ -1,6 +1,6 @@
 ---
 title: 'étape 1'
-media_order: etape_1.jpg
+media_order: etape1.png
 ---

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

 Le mettre en forme
@@ -1,6 +1,6 @@
 ---
 title: 'étape 3'
-media_order: etape_3.jpg
+media_order: etape3.png
 ---

 L’imprimer, le fabriquer
@@ -1,6 +1,6 @@
 ---
 title: 'étape 4'
-media_order: etape_4.jpg
+media_order: etape4.png
 ---

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

@@ -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{
@@ -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{
@@ -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);
+      }
+
    }
  }
 }
@@ -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;
-    }
  }
 }
@@ -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{
@@ -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;
@@ -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 %}
@@ -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 %}
@@ -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'} %}