Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
195 lines (178 sloc) 27.9 KB
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app">
<section>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li><li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab amet aspernatur doloribus fuga illum magnam nostrum officiis porro reiciendis sequi. Adipisci animi assumenda distinctio dolor eum minima modi nobis, quasi quod reiciendis rem repudiandae voluptas!</li>
</ul>
</section>
</div>
</body>
<script type="text/javascript">
function triggerResize(){
if (document.createEvent){
var resizeEvent = window.document.createEvent('UIEvents');
resizeEvent.initUIEvent('resize', true, false, window, 0);
window.dispatchEvent(resizeEvent);
} else {
window.dispatchEvent(new Event('resize'));
}
}
(function(){
let i = 0;
let interval = setInterval(() => {
triggerResize();
if (i === 5){ clearInterval(interval) }
i++;
}, 1000);
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
|| window[vendors[x]+'CancelRequestAnimationFrame'];
}
if (!window.requestAnimationFrame)
window.requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() { callback(currTime + timeToCall); },
timeToCall);
lastTime = currTime + timeToCall;
return id;
};
if (!window.cancelAnimationFrame)
window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
})();
document.addEventListener("DOMContentLoaded", function() {
let scrollTop = 0, tweened = 0, winHeight = 0;
let wrap = document.getElementById('app');
wrap.style.position = 'fixed';
wrap.style.width = '100%';
wrap.style.top = '0';
wrap.style.left = '0';
wrap.style.transform = 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)';
let _ = document.createElement('div');
_.style.height = wrap.clientHeight + "px";
document.body.appendChild(_);
let update = function () {
window.requestAnimationFrame(update);
let app = document.getElementById('app');
if (Math.abs(scrollTop - tweened) > 0) {
let
// top = Math.floor(tweened += .25 * (scrollTop - tweened)),
top = tweened += .03 * (scrollTop - tweened),
bot = top + winHeight,
wt = wrap.style.transform = `matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,${(top * -1)},0,1)`;
_.style.height = wrap.clientHeight + "px";
}
};
let listen = function (el, on, fn) {
(el.addEventListener || (on = 'on' + on) && el.attachEvent)(on, fn, false);
};
let scroll = function () {
scrollTop = Math.max(0, document.documentElement.scrollTop || window.pageYOffset || 0);
};
listen(window, 'scroll', scroll);
update();
window.addEventListener('resize', () => {
update();
_.style.height = wrap.clientHeight + "px";
}, false);
});
</script>
</html>
You can’t perform that action at this time.