vesparny · taikio · Jun 15, 2018 · Jun 15, 2018 · Jun 15, 2018
diff --git a/.bowerrc b/.bowerrc
@@ -1,4 +1,3 @@
 {
-  "directory": "client/src/vendor",
-  "json": "bower.json"
+    "directory": "client/src/vendor"
 }
diff --git a/.editorconfig b/.editorconfig
@@ -9,7 +9,7 @@ root = true
 
 # Change these settings to your own preference
 indent_style = space
-indent_size = 2
+indent_size = 4
 
 # We recommend you to keep these unchanged
 end_of_line = lf

diff --git a/README.md b/README.md
@@ -79,6 +79,14 @@ A code coverage report will be available inside the `client/test/unit-results`.
 * **gulp test:e2e** - Run end-to-end tests inside the `client/test/e2e` folder with `protractor`. If a test fails, you should find a screenshot of the page inside the `client/test/screenshots` folder.
 **Note that you need to have the application running in order to run e2e tests. You can launch this task from another terminal instance.**
 
+### What is Included
+
+* **AngularJS V.1.6.9** - Most updated version of AngularJS (Angular 1).
+* **Angular-Materialize** - Angular directives for MaterializeCSS Framework.
+* **Angular-ui-router** - Awesome Angular module for route management.
+* **MaterializeCSS** - A modern responsive front-end framework based on Material Design.
+* **Font Awesome V.5** - Awesome icon pack.
+
 ### Contributing
 
 PR and issues reporting are always welcome :)

diff --git a/bower.json b/bower.json
@@ -1,12 +1,26 @@
 {
   "name": "angular-kickstart",
+  "description": "Speed up your AngularJS development whith a great build system.",
+  "main": "",
+  "authors": [
+    "Alessandro Arnodo"
+  ],
+  "license": "MIT",
+  "homepage": "http://alessandro.arnodo.net",
+  "private": true,
+  "ignore": [    
+    "node_modules",
+    "bower_components"
+  ],
   "dependencies": {
-    "normalize-css": "~3.0.3",
-    "angular": "~1.3.0",
-    "angular-ui-router": "~0.2.14",
-    "pure": "~0.5.0"
+    "materialize": "^0.100.2",
+    "angular": "1.6.9",
+    "angular-animate": "1.6.9",
+    "angular-materialize": "^0.2.2",
+    "font-awesome": "^5.0.10",
+    "angular-ui-router": "^1.0.18"
   },
   "devDependencies": {
-    "angular-mocks": "~1.3.0"
+    "angular-mocks": "~1.6.9"
   }
 }
diff --git a/client/index.html b/client/index.html
@@ -15,22 +15,27 @@
   <meta name="keywords" content="AngularJS, angular-kickstart, gulp, bower, vesparny" />
 
   <!-- build:css assets/css/main.css -->
-  <link rel="stylesheet" type="text/css" href="src/vendor/pure/pure.css" />
-  <link rel="stylesheet" type="text/css" href="src/vendor/pure/grids-responsive.css" />
+  <link rel="stylesheet" type="text/css" href="src/vendor/angular-materialize/css/style.css" />
+  <link rel="stylesheet" type="text/css" href="src/vendor/materialize/dist/css/materialize.css" />
+  <link rel="stylesheet" type="text/css" href="src/vendor/font-awesome/web-fonts-with-css/css/fontawesome-all.css" />
+
   <link rel="stylesheet" type="text/css" href="tmp/main.css" />
   <!-- endbuild -->
 </head>
 
 <body>
   <div>
-    <header ui-view="header"></header>
-    <div ui-view class="l-page island"></div>
-    <footer ui-view="footer"></footer>
+    <section ui-view="header"></section>
+    <div ui-view class="row"></div>
+    <section ui-view="footer"></section>
   </div>
 
   <!-- build:js assets/js/vendor.js -->
+  <script type="text/javascript" src="src/vendor/jquery/dist/jquery.js"></script>
   <script type="text/javascript" src="src/vendor/angular/angular.js"></script>
+  <script type="text/javascript" src="src/vendor/angular-animate/angular-animate.js"></script>
   <script type="text/javascript" src="src/vendor/angular-ui-router/release/angular-ui-router.js"></script>
+  <script type="text/javascript" src="src/vendor/angular-materialize/js/app.js"></script>
   <!-- endbuild -->
 
   <!-- build:js assets/js/main.js -->

diff --git a/client/src/common/footer.tpl.html b/client/src/common/footer.tpl.html
@@ -1,17 +1,26 @@
-<div class="pure-g">
-  <div class="pure-u-1 text-center">
-    <p>&copy; 2014 - <a href="http://alessandro.arnodo.net">Alessandro Arnodo.</a>
+<footer class="page-footer indigo darken-4">
+  <div class="container">
+    <div class="row">
+      <div class="col l6 s12">
+        <h5 class="white-text">Angular Kickstart</h5>
+        <p class="grey-text text-lighten-4">Speed up your AngularJS development whith a great build system.</p>
+      </div>
+      <div class="col l4 offset-l2 s12">
+        <h5 class="white-text">Links</h5>
+        <ul>
+          <li><a target="_blank" href="http://twitter.com/vesparny">twitter</a></li>
+          <li><a target="_blank" href="https://plus.google.com/+AlessandroArnodo">g+</li>
+          <li><a target="_blank" href="http://www.linkedin.com/in/alessandroarnodo">LinkedIn</a></li>
+          <li><a target="_blank" href="https://github.com/vesparny/angular-kickstart">GitHub</a></li>
+        </ul>
+      </div>
+    </div>
   </div>
-  <div class="pure-u-1 text-center">
-    <ul class="hlist">
-      <li><a target="_blank" href="http://twitter.com/vesparny">twitter</a>
-      </li>
-      <li><a target="_blank" href="https://plus.google.com/+AlessandroArnodo">g+</a>
-      </li>
-      <li><a target="_blank" href="http://www.linkedin.com/in/alessandroarnodo">LinkedIn</a>
-      </li>
-      <li><a target="_blank" href="https://github.com/vesparny/angular-kickstart">GitHub</a>
-      </li>
-    </ul>
+  <div class="footer-copyright">
+    <div class="container">
+      <div class="row">
+        &copy; 2014 - <a href="http://alessandro.arnodo.net">Alessandro Arnodo.</a>
+      </div>
+    </div>
   </div>
-</div>
+</footer>
diff --git a/client/src/common/header.tpl.html b/client/src/common/header.tpl.html
@@ -1,9 +1,9 @@
-<div class="pure-menu pure-menu-open pure-menu-horizontal">
-  <a class="pure-menu-heading" href="">angular-kickstart <span app-version></span></a>
-  <ul>
-    <li ui-sref-active="pure-menu-selected"><a href ui-sref="root.home">{{ 'home' | uppercase }}</a>
-    </li>
-    <li ui-sref-active="pure-menu-selected"><a href ui-sref="root.getting-started">{{ 'getting started' | uppercase }}</a>
-    </li>
-  </ul>
-</div>
+<nav>
+  <div class="nav-wrapper indigo darken-4">
+    <a href="#" class="brand-logo">angular-kickstart <span app-version></span></a>
+    <ul id="nav-mobile" class="right hide-on-med-and-down">
+      <li><a ui-sref="root.home">{{ 'home' | uppercase }}</a></li>
+      <li><a ui-sref="root.getting-started">{{ 'getting started' | uppercase }}</a></li>
+    </ul>
+  </div>
+</nav>
diff --git a/client/src/scss/_base.scss b/client/src/scss/_base.scss
@@ -3,15 +3,10 @@
 /* Fonts
    ========================================================================== */
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
-html,
-button,
-input,
-select,
-textarea,
-.pure-g [class *= "pure-u"] {
-  font-family: 'Open Sans', sans-serif;
-
+a, a:hover, a:focus, a:active {
+  color: #fff !important;
 }
+
 /* Defaults
    ========================================================================== */