orbit-basic/app/views/admin/sites/sitemap_frontend.html.erb

<div class="site-map">
  <% @items.each_with_index do |item, i| %>
    <div class="map-block">
      <h4><%= i+1 %> <%= "<a href='#{item.url)}'>#{item.title}</a>" %></h4>
      <ul>
        <% item.children.each_with_index do |child, ii| %>
          <li class="clear"><%= "#{i+1}-#{ii+1}" %> <%= "<a href='#{child.url)}'>#{child.title}</a>" %></span></li>
        <% end if item.children %>
      </ul>
    </div>
  <% end %>
</div>

<%= javascript_include_tag "lib/jquery.masonry.min.js" %>
<script>
  $(document).ready(function(){
    $('.site-map').masonry({
      itemSelector: '.map-block',
      columnWidth: 260,
      isAnimated: true
    });
  });
</script>