Open-Source-Access-Control-Web-Interface/app/views/users/summary.html.erb

<style type="text/css">
  .users .thumbnail {
    height: 200px;
    position: relative;
  }
  .users .badges { position: absolute; bottom: 3em; }
  .users .badges img { 
    float: left; 
    width: 24px; 
    height: 24px; 
    background-color: white; 
    border-radius: 12px;
  }
  .users .thumbnail h4 { position: absolute; bottom: 1px; margin-bottom: 1px; }

</style>

<% if user_signed_in? && current_user.current_sign_in_at < Date.parse("2014-03-01") %>
  <div class="alert alert-info">Looking for the old table view? Find it in the menu under People, Full Table View.</div>
<% end %>

<h1>HeatSync People
<%= link_to 'New User', new_user_path, class: "btn btn-success" if can? :create, User %>
<%= link_to 'Merge Users', users_merge_path, class: "btn btn-default" if can? :manage, User %>
</h1>


<div class="users">
  <%= render @users.sort_by{|u| [-u.member_status, u.name] } %>
</div>

<% if current_user.orientation.blank? then %>
<p class="alert">There's a lot more to see here, but our records show you haven't completed the new member orientation yet. If that's incorrect, please contact a volunteer.</p>
<% end %>

<br />