add anime+boucleproj

user/themes/gilles_acezat/scss/theme/_blog.scss

@@ -5,52 +5,32 @@ body{
   }
   #page-wrapper.blog{
     #start{
-      position: relative;
-      top: 200vh;
+      height: calc(100% - 5rem);
+      position: fixed;
+      top: 100vh;
       left: 0;
-      padding-top: 110px;
-      opacity: 0;
-      &.visible{
-        opacity: 1;
+    }
+  }
+  #page-wrapper.down{
+    #start{
+      top: 5rem;
+    }
+    #items{
+      .card{
+        animation: showcard 1.5s 2.5s ease forwards;
       }
     }
   }
 }
 
 #items{
-  .cat-list{
-    padding: 0 5px;
-    ul{
-      li{
-        display: flex;
-        &::after{
-          width: 5px;
-          content: " ";
-        }
-        &:hover{
-          &::after{
-            content: "\002022";
-          }
-        }
-      }
-    }
-  }
   .full-works{
     width: 100%;
+    margin-top: 30px;
   }
   .card{
+    opacity: 0;
     margin-bottom: 10px;
     min-width: 200px;
   }
-  &.fixed{
-    // .cat-list{
-    //   position: fixed;
-    //   top: 80px;
-    //   z-index: 999;
-    //   background: white;
-    // }
-    // .full-works{
-    //   margin-top: 60px;
-    // }
-  }
 }