Merge pull request #482 from nightscout/wip/hourglass-glyph

use an updated font to include an hourglass glyph

static/css/main.css

@@ -59,6 +59,10 @@ body {
     vertical-align: middle;
 }
 
+.bgStatus .currentBG.icon-hourglass {
+  font-size: 90px;
+}
+
 .bgStatus .currentDirection {
     font-weight: normal;
     text-decoration: none;
@@ -259,6 +263,10 @@ div.tooltip {
         line-height: 80px;
     }
 
+    .bgStatus .currentBG.icon-hourglass {
+      font-size: 70px;
+    }
+
     .bgStatus .currentDirection {
         font-size: 70px;
         line-height: 70px;
@@ -297,6 +305,10 @@ div.tooltip {
         line-height: 60px;
     }
 
+    .bgStatus .currentBG.icon-hourglass {
+      font-size: 50px;
+    }
+
     .bgStatus .currentDirection {
         font-size: 50px;
         line-height: 50px;
@@ -345,6 +357,10 @@ div.tooltip {
         line-height: 70px;
     }
 
+    .bgStatus .currentBG.icon-hourglass {
+        font-size: 60px;
+    }
+
     .bgStatus .currentDirection {
         font-size: 60px;
         line-height: 60px;
@@ -435,6 +451,10 @@ div.tooltip {
         line-height: 80px;
     }
 
+    .bgStatus .currentBG.icon-hourglass {
+        font-size: 70px;
+    }
+
     .bgStatus .currentDirection {
         font-size: 70px;
         line-height: 70px;
@@ -462,6 +482,10 @@ div.tooltip {
         line-height: 60px;
     }
 
+    .bgStatus .currentBG.icon-hourglass {
+        font-size: 60px;
+    }
+
     .bgStatus .currentDirection {
         font-size: 50px;
         line-height: 50px;

static/glyphs/config.json

@@ -24,6 +24,12 @@
       "code": 59401,
       "src": "entypo"
     },
+    {
+      "uid": "7f6916533c0842b6cec699fd773693d3",
+      "css": "hourglass",
+      "code": 59404,
+      "src": "entypo"
+    },
     {
       "uid": "jh3jpcb1t1bcm80gidkadilh080aq79h",
       "css": "menu",

static/glyphs/css/fontello-codes.css

@@ -10,4 +10,5 @@
 .icon-battery-100:before { content: '\e808'; } /* '' */
 .icon-cancel-circled:before { content: '\e809'; } /* '' */
 .icon-volume:before { content: '\e80a'; } /* '' */
-.icon-plus:before { content: '\e80b'; } /* '' */
+.icon-plus:before { content: '\e80b'; } /* '' */
+.icon-hourglass:before { content: '\e80c'; } /* '' */

static/glyphs/css/fontello-ie7-codes.css

@@ -10,4 +10,5 @@
 .icon-battery-100 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-volume { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-hourglass { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

static/glyphs/css/fontello-ie7.css

@@ -21,4 +21,5 @@
 .icon-battery-100 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-volume { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-hourglass { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

static/glyphs/css/fontello.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?48374311');
-  src: url('../font/fontello.eot?48374311#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff?48374311') format('woff'),
-       url('../font/fontello.ttf?48374311') format('truetype'),
-       url('../font/fontello.svg?48374311#fontello') format('svg');
+  src: url('../font/fontello.eot?46427953');
+  src: url('../font/fontello.eot?46427953#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff?46427953') format('woff'),
+       url('../font/fontello.ttf?46427953') format('truetype'),
+       url('../font/fontello.svg?46427953#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -14,7 +14,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?48374311#fontello') format('svg');
+    src: url('../font/fontello.svg?46427953#fontello') format('svg');
   }
 }
 */
@@ -61,4 +61,5 @@
 .icon-battery-100:before { content: '\e808'; } /* '' */
 .icon-cancel-circled:before { content: '\e809'; } /* '' */
 .icon-volume:before { content: '\e80a'; } /* '' */
-.icon-plus:before { content: '\e80b'; } /* '' */
+.icon-plus:before { content: '\e80b'; } /* '' */
+.icon-hourglass:before { content: '\e80c'; } /* '' */

static/glyphs/demo.html

@@ -272,6 +272,9 @@ <h1>
         <div title="Code: 0xe80a" class="the-icons span3"><i class="icon-volume"></i> <span class="i-name">icon-volume</span><span class="i-code">0xe80a</span></div>
         <div title="Code: 0xe80b" class="the-icons span3"><i class="icon-plus"></i> <span class="i-name">icon-plus</span><span class="i-code">0xe80b</span></div>
       </div>
+      <div class="row">
+        <div title="Code: 0xe80c" class="the-icons span3"><i class="icon-hourglass"></i> <span class="i-name">icon-hourglass</span><span class="i-code">0xe80c</span></div>
+      </div>
     </div>
     <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
   </body>

static/js/client.js

@@ -315,8 +315,10 @@ var app = {}, browserSettings = {}, browserStorage = $.localStorage;
 
 
         function updateCurrentSGV(value) {
-            if (value < 39) {
-                currentBG.html(errorCodeToDisplay(value)).toggleClass('error-code');
+            if (value == 9) {
+                currentBG.text('');
+            } else if (value < 39) {
+                currentBG.html(errorCodeToDisplay(value));
             } else if (value < 40) {
                 currentBG.text('LOW');
             } else if (value > 400) {
@@ -332,6 +334,7 @@ var app = {}, browserSettings = {}, browserStorage = $.localStorage;
               }
             }
 
+            currentBG.toggleClass('icon-hourglass', value == 9);
             currentBG.toggleClass('error-code', value < 39);
             currentBG.toggleClass('bg-limit', value == 39 || value > 400);
         }