anchor.diff:            <div class="determinate blue" style="width: <%= (referral_count / 10) %>%"></div>
           </div>
           <div>
  -          Win this with <strong><%= 1000 - referral_count %> more referrals</strong>! 
  +          Earn this achievement with <strong><%= 1000 - referral_count %> more referrals</strong>! 
           </div>
         </div>
       </div>
  
positive.code:   </div>
    <div class="col s12 m3">
      <div class="hoverable card-panel center" style="border-bottom: 10px solid #2196F3">
        <i class="fa fa-trophy left"></i>
        you have
        <h1 style="padding: 0; margin: 0" class="blue-text">
          <strong><%= referral_count %></strong>
        </h1>
        referrals
      </div>
    </div>
  
    <div class="col s12 m4">
      <%= link_to '#' do %>
        <div class="hoverable card-panel white-text" style="background: #1DA1F2">
          <i class="left fa fa-twitter" style="font-size: 150%"></i>
          Share to Twitter
  
negative.code:     </div>
    </div>
  
    <!--
    <div class="col s12 m6">
      <div class="hoverable card">
        <div class="card-content">
  