@@ -4,10 +4,7 @@
$(function(){
var container = $('#tutorials-div');
container.imagesLoaded(function(){
- container.masonry({
- itemSelector : '.span4',
- isResizable: true
- });
+ container.masonry({ itemSelector : '.span4', isResizable: true });
});
});
</script>
@@ -28,15 +25,15 @@
<div class="span8">
<ul class="thumbnails">
<% @tutorials.each do |tutorial| %>
- <div class="span4">
+ <div class="span4">
<div class="thumbnail">
- <img src="<%= tutorial.image_url %>" />
+ <a href="<%= url_for tutorial %>"><img src="<%= tutorial.image_url %>" /></a>
<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 -%>
+ <% end -%>
</p>
<p><%= tutorial.description %></p>
<p><a class="btn" href="<%= url_for tutorial %>">View</a></p>
@@ -44,6 +41,23 @@
</div>
</div>
<% end %>
+ <% @creations.each do |creation| %>
+ <div class="span4">
+ <div class="thumbnail">
+ <a href="<%= url_for creation %>"><img src="<%= creation.primary_image.image.large.url %>" /></a>
+ <div class="caption">
+ <h3><a href="<%= url_for creation %>"><%= creation.name %></a> <em><small>by <a href="<%= url_for profile_path(creation.user) %>"> <%= shrink(creation.user.name, 20) %></a></small></em></h3>
+ <p>
+ <% creation.tags.each do |tag| -%>
+ <a href="/tags/<%= tag.name %>"><span class="label"><%= tag.name %></span></a>
+ <% end -%>
+ </p>
+ <p><%= creation.story %></p>
+ <p><a class="btn" href="<%= url_for creation %>">View</a></p>
+ </div>
+ </div>
+ </div>
+ <% end %>
</ul>
</div>
</div>