minor changes

.editorconfig

@@ -0,0 +1,14 @@
+root = true
+
+[*]
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = true
+
+[*.sass]
+indent_size = 2

.gitignore

@@ -0,0 +1,90 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# 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
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "eslint.enable": false
+}

README.md

@@ -0,0 +1,26 @@
+gulp_pug_sass_browser-sync
+=============================
+
+A starter project including full setup for Pug, GulpJS, SASS, AutoPrefixer & BrowserSync
+
+## System Preparation
+
+To use this starter project, you'll need the following things installed on your machine.
+
+1. [NodeJS](http://nodejs.org) - use the installer.
+2. [GulpJS](https://github.com/gulpjs/gulp) - `$ npm install -g gulp` (mac users may need sudo)
+
+## Local Installation
+
+1. Clone this repo, or download it into a directory of your choice.
+2. Inside the directory, run `npm install`.
+
+## Usage
+
+**development mode**
+
+This will give you file watching, browser synchronisation, auto-rebuild, CSS injecting etc etc.
+
+```shell
+$ gulp
+```

assets/img/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

assets/img/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

assets/js/app.js

@@ -0,0 +1,101 @@
+$(function() {
+    $('.slides img:first').addClass('top');
+
+    var change = function() {
+        var cur = $('.slides img.top');
+        var next = cur.next();
+        //        var anim_cur =
+        //        var anim_next =
+        if (!next.length) {
+            next = $('.slides img:first');
+            // next.addClass(top);
+
+            function top() {
+                cur.removeClass('top');
+                next.addClass('top');
+            }
+
+            function reset() {
+                cur.css({ bottom: "120vh" })
+            }
+            if (window.outerHeight > window.outerHeight) {
+                TweenMax.to(cur, 1, {
+                    bottom: '10vh',
+                    onComplete: top
+                })
+                TweenMax.to(next, 1, {
+                    bottom: '0',
+                    onComplete: reset
+                })
+            } else {
+                TweenMax.to(cur, 1, {
+                    bottom: '10vh',
+                    onComplete: top
+                })
+                TweenMax.to(next, 1, {
+                    bottom: '0',
+                    onComplete: reset
+                })
+            }
+
+        } else {
+            if (window.outerHeight > window.outerHeight) {
+                TweenMax.to(cur, 1, {
+                    bottom: '10vh',
+                    onComplete: top
+                })
+                TweenMax.to(next, 1, {
+                    bottom: '0',
+                    onComplete: reset
+                })
+            } else {
+                TweenMax.to(cur, 1, {
+                    bottom: '10vh',
+                    onComplete: top
+                })
+                TweenMax.to(next, 1, {
+                    bottom: '0',
+                    onComplete: reset
+                })
+            }
+
+            function top() {
+                cur.removeClass('top');
+                next.addClass('top');
+            }
+
+            function reset() {
+                cur.css({ bottom: "120vh" })
+            }
+        }
+        // console.log("loop")
+    }
+    setInterval(change, 2000);
+});
+
+var swiper = new Swiper('.swiper-container', {
+    pagination: '.swiper-pagination',
+    nextButton: '.swiper-button-next',
+    prevButton: '.swiper-button-prev',
+    slidesPerView: 4,
+    centeredSlides: false,
+    paginationClickable: true,
+    spaceBetween: 10,
+    grabCursor: true,
+    lazyLoading: true,
+    breakpoints: {
+        1350: {
+            slidesPerView: 3,
+            spaceBetween: 10
+        },
+        1000: {
+            slidesPerView: 2,
+            spaceBetween: 10
+        },
+        650: {
+            slidesPerView: 1,
+            spaceBetween: 10
+        }
+    }
+});
+scrollknight.scroll($("li.link"), 0, "active")