Commit 48e514f8

mo k <m@mokhan.ca>
2011-10-31 15:47:39
line each of the recently added creations in rows of 4.
1 parent 51f391f
Changed files (3)
app/controllers/home_controller.rb
@@ -1,5 +1,5 @@
 class HomeController < ApplicationController
   def index
-    @creations = Creation.all.reverse.take(4)
+    @creations = Creation.all.reverse.take(16)
   end
 end
app/views/home/index.html.erb
@@ -1,19 +1,25 @@
 <% content_for :title do %>
   Welcome to the CakeSide
 <% end %>
-<div class="grid_12">
-  <h1>Recently Added Creations</h1>
-  <% @creations.each do |creation| %>
-    <div class="creation">
+
+<h1>Recently Added Creations</h1>
+<% @creations.each_with_index do |creation, index| %>
+  <% if index % 4 == 0  %>
+    <div class="grid_2 alpha creation">
+      <a href="<%= url_for creation %>"><%= image_tag creation.image.thumb.url, :alt => creation.name %></a>
+      <p><%= creation.name %> <br /><%= link_to creation.user.name, creation %></p>
+    </div>
+  <% elsif (index+1) % 4 == 0  %>
+    <div class="grid_2 omega creation">
+      <a href="<%= url_for creation %>"><%= image_tag creation.image.thumb.url, :alt => creation.name %></a>
+      <p><%= creation.name %> <br /><%= link_to creation.user.name, creation %></p>
+    </div>
+    <div class="clear"></div>
+  <% else %>
+    <div class="grid_2 creation">
       <a href="<%= url_for creation %>"><%= image_tag creation.image.thumb.url, :alt => creation.name %></a>
       <p><%= creation.name %> <br /><%= link_to creation.user.name, creation %></p>
     </div>
   <% end %>
-</div>
+<% end %>
 <div class="clear"></div>
-
-
-
-
-
-
app/views/layouts/application.html.erb
@@ -56,7 +56,8 @@
         </div>
         <div class="grid_2 omega"> &nbsp; </div>
         <div class="clear"></div>
-        <div class="grid_3 sidebar">
+
+        <div class="grid_4 sidebar">
           <div class="menu">
             <ul class="level_1 nojot">
               <li class="level_1">Categories
@@ -69,7 +70,7 @@
             </ul>
           </div><!-- /.menu -->
         </div>
-        <div class="grid_9 content">
+        <div class="grid_8 content">
           <p class="notice"><%= notice %></p>
           <p class="alert"><%= alert %></p>
           <%= yield %>