<div class="row following margin-top" data-equalizer data-equalize-on="medium" >
  <div class="small-12 medium-8 column" data-equalizer-watch>
    <ul class="menu simple clear">
      <% @follows.each do |followable_type, follows| %>
        <li><%= link_to followable_type_title(followable_type), "##{followable_type_title(followable_type).parameterize.underscore}" %></li>
      <% end %>
    </ul>

    <% @follows.each do |followable_type, follows| %>

      <h3 id="<%= followable_type_title(followable_type).parameterize.underscore %>">
        <span class="icon-<%= followable_icon(followable_type) %>"></span>
        <%= followable_type_title(followable_type) %>
      </h3>

      <ul class="follow-list">
        <% follows.each do |follow| %>
          <%= render_follow(follow) %>
        <% end %>
      </ul>
    <% end %>
  </div>

  <div class="small-12 medium-4 column interests" data-equalizer-watch>
    <%= render 'interests', user: @user if valid_interests_access? %>
  </div>
</div>
