Adding favicon animation and color codes

front/src/css/queue.css

@@ -17,5 +17,5 @@
   width: 5%;
   height: 0.5em;
   background: #ffa319;
-  transition: width 2s ease-out;
+  transition: width 3s ease-out;
 }

front/src/js/controllers/queueCtrl.js

@@ -69,7 +69,7 @@ queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs'
                 faviconCanvasContext.fillStyle = '#212240';
                 
                 if (!!faviconCanvasContext) {
-                    faviconInterval = window.setInterval(faviconTick, 1000);
+                    faviconInterval = window.setInterval(faviconTick, 300);
                 }
             };
             faviconImage.src = faviconUrl;
@@ -81,7 +81,7 @@ queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs'
         faviconCanvasContext.save();
         faviconCanvasContext.fillRect(0, 0, 32, 32);
         faviconCanvasContext.translate(16, 16);
-        faviconCanvasContext.rotate(45 * faviconCounter * Math.PI / 180);
+        faviconCanvasContext.rotate(22.5 * faviconCounter * Math.PI / 180);
         faviconCanvasContext.translate(-16, -16);
         faviconCanvasContext.drawImage(faviconImage, 0, 0, 32, 32);
         faviconCanvasContext.restore();
@@ -90,6 +90,7 @@ queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs'
 
     function stopFavicon(isSuccess) {
         window.clearInterval(faviconInterval);
+        faviconInterval = null;
         favicon.href = isSuccess ? faviconSuccessUrl : faviconFailUrl;
     }
     

front/src/js/services/settingsService.js

@@ -6,7 +6,7 @@ settingsService.factory('Settings', ['localStorageService', function(localStorag
 
         getMergedSettings: function() {
             var defaultSettings = {
-                device: 'mobile',
+                device: 'phone',
                 showAdvanced: false
             };
             

front/src/less/queue.less

@@ -20,5 +20,5 @@
     width: 5%;
     height: 0.5em;
     background: #ffa319;
-    transition: width 2s ease-out;
+    transition: width 3s ease-out;
 }

front/src/views/index.html

@@ -2,7 +2,7 @@
 <p class="price">Free and open source!</p>
 
 <form ng-submit="launchTest()" >
-    <input type="text" name="url" ng-model="url" placeholder="http://www.mysite.com" class="url" />
+    <input type="text" name="url" ng-model="url" placeholder="https://www.mysite.com" class="url" />
     <input type="submit" value="Launch test" class="launchBtn" ng-class="{disabled: !url}" />
     <div class="settings">
         <div class="device">

front/src/views/queue.html

@@ -26,7 +26,7 @@
         <p class="statusSubMessage" ng-if="progress.milestone == 'domReady'">(DOM Ready fired)</p>
         <p class="statusSubMessage" ng-if="progress.milestone == 'domComplete'">(page loaded, waiting for late requests)</p>
         <p class="statusSubMessage" ng-if="progress.milestone == 'phantomas'">(now simulating compression, optimization and minification)</p>
-        <p class="statusSubMessage" ng-if="progress.milestone == 'redownload'">(calculating score and retreaving screenshot)</p>
+        <p class="statusSubMessage" ng-if="progress.milestone == 'redownload'">(calculating score and retrieving screenshot)</p>
     </div>
     <div ng-if="status.statusCode == 'complete'">
         <div class="status">Test complete</div>