improvements

.babelrc

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

.gitignore

@@ -12,19 +12,28 @@ pids
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
 
-# Coverage directory used by tools like istanbul
-coverage
+# Reports directory
+reports
+temp_babel
 
 # Compiled binary addons (http://nodejs.org/api/addons.html)
 build/Release
 
 # Dependency directories
 node_modules
-bower_components
 
 # Build files
 build
-templates.js
+app/js/*_tpl.js
+app/js/settings/constants.js
+app/css/_fonts.scss
+app/css/_icons.scss
+app/fonts/icons.*
+app/modules/**/*_tpl.js
+app/modules/**/*_css.js
 
 #webstorm
-.idea
+.idea
+
+#favicons
+faviconData.json

.htmlhintrc

@@ -0,0 +1,8 @@
+{
+  "tag-pair": true,
+  "doctype-first": false,
+  "tagname-lowercase": true,
+  "attr-lowercase": false,
+  "title-require": false,
+  "info": "https://github.com/yaniswang/HTMLHint/wiki/Rules"
+}

.jshintrc

@@ -12,9 +12,10 @@
   "noarg": true,
   "regexp": true,
   "undef": true,
-  "unused": true,
-  "strict": true,
+  "unused": false,
+  "strict": false,
   "trailing": true,
   "smarttabs": true,
-  "newcap": false
+  "newcap": false,
+  "predef": ["angular"]
 }

.travis.yml

@@ -0,0 +1,14 @@
+language: node_js
+node_js:
+  - "4.2"
+sudo: false
+
+script:
+  - ./node_modules/.bin/gulp lint test
+
+cache:
+  directories:
+    - node_modules
+
+addons:
+  sauce_connect: true

app/css/_animations.scss

@@ -0,0 +1,161 @@
+@mixin animation($name, $animation) {
+    @keyframes #{$name} {
+        @content;
+    }
+
+    .#{$name} {
+        animation: $name $animation;
+    }
+}
+
+@include animation(animation-spin, 2s linear infinite){
+    from { transform: rotate(0deg); }
+    to { transform: rotate(359deg); }
+};
+
+@include animation(animation-pulse, 1s linear infinite){
+    0% {
+        transform: scale(1.1);
+    }
+    50% {
+        transform: scale(0.8);
+    }
+    100% {
+        transform: scale(1);
+    }
+};
+
+@include animation(animation-bounce, 1s linear infinite){
+    from, 20%, 53%, 80%, to {
+        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transform: translate3d(0,0,0);
+    }
+    40%, 43% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -30px, 0);
+    }
+    70% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -15px, 0);
+    }
+    90% {
+        transform: translate3d(0,-4px,0);
+    }
+};
+
+@include animation(animation-rubber, 1s linear infinite){
+    from {
+        transform: scale3d(1, 1, 1);
+    }
+    30% {
+        transform: scale3d(1.25, 0.75, 1);
+    }
+    40% {
+    transform: scale3d(0.75, 1.25, 1);
+    }
+    50% {
+        transform: scale3d(1.15, 0.85, 1);
+    }
+    65% {
+        transform: scale3d(.95, 1.05, 1);
+    }
+    75% {
+        transform: scale3d(1.05, .95, 1);
+    }
+    to {
+        transform: scale3d(1, 1, 1);
+    }
+};
+
+@include animation(animation-shake, 1s linear infinite){
+    from, to {
+        transform: translate3d(0, 0, 0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translate3d(-10px, 0, 0);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translate3d(10px, 0, 0);
+    }
+};
+
+@include animation(animation-swing, 1s linear infinite){
+    20% {
+        transform: rotate3d(0, 0, 1, 15deg);
+    }
+    40% {
+        transform: rotate3d(0, 0, 1, -10deg);
+    }
+    60% {
+        transform: rotate3d(0, 0, 1, 5deg);
+    }
+    80% {
+        transform: rotate3d(0, 0, 1, -5deg);
+    }
+    to {
+        transform: rotate3d(0, 0, 1, 0deg);
+    }
+};
+
+@include animation(animation-tada, 1s linear infinite){
+    from {
+        transform: scale3d(1, 1, 1);
+    }
+    10%, 20% {
+        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+    }
+    30%, 50%, 70%, 90% {
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    }
+    40%, 60%, 80% {
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    }
+    to {
+        transform: scale3d(1, 1, 1);
+    }
+};
+
+@include animation(animation-jello, 1s linear infinite){
+    from, 11.1%, to {
+        transform: none;
+    }
+    22.2% {
+        transform: skewX(-12.5deg) skewY(-12.5deg);
+    }
+    33.3% {
+        transform: skewX(6.25deg) skewY(6.25deg);
+    }
+    44.4% {
+        transform: skewX(-3.125deg) skewY(-3.125deg);
+    }
+    55.5% {
+        transform: skewX(1.5625deg) skewY(1.5625deg);
+    }
+    66.6% {
+        transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    }
+    77.7% {
+        transform: skewX(0.390625deg) skewY(0.390625deg);
+    }
+    88.8% {
+        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    }
+};
+
+@include animation(animation-fade-in, 1s linear infinite){
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+};
+
+@include animation(animation-fade-out, 1s linear infinite){
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+};

app/css/_bootstrap.scss

@@ -0,0 +1,56 @@
+/*!
+ * Bootstrap v3.3.6 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+// Core variables and mixins
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/mixins";
+
+// Reset and dependencies
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/normalize";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/print";
+//@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/glyphicons";
+
+// Core CSS
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/scaffolding";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/type";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/code";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/grid";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/tables";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/forms";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/buttons";
+
+// Components
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/component-animations";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/dropdowns";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/button-groups";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/input-groups";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/navs";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/navbar";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/breadcrumbs";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/pagination";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/pager";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/labels";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/badges";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/jumbotron";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/thumbnails";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/alerts";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/progress-bars";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/media";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/list-group";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/panels";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/wells";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/close";
+
+// Components w/ JavaScript
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/modals";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/tooltip";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/popovers";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/carousel";
+
+// Utility classes
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/utilities";
+@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/responsive-utilities";

app/css/_sprite.scss

@@ -0,0 +1,34 @@
+%svg-common {
+	background: url("../images/sprite.svg") no-repeat;
+}
+
+.sprite-check {
+	@extend %svg-common;
+	background-position: 0 0;
+}
+
+.sprite-check-dims {
+	width: 148px;
+	height: 148px;
+}
+
+.sprite-cross {
+	@extend %svg-common;
+	background-position: 100% 0;
+}
+
+.sprite-cross-dims {
+	width: 148px;
+	height: 148px;
+}
+
+.sprite-pin {
+	@extend %svg-common;
+	background-position: 0 100%;
+}
+
+.sprite-pin-dims {
+	width: 148px;
+	height: 148px;
+}
+

app/css/_transformations.scss

@@ -0,0 +1,13 @@
+@for $degree from 0 through 35{
+    .transformation-rotate-#{$degree*10}{
+        transform: rotate(#{$degree*10}deg);
+    }
+}
+
+.transformation-flip-horizontal {
+    transform: scale(-1, 1);
+}
+
+.transformation-flip-vertical {
+    transform: scale(1, -1);
+}

app/css/_type.scss

@@ -0,0 +1,9 @@
+@function calculateRem($size) {
+    $remSize: $size / 16px;
+    @return $remSize * 1rem;
+}
+
+@mixin font-size($size) {
+    font-size: $size;
+    font-size: calculateRem($size);
+}