css home

user/themes/gilles_acezat/scss/theme/_animation.scss

@@ -10,11 +10,11 @@
 
 @keyframes translatep1{
   0%{
-    transform: translateY(-0px);
+    transform: translateY(35px);
   }
 
   100%{
-    transform: translateY(35px);
+    transform: translateY(5px);
     visibility: hidden;
   }
 }

user/themes/gilles_acezat/scss/theme/_header.scss

@@ -1,13 +1,36 @@
 header{
+  h1{
+    font-size: 11.2vw;
+    line-height: 7vw!important;
+  }
+  h2{
+    font-size: 3.7vw;
+  }
   width: 100%;
-  height: 50vh;
+  height: 100vh;
   position: relative;
   display: inline-flex;
-  align-items: center;
+  flex-direction: column;
+  nav{
+    position: relative;
+    height: 100%;
+    .logo{
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
   .contact{
     position: fixed;
     top: 50px;
     right: 50px;
+    transform: scale(1);
+    transition: transform 0.5s ease;
+    cursor: pointer;
+    &:hover{
+      transition: transform 0.5s ease;
+      transform: scale(0.9);
+    }
     svg{
       animation: rotation 6s infinite linear;
       width: 90.4px;
@@ -20,7 +43,42 @@ header{
       display: none;
     }
   }
+  & > section{
+    height: 100%;
+    &.works-mea{
+      height: auto!important;
+      display: inline-flex;
+      flex-wrap: wrap;
+      margin-bottom: 10px;
+      .card{
+        line-height: 0.8!important;
+        .card-header{
+          margin-top: 10px;
+        }
+      }
+    }
+  }
   h2{
     margin-left: 10px;
   }
+  .scroll{
+    width: 50px;
+    height: 40px;
+    margin: 0 auto 10px auto;
+    overflow: hidden;
+    position: relative;
+    & > p:nth-child(1){
+      text-align: center;
+      position: absolute;
+      top: -20px;
+      animation: translatep1 2s infinite linear;
+    }
+    & > p:nth-child(2){
+      text-align: center;
+      position: absolute;
+      top: -20px;
+      animation: translatep1 2s infinite linear;
+      animation-delay: 1s;
+    }
+  }
 }

user/themes/gilles_acezat/scss/theme/_home.scss

@@ -12,28 +12,12 @@
               height: auto;
             }
           }
-        }
-      }
-      .scroll{
-        width: 100%;
-        height: 15px;
-        margin: 0 auto;
-        overflow: hidden;
-        position: relative;
-        width: 50px;
-        
-        & > p:nth-child(1){
-          text-align: center;
-          position: absolute;
-          top: -20px;
-          animation: translatep1 2s infinite linear;
-        }
-        & > p:nth-child(2){
-          text-align: center;
-          position: absolute;
-          top: -20px;
-          animation: translatep1 2s infinite linear;
-          animation-delay: 1s;
+          .card-header{
+            margin-top: 5px;
+          }
+          .card-footer{
+            margin-top: 5px;
+          }
         }
       }
       .cat-list{

user/themes/gilles_acezat/scss/theme/_reset.scss

@@ -172,6 +172,7 @@ img {
   border-style: none;
   width: 100%;
   height: 100%;
+  vertical-align: bottom;
 }
 
 /* Forms

user/themes/gilles_acezat/scss/theme/_typography.scss

@@ -5,8 +5,7 @@ h1, h2{
 
 h1{
   font-size: $fh1;
-  -webkit-text-stroke-width: 2px;
-  -webkit-text-stroke-color: black;
+  -webkit-text-stroke:.1rem #111;
   color: transparent;
   line-height: 7rem;
 }
@@ -61,6 +60,11 @@ header{
     span{
       font-family: $medium;
       font-weight: normal;
+      font-size: $fs;
+      text-transform: capitalize;
+      a{
+        color: $grey;
+      }
     }
   }
 

user/themes/gilles_acezat/scss/theme/_variables.scss

@@ -12,7 +12,7 @@ $fh2:3rem;
 $fh2-i: 1.3rem;
 $fh3: 1rem;
 $fp: 1rem;
-
+$fs:0.9rem;
 // interline
 
 //interlettre
@@ -21,3 +21,4 @@ $letterI1: 0.1rem;
 // color
 $blue: #0f265c;
 $red: #8d2815ff;
+$grey: #999999;

user/themes/gilles_acezat/scss/theme/all.scss

@@ -1,3 +1,3 @@
 body{
-  padding: 0 50px;
+  padding: 0 2%;
 }

user/themes/gilles_acezat/templates/blog.html.twig

@@ -23,21 +23,6 @@
 
         {% embed 'partials/layout.html.twig' with {blog: page} %}
             {% block item %}
-
-                <div class="works works-mea">
-                  {% for child in collection %}
-                    {% set mea = child.header.mea == 'true' %}
-                    {% if mea %}
-                      {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
-                    {% endif %}
-                  {% endfor %}
-                </div>
-
-                <div class="scroll">
-                  <p>scroll</p>
-                  <p>scroll</p>
-                </div>
-
                 <div class="cat-list">
                   <ul>
 

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

@@ -71,6 +71,18 @@
                   {% include 'partials/navigation.html.twig' %}
                 </div>
             </section>
+            <section class="works works-mea">
+              {% for child in collection %}
+                {% set mea = child.header.mea == 'true' %}
+                {% if mea %}
+                  {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
+                {% endif %}
+              {% endfor %}
+          </section>
+          <div class="scroll">
+            <p>scroll</p>
+            <p>scroll</p>
+          </div>
         </header>
     {% endblock %}