Page MenuHomeDevCentral
Files F11726409

No OneTemporary
Actions

View Options

diff --git a/package.json b/package.json
index c004817..ca73d1c 100644
--- a/package.json
+++ b/package.json
@@ -1,61 +1,61 @@
{
"name": "foundation-zurb-template",
"version": "1.0.0",
"description": "Official ZURB Template for Foundation for Sites.",
"main": "gulpfile.js",
"scripts": {
"start": "gulp",
"build": "gulp build --production"
},
"author": "ZURB <foundation@zurb.com>",
"license": "MIT",
"dependencies": {
"foundation-sites": "~6.4.1",
"jquery": ">=3.0.0",
"what-input": "^4.1.3",
- "motion-ui": "~1.2.2"
+ "motion-ui": "~2.0.3"
},
"devDependencies": {
"babel-core": "^6.24.1",
"babel-loader": "^6.4.1",
"babel-preset-es2015": "^6.3.13",
"babel-register": "^6.7.2",
"browser-sync": "^2.10.0",
"gulp": "github:gulpjs/gulp#4.0",
"gulp-autoprefixer": "^6.0.0",
"gulp-babel": "^6.1.2",
"gulp-clean-css": "^3.3.1",
"gulp-cli": "^2.0.1",
"gulp-concat": "^2.5.2",
"gulp-extname": "^0.2.0",
"gulp-if": "^2.0.0",
"gulp-imagemin": "^4.1.0",
"gulp-load-plugins": "^1.1.0",
"gulp-sass": "^4.0.1",
"gulp-sourcemaps": "^1.6.0",
"gulp-uglify": "^1.2.0",
"gulp-uncss": "^1.0.1",
"js-yaml": "^3.4.6",
"panini": "^1.3.0",
"rimraf": "^2.4.3",
"style-sherpa": "^1.0.0",
"vinyl-named": "^1.1.0",
"webpack": "^2.6.1",
"webpack-stream": "^3.2.0",
"yargs": "^3.8.0"
},
"repository": {
"type": "git",
"url": "https://github.com/zurb/foundation-zurb-template.git"
},
"bugs": {
"url": "https://github.com/zurb/foundation-sites/issues",
"email": "foundation@zurb.com"
},
"babel": {
"presets": [
"es2015"
]
},
"private": true
}
diff --git a/src/assets/js/app.js b/src/assets/js/app.js
index 6b65ea1..1aa0a57 100644
--- a/src/assets/js/app.js
+++ b/src/assets/js/app.js
@@ -1,227 +1,227 @@
/* -------------------------------------------------------------
Nasqueron documentations web site
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Project: Nasqueron
Author: Sébastien Santoro aka Dereckson
Dependencies: jquery motion-ui
Filename: app.js
Licence: CC-BY 4.0, MIT, BSD-2-Clause (multi-licensing)
------------------------------------------------------------- */
/* -------------------------------------------------------------
Table of contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
:: Animations
:: Easter egg
:: Code to run when document is ready
*/
import $ from 'jquery';
import whatInput from 'what-input';
window.$ = $;
import Foundation from 'foundation-sites';
/* -------------------------------------------------------------
Animations
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
var animations = {
/**
* Animates the elements to make a dramatic entrance.
*/
enter: function() {
- Foundation.Motion.animateIn($("#content"), 'slide-in-up slow');
- Foundation.Motion.animateIn($("#hero"), 'slide-in-down slow');
+ Foundation.Motion.animateIn($("#content"), 'slide-in-up slow', null);
+ Foundation.Motion.animateIn($("#hero"), 'slide-in-down slow',null);
},
/**
* Gets reversed Flex direction.
*
* @param directionToToggle A valid flex-direction value
* @returns {*} The reversed Flex direction
*/
toggleFlexDirection: function(directionToToggle) {
switch (directionToToggle) {
case '':
case 'row':
return 'row-reverse';
case 'row-reverse':
return 'row';
case 'column':
return 'column-reverse';
case 'column-reverse':
return 'column';
default:
console.log("Unknown Flex direction to toggle: " + directionToToggle);
return directionToToggle; // Stay as is
}
},
/**
* Reverses Flex direction for the specified grid element.
*
* @param selector The grid element
*/
reverseFlexDirection: function(selector) {
var elem = $(selector);
var currentDirection = elem.css("flex-direction");
elem.css("flex-direction", this.toggleFlexDirection(currentDirection));
}
}
/* -------------------------------------------------------------
Easter egg
Based on https://github.com/snaptortoise/konami-js
Author: George Mandis
License: MIT
Version: 1.4.5 (3/2/2016)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
var EasterEgg = function (callback) {
var easterEgg = {
addEvent: function (obj, type, fn, ref_obj) {
if (obj.addEventListener)
obj.addEventListener(type, fn, false);
else if (obj.attachEvent) {
// IE
obj['e' + type + fn] = fn;
obj[type + fn] = function () {
obj['e' + type + fn](window.event, ref_obj);
};
obj.attachEvent('on' + type, obj[type + fn]);
}
},
input: '',
pattern: '38384040373937396665',
load: function (link) {
this.addEvent(document, 'keydown', function (e, ref_obj) {
if (ref_obj) {
easterEgg = ref_obj; // IE
}
easterEgg.input += e ? e.keyCode : event.keyCode;
if (easterEgg.input.length > easterEgg.pattern.length) {
easterEgg.input = easterEgg.input.substr(
easterEgg.input.length - easterEgg.pattern.length
);
}
if (easterEgg.input == easterEgg.pattern) {
easterEgg.code(link);
easterEgg.input = '';
e.preventDefault();
return false;
}
}, this);
this.touchscreen.load(link);
},
code: function (link) {
window.location = link
},
touchscreen: {
start_x: 0,
start_y: 0,
stop_x: 0,
stop_y: 0,
tap: false,
capture: false,
orig_keys: '',
keys: [
'UP', 'UP',
'DOWN', 'DOWN',
'LEFT', 'RIGHT',
'LEFT', 'RIGHT',
'TAP', 'TAP'
],
code: function (link) {
easterEgg.code(link);
},
load: function (link) {
this.orig_keys = this.keys;
easterEgg.addEvent(document, 'touchmove', function (e) {
if (e.touches.length == 1 && easterEgg.touchscreen.capture == true) {
var touch = e.touches[0];
easterEgg.touchscreen.stop_x = touch.pageX;
easterEgg.touchscreen.stop_y = touch.pageY;
easterEgg.touchscreen.tap = false;
easterEgg.touchscreen.capture = false;
easterEgg.touchscreen.check_direction();
}
});
easterEgg.addEvent(document, 'touchend', function (evt) {
if (easterEgg.touchscreen.tap == true) {
easterEgg.touchscreen.check_direction(link);
}
}, false);
easterEgg.addEvent(document, 'touchstart', function (evt) {
easterEgg.touchscreen.start_x = evt.changedTouches[0].pageX;
easterEgg.touchscreen.start_y = evt.changedTouches[0].pageY;
easterEgg.touchscreen.tap = true;
easterEgg.touchscreen.capture = true;
});
},
check_direction: function (link) {
var x_magnitude = Math.abs(this.start_x - this.stop_x);
var y_magnitude = Math.abs(this.start_y - this.stop_y);
var x = ((this.start_x - this.stop_x) < 0) ? 'RIGHT' : 'LEFT';
var y = ((this.start_y - this.stop_y) < 0) ? 'DOWN' : 'UP';
var result = (x_magnitude > y_magnitude) ? x : y;
result = (this.tap == true) ? 'TAP' : result;
if (result == this.keys[0]) {
this.keys = this.keys.slice(1, this.keys.length);
}
if (this.keys.length == 0) {
this.keys = this.orig_keys;
this.code(link);
}
}
}
};
typeof callback === 'string' && easterEgg.load(callback);
if (typeof callback === 'function') {
easterEgg.code = callback;
easterEgg.load();
}
return easterEgg;
};
/* -------------------------------------------------------------
Code to run when document is ready
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
$(document).ready(function() {
$(document).foundation();
animations.enter();
new EasterEgg(function() {
animations.reverseFlexDirection(".app");
});
});

File Metadata

Mime Type
text/x-diff
Expires
Fri, Sep 19, 03:16 (1 d, 11 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2992140
Default Alt Text
(8 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator