variance block three colours

www/app/models/block.js

@@ -31,6 +31,10 @@ var Block = Ember.Object.extend({
 		return this.get('variance') <= 1.0;
 	}),
 
+	isHard: Ember.computed('variance', function() {
+		return this.get('variance') >= 1.2;
+	}),
+
 	isOk: Ember.computed('orphan', 'uncle', function() {
 		return !this.get('orphan');
 	}),

www/app/templates/blocks/block.hbs

@@ -20,7 +20,11 @@
     {{#if block.isLucky}}
       <span class="label label-success">{{format-number block.variance style='percent'}}</span>
     {{else}}
-      <span class="label label-info">{{format-number block.variance style='percent'}}</span>
+        {{#if block.isHard}}
+          <span class="label label-danger">{{format-number block.variance style='percent'}}</span>
+        {{else}}
+          <span class="label label-info">{{format-number block.variance style='percent'}}</span>
+        {{/if}}
     {{/if}}
   </td>
   <td>