anim
This commit is contained in:
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -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]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -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")}}();
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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);
|
||||
@@ -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 transitionpage() {
|
||||
// var $a = $('a');
|
||||
// var $all = $('body *');
|
||||
//
|
||||
// $a.on('click', function() {
|
||||
// $all.css('display':'none');
|
||||
// })
|
||||
//
|
||||
// }
|
||||
function scroll() {
|
||||
// left: 37, up: 38, right: 39, down: 40,
|
||||
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
|
||||
if ($('#page-wrapper.blog').length > 0){
|
||||
|
||||
$(window).bind('mousewheel DOMMouseScroll', function(event){
|
||||
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();
|
||||
// card();
|
||||
// ajax();
|
||||
// isotype();
|
||||
scroll();
|
||||
$(window).load(function(){
|
||||
$('html, body').scrollTop(0);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -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);
|
||||
@@ -5,6 +5,7 @@
|
||||
@import 'theme/mixins';
|
||||
@import 'theme/typography';
|
||||
|
||||
@import 'theme/mCustomScrollbar';
|
||||
@import 'theme/animation';
|
||||
|
||||
@import 'theme/all';
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
flex-direction: column;
|
||||
-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;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-end;
|
||||
-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 */
|
||||
transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
|
||||
// margin-top: 25vh; /* poussé de la moitié de hauteur de viewport */
|
||||
// -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;
|
||||
animation: translatep1 2s infinite linear;
|
||||
-webkit-animation: translatep1 2s infinite linear;
|
||||
animation: translatep1 2s infinite linear;
|
||||
}
|
||||
& > p:nth-child(2){
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
animation: translatep1 2s infinite linear;
|
||||
animation-delay: 1s;
|
||||
-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,7 +158,8 @@ body{
|
||||
nav{
|
||||
position: absolute;
|
||||
margin-top: 65px; /* 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 */
|
||||
}
|
||||
h1{
|
||||
color: black;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
@@ -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}}">
|
||||
|
||||
|
||||
<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,9 +76,7 @@
|
||||
</section>
|
||||
{% endblock %}
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
|
||||
Reference in New Issue
Block a user