let's get some trivial css up there for now.

app/assets/stylesheets/application.css

@@ -4,4 +4,65 @@
  * the top of the compiled file, but it's generally better to create a new file per style scope.
  *= require_self
  *= require_tree . 
-*/
+*/
+
+h1 {
+  font-family: 'Droid Sans', sans-serif;
+  font-size: 30px;
+  color: #B02B2C;
+}
+
+.awesome, .awesome:visited {
+  background: #222 url(/assets/alert-overlay.png) repeat-x; 
+  display: inline-block; 
+  padding: 5px 10px 6px; 
+  color: #fff; 
+  text-decoration: none;
+  -moz-border-radius: 5px; 
+  -webkit-border-radius: 5px;
+  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
+  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
+  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
+  border-bottom: 1px solid rgba(0,0,0,0.25);
+  position: relative;
+  cursor: pointer;
+}
+input#entry_name {
+  font-size: 36px;
+}
+html, body {
+  /height: 100%;
+}
+#wrap {
+  min-height: 100%;}
+#main {
+  overflow:auto;
+	}  /* must be same height as the footer */
+#footer {
+  position: relative;
+}
+
+ul#logos li {
+  list-style: none;
+  display: inline;
+}
+
+  .awesome:hover              { background-color: #111; color: #fff; }
+  .awesome:active             { top: 1px; }
+  .small.awesome, .small.awesome:visited      { font-size: 11px; padding: ; }
+  .awesome, .awesome:visited,
+  .medium.awesome, .medium.awesome:visited    { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
+  .large.awesome, .large.awesome:visited      { font-size: 18px; padding: 10px 14px 9px; }
+
+  .green.awesome, .green.awesome:visited    { background-color: #A4C639; }
+  .green.awesome:hover            { background-color: #749a02; }
+  .blue.awesome, .blue.awesome:visited    { background-color: #2daebf; }
+  .blue.awesome:hover             { background-color: #007d9a; }
+  .red.awesome, .red.awesome:visited      { background-color: #B02B2C; }
+  .red.awesome:hover              { background-color: #872300; }
+  .magenta.awesome, .magenta.awesome:visited    { background-color: #a9014b; }
+  .magenta.awesome:hover              { background-color: #630030; }
+  .orange.awesome, .orange.awesome:visited    { background-color: #ff5c00; }
+  .orange.awesome:hover             { background-color: #d45500; }
+  .yellow.awesome, .yellow.awesome:visited    { background-color: #ffb515; }
+  .yellow.awesome:hover             { background-color: #fc9200; }

app/views/home/index.html.erb

@@ -1,12 +1,16 @@
+<header class='grid_12'>
 <h1>Aloha.rb Presents</h1>
-<h2>The Rubinius Lottery</h2>
-
-<%= form_for :entry, :url => entries_path do |f| %>
-  <%= f.label :name, 'Name' %><br/>
-  <%= f.text_field :name %>
-  <%= f.submit 'Enter' %>
-<% end %>
 
+<h2><%= image_tag "rubinius.png", :title => "Rubinius", :class => "logo" %> Lottery</h2>
+</header>
+<section id="entry_form" class='grid_12'>
+  <h2>Enter to Win!</h2>
+  <%= form_for :entry, :url => entries_path do |f| %>
+    <%= f.label :name, 'Name' %>
+    <%= f.text_field :name, :size => 40 %>
+    <%= f.submit "Enter", :class => "enter red large awesome" %>
+  <% end %>
+</section>
 
 <% if current_user && current_user.admin? %>
 <%= form_for :winner, :url => entries_pick_path do |f| %>
@@ -18,5 +22,21 @@
 <% end %>
 
 <% end %>
-
-
+<div class="clear"></div>
+<section class='grid_12'>
+  <section id="about">
+     <h4>About the project</h4>
+     <p>This is a simple web app written with Rails 3.1 using Rubinius 1.2.4 and deployed on Engine Yard's AppCloud platform. We used RSpec, Cucumber, Shoulda and Factory_Girl for testing the app.</p>
+     <p>It was created for a presentation at <%= link_to "aloha.rb", "http://www.aloharb.org" %> to show Rubinius, Rails 3.1 and deployment on AppCloud.</p>
+  <section>
+  <p>This super awesome web app is currently hosted on <%= link_to "Engine Yard AppCloud", "https://cloud.engineyard.com" %> using <%= link_to "Rubinius", "http://rubini.us" %> and Passenger 3.</p>
+  <p>It was created for the <%= link_to "aloha.rb", "http://www.aloharb.org" %> group and the source is available on the <%= link_to "GitHub", "https://www.github.com/aloharb/rbx-lotto"%>.</p>
+</section>
+<div class="clear"></div>
+<section id="mahalo" class='grid_12 alpha'>
+  <h3>Huge Mahalo</h3>
+  <p>Many a Thanks to the Rubinius team and <%= link_to "Shane Becker", "https://twitter.com/veganstraightedge" %> for the awesome prizes to for the lottery.</p>
+<section>
+<div class="clear"></div>
+
+

app/views/layouts/application.html.erb

@@ -1,16 +1,38 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Rbxlotto</title>
+  <title>Aloha.rb's Rubinius Lottery</title>
   <%= stylesheet_link_tag    "application" %>
   <%= javascript_include_tag "application" %>
   <%= csrf_meta_tags %>
+  <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700&v2' rel='stylesheet' type='text/css'>
 </head>
 <body>
   <% flash.each do |name, msg| %>
     <%= content_tag :div, msg, :id => "flash_#{name}" %>
   <% end %>
+<div id="wrap">
+<section id="main" class="container_12">
 <%= yield %>
 
+</section>
+</div>
+<footer id='info' class='container_12'>   
+    <section id='licenses' class="grid_7">
+      <h4>Legal Mumbo Jumbo</h4>
+      <a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>. - That means, do whatever you want with it.
+      For licenses about <%= link_to "Engine Yard AppCloud", "https://cloud.engineyard.com" %> and <%= link_to "Rubinius", "http://rubini.us" %>, please see their individual sites.
+  </section>
+
+  <section id="logos" class="grid_5">
+    <h4>Totally Awesome</h4>
+    <ul id="logos">
+      <li><%= image_tag "rubinius-mini.png", :title => "Rubinius", :class => "mini_logo" %></li>      
+      <li><%= image_tag "rails.png", :title => "Rails", :class => "mini_logo" %></li>
+      <li><%= image_tag "app_cloud.png", :title => "AppCloud", :class => "mini_logo" %></li>
+    </ul>
+  </section>
+</footer>
+
 </body>
 </html>

features/contest_over.feature

@@ -19,5 +19,8 @@ Feature: Contest over
     When I go to the home page
     Then I should see "Sorry, no more prizes to hand out."
 
+#  Scenario: Attendees can't pick winners
+#    Given I am an attendee
+#    When I go to the home page
+#    Then I should not see "Pick a winner" button
 
-