Commit bc6d839c

@@ -1,4 +1,10 @@
 class HomeController < ApplicationController
   def index
+    @creations = Creation.all.take(5).reverse
+
+    respond_to do |format|
+      format.html # index.html.erb
+      format.xml  { render :xml => @creations }
+    end
   end
 end

@@ -1,13 +1,11 @@
 <div class="heading">The most recent creations</div>
 
-<% @creations.reverse.each_with_index do |creation, index| %>
-  <% if index % 3 == 0 %>
 <div class="organic">
-  <% end %>
+<% @creations.reverse.each_with_index do |creation, index| %>
     <div class="organicHolder">
       <div class="organicContent">
         <a href="#"><img src="/images/img02.jpg" alt="" /></a>
-        <h2><%= creation.name %></h2>
+        <h2><%= index %>. <%= creation.name %></h2>
         <p><%= creation.story %></p>
         <p>
         <%= link_to 'more...', creation %>
@@ -16,11 +14,16 @@
         </p>
       </div>
     </div>
-  <% if index % 3 == 0 %>
+  <% if index % 3 == 1 %>
 </div>
+
+<div class="space"></div>
+<div class="organic">
+
   <% end %>
 
 <% end %>
+</div>
 
 
 <div class="space"></div>

@@ -15,24 +15,24 @@
   <div class="organicHolder">
     <div class="organicContent">
       <a href="#"><img src="/images/img02.jpg" alt="" /></a>
-      <h2>Birthday Day</h2>
-      <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </p>
+      <h2><%= @creations[0].name %></h2>
+      <p><%= @creations[0].story %> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </p>
     </div>
   </div>
 
   <div class="organicHolder">
     <div class="organicContent">
       <img src="/images/img03.jpg" alt="" />
-      <h2>Pound Cake</h2>
-      <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </p>
+      <h2><%= @creations[1].name %></h2>
+      <p><%= @creations[1].story %>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </p>
     </div>
   </div>
 
   <div class="organicHolder">
     <div class="organicContent">
       <img src="/images/img04.jpg" alt="" />
-      <h2>iPad Cake</h2>
-      <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
+      <h2><%= @creations[2].name %></h2>
+      <p><%= @creations[2].story %>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
     </div>
   </div>
 </div>
@@ -43,16 +43,16 @@
   <div class="organicHolder">
     <div class="organicContent">
       <img src="/images/img05.jpg" alt="" />
-      <h2>Spiderman Cake</h2>
-      <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
+      <h2><%= @creations[3].name %></h2>
+      <p><%= @creations[3].story %>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
     </div>
   </div>
 
   <div class="organicHolder">
     <div class="organicContent">
       <img src="/images/img06.jpg" alt="" />
-      <h2>My Little Pony Cake</h2>
-      <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
+      <h2><%= @creations[4].name %></h2>
+      <p><%= @creations[4].story %>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
     </div>
   </div>
 

@@ -1,7 +1,7 @@
 *{
 margin:0px;
 padding:0px;
-background-color: pink;
+background-color: #f99cf9;
 }
 
 img {
@@ -20,7 +20,7 @@ background: none;
 }
 
 body{
-	background:#2f0f0f;	
+	background:#6c3336;	
 	color:#29371d;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;