From 2558d5c32b9f9f519e9a4591059af4a2d221494b Mon Sep 17 00:00:00 2001 From: Brendan Mullins Date: Sat, 18 Feb 2017 16:23:52 +0100 Subject: [PATCH] pages --- pages/index.html => index.html | 0 .../app.7175c1b8d417b8829eaf4ae23b3468b5.css | 0 ...p.7175c1b8d417b8829eaf4ae23b3468b5.css.map | 0 .../js/app.ce289d65be494b43bb4e.js | 0 .../js/app.ce289d65be494b43bb4e.js.map | 0 .../js/manifest.1506bb08b522b04e1980.js | 0 .../js/manifest.1506bb08b522b04e1980.js.map | 0 .../js/vendor.69fb180ed99843650519.js | 0 .../js/vendor.69fb180ed99843650519.js.map | 0 vue-parallax-js.js | 114 ------------------ 10 files changed, 114 deletions(-) rename pages/index.html => index.html (100%) rename {pages/static => static}/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css (100%) rename {pages/static => static}/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css.map (100%) rename {pages/static => static}/js/app.ce289d65be494b43bb4e.js (100%) rename {pages/static => static}/js/app.ce289d65be494b43bb4e.js.map (100%) rename {pages/static => static}/js/manifest.1506bb08b522b04e1980.js (100%) rename {pages/static => static}/js/manifest.1506bb08b522b04e1980.js.map (100%) rename {pages/static => static}/js/vendor.69fb180ed99843650519.js (100%) rename {pages/static => static}/js/vendor.69fb180ed99843650519.js.map (100%) delete mode 100644 vue-parallax-js.js diff --git a/pages/index.html b/index.html similarity index 100% rename from pages/index.html rename to index.html diff --git a/pages/static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css b/static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css similarity index 100% rename from pages/static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css rename to static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css diff --git a/pages/static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css.map b/static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css.map similarity index 100% rename from pages/static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css.map rename to static/css/app.7175c1b8d417b8829eaf4ae23b3468b5.css.map diff --git a/pages/static/js/app.ce289d65be494b43bb4e.js b/static/js/app.ce289d65be494b43bb4e.js similarity index 100% rename from pages/static/js/app.ce289d65be494b43bb4e.js rename to static/js/app.ce289d65be494b43bb4e.js diff --git a/pages/static/js/app.ce289d65be494b43bb4e.js.map b/static/js/app.ce289d65be494b43bb4e.js.map similarity index 100% rename from pages/static/js/app.ce289d65be494b43bb4e.js.map rename to static/js/app.ce289d65be494b43bb4e.js.map diff --git a/pages/static/js/manifest.1506bb08b522b04e1980.js b/static/js/manifest.1506bb08b522b04e1980.js similarity index 100% rename from pages/static/js/manifest.1506bb08b522b04e1980.js rename to static/js/manifest.1506bb08b522b04e1980.js diff --git a/pages/static/js/manifest.1506bb08b522b04e1980.js.map b/static/js/manifest.1506bb08b522b04e1980.js.map similarity index 100% rename from pages/static/js/manifest.1506bb08b522b04e1980.js.map rename to static/js/manifest.1506bb08b522b04e1980.js.map diff --git a/pages/static/js/vendor.69fb180ed99843650519.js b/static/js/vendor.69fb180ed99843650519.js similarity index 100% rename from pages/static/js/vendor.69fb180ed99843650519.js rename to static/js/vendor.69fb180ed99843650519.js diff --git a/pages/static/js/vendor.69fb180ed99843650519.js.map b/static/js/vendor.69fb180ed99843650519.js.map similarity index 100% rename from pages/static/js/vendor.69fb180ed99843650519.js.map rename to static/js/vendor.69fb180ed99843650519.js.map diff --git a/vue-parallax-js.js b/vue-parallax-js.js deleted file mode 100644 index d533608..0000000 --- a/vue-parallax-js.js +++ /dev/null @@ -1,114 +0,0 @@ -let parallaxjs = function (options) { - this.options = options -} - -parallaxjs.prototype = { - items: [], - active: true, - - setStyle (item, value) { - if (item.arg === 'centerX') - value += ' translateX(-50%)' - - let el = item.el; - let prop = 'Transform'; - el.style["webkit" + prop] = value; - el.style["moz" + prop] = value; - el.style["ms" + prop] = value; - }, - - add (el, binding) { - let value = binding.value - let arg = binding.arg - let style = el.currentStyle || window.getComputedStyle(el); - - // console.log(; - - this.items.push({ - el: el, - initialOffsetTop: el.offsetTop + el.offsetParent.offsetTop - parseInt(style.marginTop), - style, - value, - arg, - clientHeight: el.clientHeight || el.offsetHeight || el.scrollHeight, - count: 0 - }) - }, - - move () { - if (!this.active) return - if (window.innerWidth < this.options.minWidth || 0) { - this.items.map((item) => { - this.setStyle(item, 'translateY(' + 0 + 'px) translateZ(0px)') - }) - - return - } - - let scrollTop = window.scrollY || window.pageYOffset - let windowHeight = window.innerHeight - let windowWidth = window.innerWidth - - this.items.map((item) => { - let pos = (scrollTop + windowHeight) - let elH = item.clientHeight - if (item.count > 50) { - item.count = 0; - elH = item.el.clientHeight || item.el.offsetHeight || item.el.scrollHeight - } - - - pos = pos - (elH / 2) - pos = pos - (windowHeight / 2) - pos = pos * item.value - - let offset = item.initialOffsetTop - offset = offset * -1 - offset = offset * item.value - pos = pos + offset - - pos = pos.toFixed(2) - - item.count++ - this.setStyle(item, 'translateY(' + pos + 'px)') - }) - } -} - -export default { - install (Vue, options = {}) { - var p = new parallaxjs(options) - - window.addEventListener('scroll', () => { - requestAnimationFrame(() => { - p.move(p) - }) - }, {passive: true}) - window.addEventListener('resize', () => { - requestAnimationFrame(() => { - p.move(p) - }) - }, {passive: true}) - - Vue.prototype.$parallaxjs = p - window.$parallaxjs = p - Vue.directive('parallax', { - bind (el, binding) { - }, - inserted (el, binding) { - p.add(el, binding) - p.move(p) - }, - // unbind(el, binding) { - // p.remove(el) - // } - // bind: parallaxjs.add(parallaxjs), - // update(value) { - // parallaxjs.update(value) - // }, - // update(el, binding) { - // console.log("cup"); - // }, - }) - } -}