anim

user/themes/gilles_acezat/js/bricklayer.min.js

@@ -1 +0,0 @@
-!function t(e,n,r){function o(s,u){if(!n[s]){if(!e[s]){var l="function"==typeof require&&require;if(!u&&l)return l(s,!0);if(i)return i(s,!0);var a=new Error("Cannot find module '"+s+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[s]={exports:{}};e[s][0].call(p.exports,function(t){var n=e[s][1][t];return o(n?n:t)},p,p.exports,t,e,n,r)}return n[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)o(r[s]);return o}({1:[function(t,e,n){var r,o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)};!function(t){function e(t){return[].slice.call(t)}function n(t,e,n){if(window.CustomEvent)var r=new CustomEvent(e,{detail:n});else{var r=document.createEvent("CustomEvent");r.initCustomEvent(e,!0,!0,n)}return t.dispatchEvent(r)}var r={rulerClassName:"bricklayer-column-sizer",columnClassName:"bricklayer-column"},i=function(){function t(t){this.element=document.createElement("div"),this.element.className=t}return t.prototype.destroy=function(){this.element.parentNode.removeChild(this.element)},t}(),s=function(t){function e(){t.apply(this,arguments)}return o(e,t),e.prototype.getWidth=function(){this.element.setAttribute("style","\n        display: block;\n        visibility: hidden !important;\n        top: -1000px !important;\n      ");var t=this.element.offsetWidth;return this.element.removeAttribute("style"),t},e}(i),u=function(t){function e(){t.apply(this,arguments)}return o(e,t),e}(i),l=function(){function t(t,e){void 0===e&&(e=r),this.element=t,this.options=e,this.build(),this.buildResponsive()}return t.prototype.append=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.append(t)});var r=this.findMinHeightColumn();this.elements=e(this.elements).concat([t]),this.applyPosition("append",r,t)},t.prototype.prepend=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.prepend(t)});var r=this.findMinHeightColumn();this.elements=[t].concat(e(this.elements)),this.applyPosition("prepend",r,t)},t.prototype.on=function(t,e){return this.element.addEventListener("bricklayer."+t,e),this},t.prototype.redraw=function(){var t=this.columnCount;this.checkColumnCount(!1),this.reorderElements(t),n(this.element,"bricklayer.redraw",{columnCount:t})},t.prototype.destroy=function(){var t=this;this.ruler.destroy(),e(this.elements).forEach(function(e){return t.element.appendChild(e)}),e(this.getColumns()).forEach(function(t){return t.parentNode.removeChild(t)}),n(this.element,"bricklayer.destroy",{})},t.prototype.build=function(){this.ruler=new s(this.options.rulerClassName),this.elements=this.getElementsInOrder(),this.element.insertBefore(this.ruler.element,this.element.firstChild)},t.prototype.buildResponsive=function(){var t=this;window.addEventListener("resize",function(e){return t.checkColumnCount()}),this.checkColumnCount(),this.on("breakpoint",function(e){return t.reorderElements(e.detail.columnCount)}),this.columnCount>=1&&this.reorderElements(this.columnCount)},t.prototype.getColumns=function(){return this.element.querySelectorAll(":scope > ."+this.options.columnClassName)},t.prototype.findMinHeightColumn=function(){var t=e(this.getColumns()),n=t.map(function(t){return t.offsetHeight}),r=Math.min.apply(null,n);return t[n.indexOf(r)]},t.prototype.getElementsInOrder=function(){return this.element.querySelectorAll(":scope > *:not(."+this.options.columnClassName+"):not(."+this.options.rulerClassName+")")},t.prototype.checkColumnCount=function(t){void 0===t&&(t=!0);var e=this.getColumnCount();this.columnCount!==e&&(t&&n(this.element,"bricklayer.breakpoint",{columnCount:e}),this.columnCount=e)},t.prototype.reorderElements=function(t){var n=this;void 0===t&&(t=1),(t==1/0||1>t)&&(t=1);for(var r=e(this.elements).map(function(t){var e=t.parentNode?t.parentNode.removeChild(t):t;return e}),o=this.getColumns(),i=0;i<o.length;i++)o[i].parentNode.removeChild(o[i]);for(var i=0;t>i;i++){var s=new u(this.options.columnClassName).element;this.element.appendChild(s)}r.forEach(function(t){var e=n.findMinHeightColumn();e.appendChild(t)})},t.prototype.getColumnCount=function(){var t=this.element.offsetWidth,e=this.ruler.getWidth();return Math.round(t/e)},t.prototype.applyPosition=function(t,e,r){var o=this,i=function(i){var s=i+t.charAt(0).toUpperCase()+t.substr(1);n(o.element,"bricklayer."+s,{item:r,column:e})};switch(i("before"),t){case"append":e.appendChild(r);break;case"prepend":e.insertBefore(r,e.firstChild)}i("after")},t}();t.Container=l}(r||(r={})),function(t,n){"function"==typeof define&&define.amd?define(function(){return n()}):"undefined"!=typeof window&&t===window?t.Bricklayer=n():"object"==typeof e&&e.exports&&(e.exports=n())}("undefined"!=typeof window?window:this,function(){return r.Container})},{}]},{},[1]);

user/themes/gilles_acezat/js/scopedQuerySelectorShim.min.js

@@ -1,9 +0,0 @@
-/* scopeQuerySelectorShim.js
-*
-* Copyright (C) 2015 Larry Davis
-* All rights reserved.
-*
-* This software may be modified and distributed under the terms
-* of the BSD license.  See the LICENSE file for details.
-*/
-!function(){function a(a,c){var e=a[c];a[c]=function(a){var c,f=!1,g=!1;return a.match(d)?(a=a.replace(d,""),this.parentNode||(b.appendChild(this),g=!0),parentNode=this.parentNode,this.id||(this.id="rootedQuerySelector_id_"+(new Date).getTime(),f=!0),c=e.call(parentNode,"#"+this.id+" "+a),f&&(this.id=""),g&&b.removeChild(this),c):e.call(this,a)}}if(!HTMLElement.prototype.querySelectorAll)throw new Error("rootedQuerySelectorAll: This polyfill can only be used with browsers that support querySelectorAll");var b=document.createElement("div");try{b.querySelectorAll(":scope *")}catch(c){var d=/^\s*:scope/gi;a(HTMLElement.prototype,"querySelector"),a(HTMLElement.prototype,"querySelectorAll")}}();

user/themes/gilles_acezat/js/singlepagenav.min.js

@@ -1,8 +0,0 @@
-/**
- * Single Page Nav Plugin
- * Copyright (c) 2014 Chris Wojcik <hello@chriswojcik.net>
- * Dual licensed under MIT and GPL.
- * @author Chris Wojcik
- * @version 1.2.0
- */
-if(typeof Object.create!=="function"){Object.create=function(e){function t(){}t.prototype=e;return new t}}(function(e,t,n,r){"use strict";var i={init:function(n,r){this.options=e.extend({},e.fn.singlePageNav.defaults,n);this.container=r;this.$container=e(r);this.$links=this.$container.find("a");if(this.options.filter!==""){this.$links=this.$links.filter(this.options.filter)}this.$window=e(t);this.$htmlbody=e("html, body");this.$links.on("click.singlePageNav",e.proxy(this.handleClick,this));this.didScroll=false;this.checkPosition();this.setTimer()},handleClick:function(t){var n=this,r=t.currentTarget,i=e(r.hash);t.preventDefault();if(i.length){n.clearTimer();if(typeof n.options.beforeStart==="function"){n.options.beforeStart()}n.setActiveLink(r.hash);n.scrollTo(i,function(){if(n.options.updateHash&&history.pushState){history.pushState(null,null,r.hash)}n.setTimer();if(typeof n.options.onComplete==="function"){n.options.onComplete()}})}},scrollTo:function(e,t){var n=this;var r=n.getCoords(e).top;var i=false;n.$htmlbody.stop().animate({scrollTop:r},{duration:n.options.speed,easing:n.options.easing,complete:function(){if(typeof t==="function"&&!i){t()}i=true}})},setTimer:function(){var e=this;e.$window.on("scroll.singlePageNav",function(){e.didScroll=true});e.timer=setInterval(function(){if(e.didScroll){e.didScroll=false;e.checkPosition()}},250)},clearTimer:function(){clearInterval(this.timer);this.$window.off("scroll.singlePageNav");this.didScroll=false},checkPosition:function(){var e=this.$window.scrollTop();var t=this.getCurrentSection(e);this.setActiveLink(t)},getCoords:function(e){return{top:Math.round(e.offset().top)-this.options.offset}},setActiveLink:function(e){var t=this.$container.find("a[href$='"+e+"']");if(!t.hasClass(this.options.currentClass)){this.$links.removeClass(this.options.currentClass);t.addClass(this.options.currentClass)}},getCurrentSection:function(t){var n,r,i,s;for(n=0;n<this.$links.length;n++){r=this.$links[n].hash;if(e(r).length){i=this.getCoords(e(r));if(t>=i.top-this.options.threshold){s=r}}}return s||this.$links[0].hash}};e.fn.singlePageNav=function(e){return this.each(function(){var t=Object.create(i);t.init(e,this)})};e.fn.singlePageNav.defaults={offset:0,threshold:120,speed:400,currentClass:"current",easing:"swing",updateHash:false,filter:"",onComplete:false,beforeStart:false}})(jQuery,window,document);

user/themes/gilles_acezat/js/site.js

@@ -26,47 +26,6 @@ function masonry() {
   $grid2.imagesLoaded().progress( function() {
     $grid2.masonry();
   });
-
-}
-
-function isotype() {
-  var $grid = $cards.isotope({
-    itemSelector: '.card',
-    layoutMode: 'fitRows'
-  });
-
-  $cat.on( 'click', function(e) {
-    e.preventDefault();
-    var filterValue = $( this ).attr('data-filter');
-    filterValue = filterFns[ filterValue ] || filterValue;
-    $grid.isotope({ filter: filterValue });
-  });
-
-}
-
-function card(){
-  var $item = $('.card')
-  console.log($item);
-}
-
-function ajax() {
-    var form = $('#ajax-test-form');
-    form.submit(function(e) {
-        // prevent form submission
-        e.preventDefault();
-
-        // submit the form via Ajax
-        $.ajax({
-            url: form.attr('action'),
-            type: form.attr('method'),
-            dataType: 'html',
-            data: form.serialize(),
-            success: function(result) {
-                // Inject the result in the HTML
-                $('#form-result').html(result);
-            }
-        });
-    });
 }
 
 function contact() {
@@ -83,22 +42,90 @@ function contact() {
   })
 }
 
-//
+function scroll() {
-// function transitionpage() {
+  // left: 37, up: 38, right: 39, down: 40,
-//   var $a = $('a');
+  // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
-//   var $all = $('body *');
+  if ($('#page-wrapper.blog').length > 0){
-//
+
-//   $a.on('click', function() {
+    $(window).bind('mousewheel DOMMouseScroll', function(event){
-//     $all.css('display':'none');
+      var $height = $(window).scrollTop();
-//   })
+      var $heightW = $(window).height();
-//
+      var wh = $heightW - $height;
-// }
+
+      var keys = {32: 1, 37: 1, 38: 1, 39: 1, 40: 1};
+
+      function preventDefault(e) {
+        e = e || window.event;
+        if (e.preventDefault)
+        e.preventDefault();
+        e.returnValue = false;
+      }
+
+      function preventDefaultForScrollKeys(e) {
+        if (keys[e.keyCode]) {
+          preventDefault(e);
+        return false;
+        }
+      }
+
+      function disablescroll() {
+        if (window.addEventListener) // older FF
+        window.addEventListener('DOMMouseScroll', preventDefault, false);
+        window.onwheel = preventDefault; // modern standard
+        window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
+        window.ontouchmove  = preventDefault; // mobile
+        document.ontouchmove = function(e) {
+          var target = e.currentTarget;
+          while(target) {
+            if(checkIfElementShouldScroll(target))
+            return;
+            target = target.parentNode;
+          }
+          e.preventDefault();
+        };
+        document.onkeydown  = preventDefaultForScrollKeys;
+      }
+
+      function enableScroll() {
+        if (window.removeEventListener)
+        window.removeEventListener('DOMMouseScroll', preventDefault, false);
+        window.onmousewheel = document.onmousewheel = null;
+        window.onwheel = null;
+        window.ontouchmove = null;
+        document.onkeydown = null;
+        var aTag = $("#start");
+        $('html,body').animate({scrollTop: aTag.offset().top},'slow');
+      }
+
+      if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
+        if (wh > 0) {
+          console.log('up');
+          $('.blog header').removeClass('hide');
+          $('.blog #start').removeClass('visible');
+          // disablescroll();
+          // setTimeout(enableScroll, 500);
+          $('.blog #start #items').removeClass('fixed');
+        }
+      }else {
+        if (wh > 0) {
+          console.log('down');
+          $('.blog header').addClass('hide');
+          $('.blog #start').addClass('visible');
+          disablescroll();
+          setTimeout(enableScroll, 500);
+          $('.blog #start #items').addClass('fixed');
+        }
+      }
+    });
+  }
+}
 
 jQuery(document).ready(function($){
   masonry();
   contact();
-  transitionpage();
+  scroll();
-  // card();
+  $(window).load(function(){
-  // ajax();
+    $('html, body').scrollTop(0);
-  // isotype();
+});
+
 });

user/themes/gilles_acezat/js/smooth-scroll.min.js

@@ -1,6 +0,0 @@
-/*
- * smoothscroll polyfill - v0.3.4
- * https://iamdustan.github.io/smoothscroll
- * 2016 (c) Dustan Kasten, Jeremias Menichelli - MIT License
- */
-!function(o,t,l){"use strict";function e(){function e(o,t){this.scrollLeft=o,this.scrollTop=t}function r(o){return.5*(1-Math.cos(Math.PI*o))}function n(o){if("object"!=typeof o||null===o||o.behavior===l||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior not valid")}function c(l){var e,r,n;do l=l.parentNode,e=l===t.body,r=l.clientHeight<l.scrollHeight||l.clientWidth<l.scrollWidth,n="visible"===o.getComputedStyle(l,null).overflow;while(!e&&(!r||n));return e=r=n=null,l}function i(t){t.frame=o.requestAnimationFrame(i.bind(o,t));var l,e,n,c=u(),s=(c-t.startTime)/f;return s=s>1?1:s,l=r(s),e=t.startX+(t.x-t.startX)*l,n=t.startY+(t.y-t.startY)*l,t.method.call(t.scrollable,e,n),e===t.x&&n===t.y?void o.cancelAnimationFrame(t.frame):void 0}function s(l,r,n){var c,s,a,f,d,h=u();l===t.body?(c=o,s=o.scrollX||o.pageXOffset,a=o.scrollY||o.pageYOffset,f=p.scroll):(c=l,s=l.scrollLeft,a=l.scrollTop,f=e),d&&o.cancelAnimationFrame(d),i({scrollable:c,method:f,startTime:h,startX:s,startY:a,x:r,y:n,frame:d})}if(!("scrollBehavior"in t.documentElement.style)){var a=o.HTMLElement||o.Element,f=468,p={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,scrollIntoView:a.prototype.scrollIntoView},u=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now;o.scroll=o.scrollTo=function(){return n(arguments[0])?void p.scroll.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left,~~arguments[0].top)},o.scrollBy=function(){return n(arguments[0])?void p.scrollBy.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset))},a.prototype.scrollIntoView=function(){if(n(arguments[0]))return void p.scrollIntoView.call(this,arguments[0]||!0);var l=c(this),e=l.getBoundingClientRect(),r=this.getBoundingClientRect();l!==t.body?(s.call(this,l,l.scrollLeft+r.left-e.left,l.scrollTop+r.top-e.top),o.scrollBy({left:e.left,top:e.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}}}"object"==typeof exports?module.exports={polyfill:e}:e()}(window,document);

user/themes/gilles_acezat/scss/theme.scss

@@ -5,6 +5,7 @@
 @import 'theme/mixins';
 @import 'theme/typography';
 
+@import 'theme/mCustomScrollbar';
 @import 'theme/animation';
 
 @import 'theme/all';

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

@@ -66,3 +66,60 @@
     display: none;
   }
 }
+
+
+@keyframes height{
+  0%{
+    height: 50vh;
+    min-height: 250px;
+  }
+
+  100%{
+    height: 0;
+    min-height: 100px;
+  }
+}
+
+@keyframes margin{
+  0%{
+    margin-top: 25vh;
+    transform: translateY(-50%);
+  }
+  100%{
+    margin-top: 0px;
+    transform: translateY(0%);
+  }
+}
+
+@keyframes h1{
+  0%{
+    font-size: 11.2vw;
+  }
+  100%{
+    font-size: 3rem;
+  }
+}
+
+
+@keyframes card{
+  0%{}
+
+  50%{
+    transform: translateY(-40px);
+  }
+
+  100%{
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+}
+
+@keyframes textestroke{
+  0%{
+    -webkit-text-stroke : 1px;
+  }
+
+  100%{
+    -webkit-text-stroke : 0px;
+  }
+}

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

@@ -1,3 +1,22 @@
+body{
+  #start{
+    width: 100%;
+    height: 100%;
+  }
+  #page-wrapper.blog{
+    #start{
+      position: relative;
+      top: 200vh;
+      left: 0;
+      padding-top: 110px;
+      opacity: 0;
+      &.visible{
+        opacity: 1;
+      }
+    }
+  }
+}
+
 #items{
   .cat-list{
     padding: 0 5px;
@@ -23,4 +42,15 @@
     margin-bottom: 10px;
     min-width: 200px;
   }
+  &.fixed{
+    // .cat-list{
+    //   position: fixed;
+    //   top: 80px;
+    //   z-index: 999;
+    //   background: white;
+    // }
+    // .full-works{
+    //   margin-top: 60px;
+    // }
+  }
 }

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

@@ -1,57 +1,153 @@
 // home
 body{
-  &> .blog{
+  height: 100%;
+   .blog{
     header{
-      width: 100%;
+      z-index: 999;
+      position: fixed;
+      top: 0;
+      left: 2%;
+      right: 2%;
       height: 100vh;
+      display: -webkit-inline-box;
+      display: -ms-inline-flexbox;
       display: inline-flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+          -ms-flex-direction: column;
               flex-direction: column;
       & > section{
-        position: relative;
         height: 50vh;
         min-height: 250px;
+        top: 0;
+        left: 2%;
+        right: 2%;
         &.works-mea{
+          display: -webkit-inline-box;
+          display: -ms-inline-flexbox;
           display: inline-flex;
+          -ms-flex-wrap: wrap;
               flex-wrap: wrap;
+          -webkit-box-align: end;
+              -ms-flex-align: end;
                   align-items: flex-end;
           height: 100%;
+          margin-bottom: 20px;
+        }
+        &.reduc{
+          -webkit-animation: reducfont 1s ease forwards;
+                  animation: reducfont 1s ease forwards;
         }
       }
       h1{
+        position: fixed;
+        top: 80px;
         font-size: 11.2vw;
         line-height: 7vw!important;
+        transition: top 1s ease;
+        transition: font-size 1.2s ease, color 1.2s ease , top 1.2s ease;
       }
       h2{
+        position: fixed;
+        top:220px;
         font-size: 3.7vw;
+        opacity: 1;
+        transform: translateX(0);
+        transition: opacity 1s ease 1s, transform 1s ease 1s;
       }
       nav{
-        margin-top: 25vh; /* poussé de la moitié de hauteur de viewport */
+        // margin-top: 25vh; /* poussé de la moitié de hauteur de viewport */
-        transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
+        // -webkit-transform: translateY(-50%);
+        //         transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
       }
       .scroll{
         width: 50px;
         height: 15px;
         margin: 0 auto 10px auto;
         overflow: hidden;
-        position: relative;
+        position: fixed;
+        bottom: 0;
+        left: 50%;
+        -webkit-transform: translate(-50%);
+                transform: translate(-50%);
         & > p:nth-child(1){
           text-align: center;
           position: absolute;
           top: -20px;
+          -webkit-animation: translatep1 2s infinite linear;
                   animation: translatep1 2s infinite linear;
         }
         & > p:nth-child(2){
           text-align: center;
           position: absolute;
           top: -20px;
+          -webkit-animation: translatep1 2s infinite linear;
                   animation: translatep1 2s infinite linear;
+          -webkit-animation-delay: 1s;
                   animation-delay: 1s;
         }
       }
+      &.hide{
+        & > section:first-child{
+          height: 100px;
+          min-height: 100px;
+          background: white;
+          z-index: 999;
+        }
+        nav{
+          margin-top: 0;
+          -webkit-transform: translate(0);
+                  transform: translate(0);
+          -webkit-transition: margin-top 1s ease, -webkit-transform 1s ease;
+          transition: margin-top 1s ease, -webkit-transform 1s ease;
+          transition: margin-top 1s ease, transform 1s ease;
+          transition: margin-top 1s ease, transform 1s ease, -webkit-transform 1s ease;
+        }
+        h1{
+          position: relative;
+          font-size: 3rem;
+          top: 0px;
+          color: black;
+          transition: font-size 1.2s ease 0.5s, color 1.2s ease 1s, top 1.2s ease 0.5s;
+          animation: textestroke 0.5s ease 1.2s forwards;
+        }
+        h2{
+          opacity: 0;
+          transform: translateX(-10px);
+          top:220px;
+          -webkit-transition: opacity 0.5s ease, transform 0.5s ease;
+          transition: opacity 0.5s ease, transform 0.5s ease;
+        }
+        .card{
+          -webkit-animation: card 1s forwards ease;
+                  animation: card 1s forwards ease;
+        }
+        .scroll{
+          opacity: 0;
+          -webkit-transition: opacity 0.8s ease;
+          transition: opacity 0.8s ease;
         }
       }
     }
-
+  }
+}
+// html{
+// 			overflow: hidden;
+// 		}
+// 		html, body {
+// 			padding: 0;
+// 			margin: 0;
+//
+// 		}
+// 		body {
+// 			position: absolute;
+// 			left: 0;
+// 			top: 0;
+// 			right: -30px;
+// 			bottom: 0;
+// 			padding-right: 15px;
+// 			overflow-y: scroll;
+// 		}
 
 // page
 body{
@@ -62,6 +158,7 @@ body{
       nav{
         position: absolute;
         margin-top: 65px; /* poussé de la moitié de hauteur de viewport */
+        -webkit-transform: translateY(-50%);
                 transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
       }
       h1{

user/themes/gilles_acezat/scss/theme/_onscroll.scss

@@ -0,0 +1,98 @@
+body, html {
+  margin: 0;
+  overflow: hidden;
+  -webkit-transition: opacity 400ms;
+  -moz-transition: opacity 400ms;
+  transition: opacity 400ms;
+}
+
+body, .onepage-wrapper, html {
+  display: block;
+  position: static;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.onepage-wrapper {
+  width: 100%;
+  height: 100%;
+  display: block;
+  position: relative;
+  padding: 0;
+  -webkit-transform-style: preserve-3d;
+}
+
+header{
+  position: fixed!important;
+}
+.onepage-wrapper .section {
+  width: 100%;
+  height: 100%;
+}
+ 
+.onepage-pagination {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  z-index: 5;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.onepage-pagination li {
+  padding: 0;
+  text-align: center;
+}
+.onepage-pagination li a{
+  padding: 10px;
+  width: 4px;
+  height: 4px;
+  display: block;
+
+}
+.onepage-pagination li a:before{
+  content: '';
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  background: rgba(0,0,0,0.85);
+  border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+}
+
+.onepage-pagination li a.active:before{
+  width: 10px;
+  height: 10px;
+  background: none;
+  border: 1px solid black;
+  margin-top: -4px;
+  left: 8px;
+}
+
+.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
+  overflow: auto;
+}
+
+.disabled-onepage-scroll .onepage-wrapper .section {
+  position: relative !important;
+  top: auto !important;
+  left: auto !important;
+}
+.disabled-onepage-scroll .onepage-wrapper {
+  -webkit-transform: none !important;
+  -moz-transform: none !important;
+  transform: none !important;
+  -ms-transform: none !important;
+  min-height: 100%;
+}
+
+
+.disabled-onepage-scroll .onepage-pagination {
+  display: none;
+}
+
+body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
+  position: inherit;
+}

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

@@ -20,7 +20,8 @@ header{
       transition: transform 0.5s ease;
       h3{
         color: transparent;
-        transition: visibility 0.5 ease;
+        left: 500px;
+        transition: visibility 0.5 ease left 1s ease;
       }
       img{
         animation: rotation 12s infinite linear;
@@ -47,7 +48,8 @@ header{
       }
       h3{
         color: white;
-        transition: color 0.5s 0.4s ease;
+        left: 20px;
+        transition: color 0.5s 0.5s ease, left 0.5s ease;
       }
       &:hover{
         transition: transform 0.5s ease!important;

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

@@ -22,20 +22,25 @@
 
     {% block javascripts %}
         {% do assets.addJs('jquery', 101) %}
+        {% do assets.addJs('theme://js/jquery.easing.1.3.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/imagesloaded.pkgd.min.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/isotope.pkgd.min.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/scrollreveal.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+
+
+
     {% endblock %}
     {{ assets.js()|raw }}
 
 {% endblock head %}
 </head>
+
+
 <body id="top" >
     <div id="page-wrapper" class=" {{page.template}}">
-
     {% block header %}
-        <header>
+        <header class="section">
             <section class="container {{ grid_size }}">
                 <nav class="navbar">
                   <a href="/"><h1>{{site.title|capitalize}}</h1>
@@ -62,7 +67,7 @@
         </header>
     {% endblock %}
 
-        <section id="start">
+        <section id="start" class="section">
         {% block body %}
             <section id="body-wrapper">
                 <section>
@@ -71,10 +76,8 @@
             </section>
         {% endblock %}
         </section>
-
 </div>
 
-
 {% block bottom %}
     {{ assets.js('bottom')|raw }}
 {% endblock %}