danbarberphoto/app/views/categories/index.html.erb

<%= render 'shared/photo_styles', photos: @photos, size: 11 %>

<% content_for :navigation do %>
  <div class="sg-5 page-links">
    <% if @categories.previous_page -%>
      <%= link_to raw('<div>&larr;</div>'), { :page => @categories.previous_page }, :class => 'prev-link' %>
    <% end %>
  </div>
  <div class="sg-5 page-links">
    <% if @categories.next_page -%>
      <%= link_to raw('<div>&rarr;</div>'), { :page => @categories.next_page }, :class => 'next-link' %>
    <% end %>
  </div>
<% end %>

<% @num_blank = 4 - @categories.length -%>

<% @photos.each do |photo| %>
  <div class="sg-11 photo" id="<%= photo.name.parameterize %>">
    <%= link_to_photo photo %>
  </div>
<% end %>

<% @categories.each do |category| %>
  <div class="category sg-5" style="background: <%= category.base_colour %>">
    <%= link_to raw('<h3>'+h(category.name.downcase)+'</h3>'), category_photos_path(category) %>
  </div>
<% end %>

<% @num_blank.times do %>
  <div class="sg-5 photo blank-photo">
  </div>
<% end %>