Mario icon for demo

Author: jakubrohleder

bower.json

@@ -22,7 +22,8 @@
     "json-formatter": "~0.2.7",
     "lodash": "~3.10.1",
     "ng-clip": "~0.2.6",
-    "semantic": "semantic-ui#~2.1.3"
+    "semantic": "semantic-ui#~2.1.3",
+    "favico.js": "~0.3.10"
   },
   "resolutions": {
     "jquery": "~2.1.4",

demo/app/index.constants.js

@@ -2,8 +2,8 @@
   'use strict';
 
   angular.module('angularJsonapiExample')
-  /* global _: false */
+  /* global _: false, Favico: false */
     .constant('_', _)
     .constant('apiURL', 'http://localhost:3000')
-    ;
+    .constant('Favico', Favico);
 })();

demo/app/index.run.js

@@ -2,7 +2,8 @@
   'use strict';
 
   angular.module('angularJsonapiExample')
-    .run(logEvents);
+    .run(logEvents)
+    .run(marioFavicon);
 
   function logEvents(
     $rootScope,
@@ -50,4 +51,29 @@
       });
     }
   }
+
+  function marioFavicon(Favico, $interval) {
+    var favicon = new Favico({
+      animation:'slide',
+      position: 'up'
+    });
+    var up = new Image();
+    up.src = 'assets/images/mario-up.gif';
+
+    var down = new Image();
+    down.src = 'assets/images/mario-down.gif';
+
+    var isDown = true;
+
+    $interval(changeIcon, 10);
+
+    function changeIcon() {
+      isDown = !isDown;
+      if (isDown) {
+        favicon.image(down);
+      } else {
+        favicon.image(up);
+      }
+    }
+  }
 })();

demo/assets/images/mario-down.gif

@@ -5,6 +5,7 @@
     <title>angularJsonapi</title>
     <meta name="description" content="">
     <meta name="viewport" content="initial-scale=1">
+    <link rel="shortcut icon" href="favicon.gif" />
     <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 
     <!-- build:css({.tmp/serve,src}) styles/vendor.css -->