Alter bower to Yarn and Gulp

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [ "es2015" ]
+}

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[{package.json,.travis.yml}]
+indent_style = space
+indent_size = 2

.eslintrc

@@ -0,0 +1,18 @@
+{
+  "extends": [
+    "airbnb-base",
+    "plugin:flowtype/recommended"
+  ],
+  "rules": {
+    "semi": 0,
+    "flowtype-errors/show-errors": 2,
+    "import/no-extraneous-dependencies": 0,
+  },
+  "globals": {
+    "$": false
+  },
+  "plugins": [
+    "flowtype",
+    "flowtype-errors"
+  ],
+}

.gitignore

@@ -1 +1,29 @@
-.DS_Store
+# Distribution Folder
+dist/
+bower_components/
+node_modules/
+
+rev-manifest.json
+
+# Environment files
+.env
+
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release

README.md

@@ -0,0 +1,46 @@
+## Requirements
+
+- Working personal computer
+- Node.js
+
+## Getting Started
+
+You can also `git clone`.
+
+### Install dependencies
+
+```bash
+yarn install
+```
+
+### Run
+
+```bash
+gulp
+```
+
+## What's included?
+
+### Technology
+
+- [Gulp.js](http://gulpjs.com/) – Automate and enhance your workflow.
+- [BrowserSync](https://www.browsersync.io/) – Time-saving synchronised browser testing.
+- [Rsync](https://en.wikipedia.org/wiki/Rsync) – Deployment made easy.
+
+### Stylesheets
+
+- [Autoprefixer](https://github.com/postcss/autoprefixer) – Parse CSS and add vendor prefixes to rules by Can I Use.
+- [Sass](http://sass-lang.com/) – Sass makes CSS fun again.
+- [CSSO](http://css.github.io/csso/) - CSS Optimization.
+- [PostCSS](https://github.com/postcss/postcss) – A tool for transforming styles with JS plugins.
+
+### Javascript (ES6)
+
+- [Browserify](http://browserify.org/) – Bundling up all of your dependencies.
+- [Babel](https://babeljs.io/) – A compiler for writing next generation JavaScript.
+- [ESLint](http://eslint.org/) – The pluggable linting utility for JavaScript and JSX.
+- [UglifyJS](https://github.com/mishoo/UglifyJS2) – A JavaScript parser, minifier, compressor or beautifier toolkit.
+
+### Miscellaneous
+
+- [SVGStore](https://github.com/w0rm/gulp-svgstore) – Combine svg files into one with <symbol> elements.

config.js

@@ -0,0 +1,89 @@
+
+import { join } from 'path';
+import babelify from 'babelify';
+
+const sourceFolder = 'source';
+const distFolder = 'dist';
+
+module.exports = {
+  // ----------------------------
+  // LIBRARIES module
+  // ----------------------------
+  libraries: {
+    // The entries in js are needed to be a *glob*
+    js: [
+      join(__dirname, 'node_modules', 'jquery', 'dist', 'jquery.min.js'),
+      join(__dirname, 'source', 'scripts', 'lib', '**', '*.js'),
+      join(__dirname, 'node_modules', 'fotorama', '*.js'),
+      join(__dirname, 'node_modules', 'jquery.maskedinput', 'src', '*.js'),
+      // TODO: Add some more libraries to work with them in your js files
+    ],
+
+    // The entries in scss are needed to be *folders*
+    scss: [
+      join(__dirname, 'node_modules', 'bootstrap', 'scss'),
+      join(__dirname, 'node_modules', 'fotorama', '*.css'),
+      join(__dirname, 'node_modules', 'nouislider', 'distribute', 'nouislider', '*.css')
+      // TODO: Add some more libraries to include them in your scss files
+    ],
+  },
+
+  // ----------------------------
+  // RSYNC module
+  // ----------------------------
+  rsync: {
+    src: `${distFolder}/`,
+    dest: 'user@host:folder/to/script',
+    ssh: true,
+    recursive: true,
+    deleteAll: true,
+    exclude: ['.DS_Store'],
+  },
+
+  // ----------------------------
+  // IMAGEMIN module
+  // ----------------------------
+  imagemin: {},
+
+  // ----------------------------
+  // WATCH module
+  // ----------------------------
+  watch: {
+    images: join(sourceFolder, 'images', '**/*'),
+    scss: join(sourceFolder, 'styles', '**/*.{scss,sass}'),
+    js: undefined, // JavaScript is watched using watchify
+    html: join(sourceFolder, 'html', '**/*.ejs'),
+    fonts: join(sourceFolder, 'fonts', '**/*'),
+  },
+
+  // ----------------------------
+  // SERVER module
+  // ----------------------------
+  server: {
+    src: `${sourceFolder}/`,
+    dest: `${distFolder}/`,
+
+    // ----------------------------
+    // BROWSERSYNC module
+    // ----------------------------
+    browserSync: {
+      port: 3000,
+      notify: false,
+      server: {
+        baseDir: distFolder,
+      },
+    },
+  },
+
+  // ----------------------------
+  // BROWSERSYNC module
+  // ----------------------------
+  browserify: {
+    entries: join(sourceFolder, 'scripts', 'main.js'),
+    extensions: ['.js'],
+    debug: process.env.NODE_ENV === 'development',
+    transform: [
+      babelify,
+    ],
+  },
+}

gulpfile.babel.js

@@ -0,0 +1,6 @@
+// Kreativgebiet GmbH
+//
+// Require all gulp tasks from the subfolder
+// and let them call themselves
+
+require('require-dir')('./tasks', { recurse: true });