Updated demo

Author: alexcastillo

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 components
 .DS_Store
+.idea

app.routes.js

@@ -1,9 +1,9 @@
 
 /**
- * Include 'door3.css' as a dependency
+ * Include 'angularCSS' as a dependency
  * ngRoute is optional (no configuration required)
  */
-var myApp = angular.module('myApp', ['ngRoute','door3.css','hljs']);
+var myApp = angular.module('myApp', ['ngRoute','angularCSS','hljs']);
 
 /**
  * Routes definition example
@@ -37,7 +37,7 @@ myApp.config(function($routeProvider) {
       templateUrl: 'pages/yellow/page-yellow.html',
       css: [
         {
-          href: 'pages/yellow/page-yellow.css',
+          href: 'pages/yellow/page-yellow.css'
         }, {
           href: 'pages/yellow/page-yellow.mobile.css',
           /* Media Query support via window.matchMedia API
@@ -64,26 +64,16 @@ myApp.config(function($routeProvider) {
  * Directive Definition Object (DDO) examples
  */
 
-myApp.directive('black', function () {
-  return {
-    restrict: 'E',
-    replace: true,
-    templateUrl: 'directives/black/directive-black.html',
-    /* Binding css to directives */
-    css: 'directives/black/directive-black.css'
-  }
+myApp.component('black', {
+  templateUrl: 'directives/black/directive-black.html',
+  css: 'directives/black/directive-black.css' /* Binding css to component */
 });
 
-myApp.directive('cyan', function () {
-  return {
-    restrict: 'E',
-    replace: true,
-    templateUrl: 'directives/cyan/directive-cyan.html',
-    /* Same syntax as in the routes example applies here */
-    css: {
-      href: 'directives/cyan/directive-cyan.css',
-      bustCache: true
-    }
+myApp.component('cyan', {
+  templateUrl: 'directives/cyan/directive-cyan.html',
+  css: { /* Same syntax as in the routes example applies here */
+    href: 'directives/cyan/directive-cyan.css',
+    bustCache: true
   }
 });
 

app.states.js

@@ -1,16 +1,16 @@
 
 /**
- * Include 'door3.css' as a dependency
+ * Include 'angularCSS' as a dependency
  * ui.router is optional (no configuration required)
  */
-var myApp = angular.module('myApp', ['ui.router','door3.css','hljs']);
+var myApp = angular.module('myApp', ['ui.router','angularCSS','hljs']);
 
 /**
  * States definition example
  */
 myApp.config(function($stateProvider, $urlRouterProvider) {
 
-  $urlRouterProvider.otherwise('/')
+  $urlRouterProvider.otherwise('/');
 
   /**
    * State provider settings
@@ -111,7 +111,7 @@ myApp.config(function($stateProvider, $urlRouterProvider) {
       },
       css: [
         {
-          href: 'pages/yellow/page-yellow.css',
+          href: 'pages/yellow/page-yellow.css'
         }, {
           href: 'pages/yellow/page-yellow.mobile.css',
           /* Media Query support via window.matchMedia API
@@ -136,26 +136,16 @@ myApp.config(function($stateProvider, $urlRouterProvider) {
  * Directive Definition Object (DDO) examples
  */
 
-myApp.directive('black', function () {
-  return {
-    restrict: 'E',
-    replace: true,
-    templateUrl: 'directives/black/directive-black.html',
-    /* Binding css to directives */
-    css: 'directives/black/directive-black.css'
-  }
+myApp.component('black', {
+  templateUrl: 'directives/black/directive-black.html',
+  css: 'directives/black/directive-black.css' /* Binding css to component */
 });
 
-myApp.directive('cyan', function () {
-  return {
-    restrict: 'E',
-    replace: true,
-    templateUrl: 'directives/cyan/directive-cyan.html',
-    /* Same syntax as in the states example applies here */
-    css: {
-      href: 'directives/cyan/directive-cyan.css',
-      bustCache: true
-    }
+myApp.component('cyan', {
+  templateUrl: 'directives/cyan/directive-cyan.html',
+  css: { /* Same syntax as in the routes example applies here */
+    href: 'directives/cyan/directive-cyan.css',
+    bustCache: true
   }
 });
 

index.html

@@ -43,7 +43,7 @@
           </ul>
           <ul class="nav navbar-nav navbar-right">
             <li class="link-black">
-              <a target="_blank" href="http://www.github.com/door3/angular-css">GitHub</a>
+              <a target="_blank" href="http://www.github.com/castillo-io/angular-css">GitHub</a>
             </li>
           </ul>
         </div>
@@ -103,21 +103,21 @@ <h2 class="page-heading">{{ 'Demo Source Code' }}</h2>
       <footer class="demo-footer">
        <div class="container">
         <div class="navbar-footer">
-          Designed, developed and maintained by <a target="_blank" href="http://www.door3.com">DOOR3</a>
+          Designed, developed and maintained by <a target="_blank" href="http://www.castillo.io">Alex Castillo</a>
         </div>
         </div>
       </footer>
 
       <!-- AngularJS core and dependencies -->
-      <script src="lib/angular-1.3.7/angular.js"></script>
-      <script src="lib/angular-1.3.7/angular-route.js"></script>
+      <script src="lib/angular-1.5.3/angular.js"></script>
+      <script src="lib/angular-1.5.3/angular-route.js"></script>
 
       <!-- Third-party scripts for demo -->
       <script src="lib/highlightjs/8.3/highlight.min.js"></script>
       <script src="lib/angular-highlightjs/angular-highlightjs.min.js"></script>
 
       <!-- AngularCSS library (from CDN) -->
-      <script src="//cdnjs.cloudflare.com/ajax/libs/angular-css/1.0.6/angular-css.js"></script>
+      <script src="//cdnjs.cloudflare.com/ajax/libs/angular-css/1.0.8/angular-css.js"></script>
 
       <!-- App Demo scripts -->
       <script src="app.routes.js"></script>