Commit 0342f221

@@ -67,7 +67,7 @@ figure {
 ----------------------------------------------------------------------------------------------------*/
 
 h1 {
-  font-size: 24px; background: url(../arx/hr.png) bottom repeat-x; padding-bottom: 10px;
+  font-size: 24px; background: url(/assets/arx/hr.png) bottom repeat-x; padding-bottom: 10px;
 }
 
 h2 {

@@ -8,13 +8,13 @@ a:link { color: #333; }
 a:hover { color: #000; }
 
 /* header */
-#hd { background: #193D44 url(hd-bg.png); height: 120px; }
+#hd { background: #193D44 url(/assets/hd-bg.png); height: 120px; }
 /* #hd .top { height: 80px; width: 100%; background: url(arx/hd-graphic.jpg) no-repeat right; } */
 #hd .top { height: 80px; width: 100%; ; }
 #hd .top .logo { margin: 20px 0 0 -10px; }
 #hd .search { top: -35px; height: 0; }
 #hd .search form { background: #fff; }
-#hd .search input[type=submit] { background: url(arx/btn-search.png) no-repeat; border: none; margin-left: 5px; }
+#hd .search input[type=submit] { background: url(/assets/arx/btn-search.png) no-repeat; border: none; margin-left: 5px; }
 #hd .search input[type=text] { background: none; border: none; width: 140px; position: relative; top: -2px; outline: none; }
 #hd .info { text-align: left; color: #CED8D9; padding-top: 12px; }
 #hd .info .dull { color: #647F84; }
@@ -29,7 +29,7 @@ a:hover { color: #000; }
 #bd .sidebar .summary .shaddow { position: absolute; left: -15px; top: 65px; }
 #bd .sidebar .menu { background: #fff; margin-left: -10px; font-size: 14px; font-weight: bold; color: #333333; margin-bottom: 30px; }
 #bd .sidebar .menu li { margin-left: 0; }
-#bd .sidebar .menu li.level_1 { background: url(arx/hr.png) bottom repeat-x; padding: 6px 10px; }
+#bd .sidebar .menu li.level_1 { background: url(/assets/arx/hr.png) bottom repeat-x; padding: 6px 10px; }
 #bd .sidebar .menu li.level_1:last-child { background: none; }
 #bd .sidebar .menu ul.level_2 { margin-bottom: 0; margin-top: 5px; }
 #bd .sidebar .menu li.level_2 { padding: 6px 0 6px 15px; }
@@ -41,8 +41,8 @@ a:hover { color: #000; }
 #bd .content .helpbox  p { margin-bottom: 0; }
 #bd .content .helpbox  li { margin-left: 15px; }
 #bd .content table { width: 100%; }
-#bd .content table thead { background: url(arx/hr.png) bottom repeat-x; }
-#bd .content table tbody { background: url(arx/hr-light.png) bottom repeat-x; }
+#bd .content table thead { background: url(/assets/arx/hr.png) bottom repeat-x; }
+#bd .content table tbody { background: url(/assets/arx/hr-light.png) bottom repeat-x; }
 #bd .content table td,
 #bd .content table th { padding: 3px 0; white-space: nowrap; }
 #bd .content table th { font-weight: bold; text-align: right; }
@@ -55,10 +55,10 @@ a:hover { color: #000; }
 #bd .content .direction { margin-top: 10px; font-weight: bold; color: #999999; }
 #bd .content .direction a { color: #333333; text-decoration: none; }
 #bd .content .direction a:hover { color: #000; text-decoration: none; }
-#bd .content .direction .next { background: url(arx/arrow-right.jpg) no-repeat right center; padding-right: 10px; }
-#bd .content .direction .previous { background: url(arx/arrow-left.jpg) no-repeat left center; padding-left: 10px; }
-#bd .content .direction .next.disabled { background: url(arx/arrow-right-deactive.jpg) no-repeat right center; }
-#bd .content .direction .previous.disabled { background: url(arx/arrow-left-deactive.jpg) no-repeat left center; }
+#bd .content .direction .next { background: url(/assets/arx/arrow-right.jpg) no-repeat right center; padding-right: 10px; }
+#bd .content .direction .previous { background: url(/assets/arx/arrow-left.jpg) no-repeat left center; padding-left: 10px; }
+#bd .content .direction .next.disabled { background: url(/assets/arx/arrow-right-deactive.jpg) no-repeat right center; }
+#bd .content .direction .previous.disabled { background: url(/assets/arx/arrow-left-deactive.jpg) no-repeat left center; }
 
 /* footer */
 #ft { background: #000; color: #fff; padding: 26px 0; }

@@ -5,15 +5,27 @@
 <% end %>
 
 <h1>Welcome to the CakeSide</h1>
-<p><em>An online community for cake artists, enthusiasists and eaters.</em></p>
-<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada facilisis erat, id sollicitudin leo sollicitudin in. Quisque quis elit eget neque convallis imperdiet in ut odio. Nunc vel lectus turpis, nec tincidunt ipsum. Pellentesque turpis tellus, pulvinar vehicula sodales a, sollicitudin egestas mauris. </p>
+<div class="grid_6 alpha">
+  <p><em>An online community for cake artists, enthusiasists and eaters.</em></p>
+  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada facilisis erat, id sollicitudin leo sollicitudin in. Quisque quis elit eget neque convallis imperdiet in ut odio. Nunc vel lectus turpis, nec tincidunt ipsum. Pellentesque turpis tellus, pulvinar vehicula sodales a, sollicitudin egestas mauris. </p>
+  <% @creations.each do |creation| %>
+    <div>
+      <h2><%= creation.name %></h2>
+      <a href="<%= url_for creation %>"><%= image_tag creation.image_url.to_s, :alt => creation.name %></a>
+      <p><%= creation.short_story %> <%= link_to 'more', creation %></p>
+    </div>
+  <% end %>
+</div>
+<div class="grid_3 omega helpbox">
+  <h4>What time is it?... cake time</h4>
+  <ul>
+    <li>Connect with thousands of other cake lovers like yourself.</li>
+  </ul>
+</div>
+<div class="clear"></div>
+
+
+
+
+
 
-<% @creations.each do |creation| %>
-  <div class="product_box">
-    <h2><%= creation.name %></h2>
-    <a href="<%= url_for creation %>">
-      <%= image_tag creation.image_url.to_s, :alt => creation.name %>
-    </a>
-    <p><%= creation.short_story %> <%= link_to 'more', creation %></p>
-  </div>
-<% end %>

@@ -1,6 +1,6 @@
 # A sample Guardfile
 # More info at https://github.com/guard/guard#readme
-guard 'livereload' do
+guard 'livereload', :port => '35728' do
   watch(%r{app/.+\.(erb|haml)})
   watch(%r{app/helpers/.+\.rb})
   watch(%r{(public/|app/assets).+\.(css|js|html)})