Skip to content

Commit a6140b8

Browse files
Gijs RogéGijs Rogé
Gijs Rogé
authored and
Gijs Rogé
committed
initial commit
0 parents  commit a6140b8

17 files changed

+3648
-0
lines changed

‎.gitignore

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# Created by .ignore support plugin (hsz.mobi)
2+
.idea/
3+
node_modules/
4+
css/

‎.travis.yml

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
language: node_js
2+
node_js:
3+
- 4.2.6

‎demo/index.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Tilt</title>
6+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700" rel="stylesheet">
7+
</head>
8+
<body>
9+
10+
<script src="./../node_modules/jquery/dist/jquery.slim.min.js"></script>
11+
<script src="./../src/tilt.js"></script>
12+
<script>
13+
var tilt = $('.js-tilt').tilt();
14+
console.log(tilt);
15+
</script>
16+
</body>
17+
</html>

‎gulp/config.js

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
/**
2+
* Config file
3+
*/
4+
var path = './';
5+
6+
module.exports = {
7+
8+
/**
9+
* Scss settings
10+
*/
11+
scss: {
12+
src: path + 'demo/tilt.scss',
13+
glob: path + 'demo/**/*.scss',
14+
settings: {
15+
outputStyle: 'expanded'
16+
},
17+
dest: path + 'demo/css/',
18+
prefix: [
19+
'last 2 version',
20+
'> 1%',
21+
'ie 8',
22+
'ie 9',
23+
'ios 6',
24+
'android 4'
25+
]
26+
},
27+
28+
tests: {
29+
path: './tests/tests.html'
30+
},
31+
32+
/**
33+
* Js Settings
34+
*/
35+
js: {
36+
glob: [path + 'js/**/*.js', path + 'src/**/*.js'],
37+
},
38+
39+
/**
40+
* BrowserSync settings
41+
*/
42+
browsersync: {
43+
server: {
44+
baseDir: path,
45+
index: "demo/index.html"
46+
},
47+
notify: false
48+
},
49+
};

‎gulp/tasks/browsersync.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/* BrowserSync task */
2+
3+
/**
4+
* plugins
5+
*/
6+
var gulp = require('gulp'),
7+
browserSync = require('browser-sync');
8+
9+
/**
10+
* configfile
11+
*/
12+
var config = require('../config').browsersync;
13+
14+
/**
15+
* Tasks
16+
*/
17+
gulp.task('browsersync', function () {
18+
browserSync.init(config);
19+
});
20+
gulp.task('browsersyncReload', function () {
21+
browserSync.reload();
22+
});

‎gulp/tasks/build.js

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/* default task */
2+
3+
/**
4+
* Plugins
5+
*/
6+
var gulp = require('gulp');
7+
8+
/**
9+
* Tasks
10+
*/
11+
gulp.task('build', [
12+
'scss',
13+
]);

‎gulp/tasks/default.js

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/* default task */
2+
3+
/**
4+
* Plugins
5+
*/
6+
var gulp = require('gulp');
7+
8+
/**
9+
* Tasks
10+
*/
11+
gulp.task('default', [
12+
'scss'
13+
]);

‎gulp/tasks/scss.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* SCSS task */
2+
3+
/**
4+
* plugins
5+
*/
6+
var gulp = require('gulp'),
7+
plumber = require('gulp-plumber'),
8+
sass = require('gulp-sass'),
9+
syntax = require("postcss-scss"),
10+
postcss = require('gulp-postcss'),
11+
autoprefixer = require('autoprefixer'),
12+
browserSync = require('browser-sync'),
13+
sourcemaps = require('gulp-sourcemaps');
14+
15+
/**
16+
* configfile
17+
*/
18+
var config = require('../config');
19+
20+
/**
21+
* Postcss processors
22+
*/
23+
var processors = [
24+
autoprefixer(config.scss.prefix)
25+
];
26+
27+
gulp.task('scss', function () {
28+
gulp.src(config.scss.src)
29+
.pipe(plumber())
30+
.pipe(sourcemaps.init())
31+
.pipe(sass.sync(config.scss.settings)
32+
.pipe(sass())
33+
.on('error', sass.logError))
34+
.pipe(postcss(processors, {syntax: syntax}))
35+
.pipe(sourcemaps.write('.'))
36+
.pipe(browserSync.stream({match: '**/*.css'}))
37+
.pipe(gulp.dest(config.scss.dest))
38+
});

‎gulp/tasks/tests.js

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/* SCSS task */
2+
3+
/**
4+
* plugins
5+
*/
6+
var gulp = require('gulp'),
7+
qunit = require('node-qunit-phantomjs');
8+
9+
/**
10+
* configfile
11+
*/
12+
var config = require('../config');
13+
14+
gulp.task('test', function() {
15+
qunit(config.tests.path);
16+
});

‎gulp/tasks/watch.js

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
/* Watch task */
2+
3+
/**
4+
* plugins
5+
*/
6+
var gulp = require('gulp'),
7+
watch = require('gulp-watch');
8+
9+
/**
10+
* configs
11+
*/
12+
var config = require('../config');
13+
14+
/**
15+
* Tasks
16+
*/
17+
gulp.task('watch', ['default', 'browsersync'], function () {
18+
watch(config.scss.glob, function (event) {
19+
gulp.start('scss');
20+
});
21+
watch(config.js.glob, function (event) {
22+
gulp.start('browsersyncReload');
23+
});
24+
});

‎gulpfile.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/* Gulpfile */
2+
3+
/**
4+
* Task to split tasks into seperate files
5+
*/
6+
var requireDir = require('require-dir');
7+
8+
/**
9+
* Require tasks from gulp/tasks folder
10+
*/
11+
requireDir('./gulp/tasks', { recurse: true });

‎package.json

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
{
2+
"name": "simple-responsive-nav",
3+
"version": "1.1.2",
4+
"description": "",
5+
"main": "./src/simple-nav.js",
6+
"scripts": {
7+
"test": "node ./node_modules/jshint/bin/jshint src/simple-nav.js && gulp test --verbose --force"
8+
},
9+
"repository": {
10+
"type": "git",
11+
"url": "[email protected]:gijsroge/simple-nav.git"
12+
},
13+
"author": "gijsroge <[email protected]>",
14+
"license": "ISC",
15+
"homepage": "https://github.com/gijsroge/simple-nav",
16+
"devDependencies": {
17+
"browser-sync": "2.16.0",
18+
"gulp-watch": "4.3.6",
19+
"jshint": "^2.9.3",
20+
"autoprefixer": "6.3.6",
21+
"gulp": "3.9.1",
22+
"gulp-plumber": "1.1.0",
23+
"gulp-postcss": "6.1.1",
24+
"gulp-sass": "2.3.1",
25+
"gulp-sourcemaps": "1.6.0",
26+
"jquery": "^3.1.1",
27+
"node-qunit-phantomjs": "^1.4.0",
28+
"postcss-reporter": "1.3.3",
29+
"postcss-scss": "0.1.8",
30+
"qunitjs": "^2.0.1",
31+
"require-dir": "0.3.0"
32+
}
33+
}

‎readme.md

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
### work in progress
2+
[![Build Status](https://travis-ci.org/gijsroge/simple-nav.svg?branch=master)](https://travis-ci.org/gijsroge/simple-nav)

‎src/tilt.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
(function ($) {
2+
$.fn.tilt = function (options) {
3+
4+
var settings = $.extend({
5+
6+
}, options);
7+
8+
9+
return this;
10+
};
11+
}(jQuery));

‎tests/tests.html

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>simple-nav</title>
6+
<link rel="stylesheet" href="./../node_modules/qunitjs/qunit/qunit.css" type="text/css" media="screen">
7+
<script src="./../node_modules/jquery/dist/jquery.slim.min.js"></script>
8+
<script type="text/javascript" src="./../node_modules/qunitjs/qunit/qunit.js"></script>
9+
<script type="text/javascript" src="./../src/simple-nav.js"></script>
10+
<script type="text/javascript" src="./tests.js"></script>
11+
12+
<style>
13+
.c-nav{
14+
width:100%;
15+
display: block;
16+
}
17+
18+
.c-nav li{
19+
display: inline-block;
20+
}
21+
22+
#qunit-fixture{
23+
position: static !important;
24+
}
25+
</style>
26+
</head>
27+
<body>
28+
29+
<h1 id="qunit-header">QUnit Test Suite</h1>
30+
<ol id="qunit-tests"></ol>
31+
<div id="qunit-fixture">
32+
33+
<ul class="js-simplenav c-nav o-list-inline" data-simplenav-menu="menu" data-simplenav-more="more">
34+
<li><a href="#">test1</a></li>
35+
<li><a href="#">test2</a></li>
36+
<li><a href="#">test3</a></li>
37+
<li><a href="#">test4</a></li>
38+
<li><a href="#">test5</a></li>
39+
<li><a href="#">test6</a></li>
40+
<li><a href="#">test7</a></li>
41+
<li><a href="#">test8</a></li>
42+
<li><a href="#">test9</a></li>
43+
<li><a href="#">test10</a></li>
44+
<li><a href="#">test11</a></li>
45+
<li><a href="#">test12</a></li>
46+
<li><a href="#">test13</a></li>
47+
<li><a href="#">test14</a></li>
48+
<li><a href="#">test15</a></li>
49+
</ul>
50+
51+
</div>
52+
53+
</body>
54+
</html>

0 commit comments

Comments
 (0)