1<div class="container">
 2  <div class="columns">
 3    <% @users.each do |user| %>
 4      <div class="column is-one-quarter">
 5        <div class="card">
 6          <div class="card-content">
 7            <div class="media">
 8              <div class="media-left">
 9                <figure class="image" style="height: 40px; width: 40px;">
10                  <%= link_to profile_path(user) do %>
11                    <%= gravatar_for(user, size: 96) %>
12                  <% end %>
13                </figure>
14              </div>
15              <div class="media-content">
16                <p class="title is-4"><%= link_to user.username, profile_path(user) %></p>
17                <p class="subtitle is-6"><%= user.profile.gender %></p>
18              </div>
19            </div>
20
21            <div class="content">
22              <small><%= user.created_at.strftime("%D at %I:%M%p") %></small>
23            </div>
24          </div>
25        </div>
26      </div>
27    <% end %>
28    <%= paginate @users, remote: false %>
29  </div>
30</div>