@@ -0,0 +1,50 @@
+<% provide(:title, "#{@tag}") -%>
+<% content_for :javascript do -%>
+<script type="text/javascript">
+ $(function(){
+ var container = $('#tutorials-div');
+ container.imagesLoaded(function(){
+ container.masonry({
+ itemSelector : '.span4',
+ isResizable: true
+ });
+ });
+ });
+</script>
+<% end -%>
+<% content_for :page_header do -%>
+ <h1>Tag <em><%= @tag %></em></h1>
+<% end -%>
+<div class="row">
+ <div class="span3">
+ <ul class="well nav nav-pills nav-stacked">
+ <% Tutorial.tag_counts.each do |tag| %>
+ <li><a href="/tags/<%= tag.name %>"><%= tag.name %> (<%= tag.count %>)</a></li>
+ <% end %>
+ </ul>
+ </div>
+ <div id="tutorials-div" class="span9">
+ <ul class="thumbnails">
+ <% @tutorials.each do |tutorial| %>
+ <div class="span4">
+ <div class="thumbnail">
+ <img src="<%= tutorial.image_url %>" />
+ <div class="caption">
+ <h3><a href="<%= tutorial.url %>" target="_blank"><%= tutorial.heading %></a> <small><%= tutorial.created_at.to_s :foomat %></small></h3>
+ <p>
+ <% tutorial.tags.each do |tag| -%>
+ <a href="?tags=<%= tag.name %>"><span class="label"><%= tag.name %></span></a>
+ <% end -%>
+ </p>
+ <p><%= tutorial.description %></p>
+ <p><a class="btn" href="<%= url_for tutorial %>">View</a></p>
+ </div>
+ </div>
+ </div>
+ <% end %>
+ </ul>
+ </div>
+</div>
+<div class="row">
+ <div class="span12"> <%= paginate @tutorials %> </div>
+</div>