anchor.diff:  <div id='circles'>
     <% ['minutes', 'hours'].each do |wheel| %>
       <div class='row'>
  -      <% ['face', 'hands'].each do |layer| %>
  +      <% ['hands', 'face'].each do |layer| %>
           <div class='wrapper'>
             <div id='<%= wheel %>-<%= layer %>-circle' class='col-xs-6 member'></div>
             <div class='selecter' id='<%= wheel %>-<%= layer %>-selecter'>
  
positive.code:     blob.fill('#fff')
      blob.opacity(0.6)
      blob.move(110, 40)
    }
  })
  
  
negative.code: $('#circles :input').each(function() {
    var s = this.id.split('-')
    $.getJSON('/colours/' + s[0] + '/' + s[1], function (data) {
      $('.' + s[0] + '-' + s[1] + '-blob').attr('fill', 'rgb(' + (data['colour'].join(', ')) + ')')
      $('#' + s[0] + '-' + s[1]).spectrum({
        color: 'rgb(' + (data['colour'].join(', ')) + ')',
        showPalette: true,
  