anchor.diff:  <% referrals = current_user.referrals %>
  -<% referral_count = 17 %>
  +<% referral_count = referrals.count %>
  +<% share_link = "https://www.notebook.ai/?referral=#{current_user.referral_code.code}" %>
   
   <h3>Your referral code</h3>
   <div class="row">
  
positive.code:           <div class="determinate blue" style="width: <%= (referral_count) %>%"></div>
          </div>
          <div>
            Win this with <strong><%= 100 - referral_count %> more referrals</strong>! 
          </div>
        </div>
      </div>
  
negative.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>
        <%= 'referral'.pluralize(referral_count) %>
      </div>
    </div>
  
    <div class="col s12 m4">
      <%= link_to [
        'http://twitter.com/share?',
        'url=' + URI::escape(share_link),
        '&text=' + URI::escape("I'm using Notebook.ai to create fictional worlds and I'd love for you to join me!")
      ].join, target: '_new' 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
  