more theming

app/assets/stylesheets/application.css.scss

@@ -8,6 +8,7 @@
 *= require theme/logo
 *= require theme/layout
 *= require pages/domains
+*= require pages/home
 *= require slides
 */
 

app/assets/stylesheets/pages/home.css.scss

@@ -0,0 +1,24 @@
+.call-to-action {
+    text-align: center;
+    margin-top: 3em;
+    small {
+        font-style: italic;
+        font-size: 80%
+    }
+}
+
+.twitter-share-button {
+    font-size: 14px;
+    font-weight: normal;
+}
+
+.incentives-unit li,
+.incentives-unit p
+{
+    font-size: 14px;
+    line-height: 20px;
+}
+
+blockquote {
+    font-style: italic;
+}

app/assets/stylesheets/theme/layout.css.scss

@@ -1,3 +1,7 @@
+body {
+    background: #f7fdff;
+}
+
 #main {
     margin-top: 40px;
 }

app/assets/stylesheets/theme/logo.css.scss

@@ -3,11 +3,10 @@
 @import "compass/css3/text-shadow";
 
 .navbar .brand {
-  color: #53d4ff;
-  border: 2px solid #53d4ff;
-  @include border-radius(10px);
-  @include text-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 10px rgba(143, 181, 200, .7));
-  @include box-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 10px rgba(143, 181, 200, .7));
-  padding: 2px 8px 2px 8px;
-  margin: 6px 18px 2px 6px;
+    color: #53d4ff;
+    @include text-shadow(
+        0 1px 0 rgba(0, 0, 0, 0.6),
+        0 0 6px rgba(143, 181, 200, 1),
+        0 0 10px rgba(143, 181, 200, .7)
+    );
 }

app/views/pages/contact/_form.html.erb

@@ -1,31 +1,23 @@
-<%= form_for @contact_form, :url => {:action => 'contact'}, :method => 'post' do |f| %>
+<%= simple_form_for(@contact_form, 
+    url: { action: 'contact' },
+    html: { method: :post, class: 'form-horizontal' }
+  ) do |f| %>
+  
   <%= error_messages_for(@contact_form) %>
 
   <div style="display:none;">
     <%= f.text_field :nickname %>
   </div>
 
-  <p>
-    <%= f.label :name, 'Your name' %>
-    <%= f.text_field :name %>
-  </p>
-
-  <p>
-    <%= f.label :email, 'Your email' %>
-    <%= f.text_field :email %>
-  </p>
-
-  <p>
-    <%= f.label :file %>
-    <%= f.file_field :file %>
-    <i>can be attached optionally</i>
-  </p>
-
-  <p>
-    <%= f.label :message %>
-    <%= f.text_area :message, :rows => 10 %>
-  </p>
+  <div class="inputs">
+    <%= f.input :name, label: 'Your name' %>
+    <%= f.input :email, label: 'Your email' %>
+    <%= f.input :file, hint: 'can be attached optionally' %>
+    <%= f.input :message, as: :text, input_html: { rows: 10 } %>
+  </div>
 
-  <p><%= f.submit 'Send', :class => 'btn-primary' %></p>
+  <div class="form-actions">
+    <%= f.submit 'Send', :class => 'btn btn-primary' %>
+  </div>
 
 <% end %>

app/views/pages/fragments/_action.html.erb

@@ -1,6 +1,6 @@
-<div class="action">
+<div class="call-to-action">
   <%= image_tag 'marketing/arrow_left.png' %>
-  <%= link_to new_user_registration_path, :class => 'btn btn-primary btn-large' do %>
+  <%= link_to new_user_registration_path, class: 'btn btn-success btn-large' do %>
     <strong>Create an Account Now</strong><br>
     <small>It's free, sign up in 60 seconds.</small>
   <% end %>

app/views/pages/home.html.erb

@@ -11,17 +11,18 @@
         :related => "_clyfe:vaijab"
       } %>
     </span>
-    <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
   </h1>
 </div>
 
 <div class="row">
   <div class="span6">
-    <%= render :partial => 'pages/home/headlines' %>
-    <%= render :partial => 'pages/fragments/action' %>
+    <div class="incentives-unit">
+      <%= render 'pages/home/headlines' %>
+      <%= render 'pages/fragments/action' %>
+    </div>
   </div>
   <div class="span6">
-    <%= render :partial => 'pages/home/slides' %>
+    <%= render 'pages/home/slides' %>
   </div>
 </div>
 
@@ -29,16 +30,12 @@
 
 <div class="row">
   <div class="span6">
-    <blockquote>
-      We are two geeks who built a free DNS service to fill a void in this space.
-      The service is free and we hope to support it on either a freemium model or some sort of affiliate sales.
-    </blockquote>
+    <blockquote>We are two geeks who built a free DNS service to fill a void in this space.The service is free 
+      and we hope to support it on either a freemium model or some sort of affiliate sales.</blockquote>
   </div>
   <div class="span6">
-    <blockquote>
-      Note that we just started it, and there are still things to be done, it's still a work in progress.
-      Nevertheless the service is at this point functional and there are people already using it.
-    </blockquote>
+    <blockquote>Note that we just started it, and there are still things to be done, it's still a work in progress.
+      Nevertheless the service is at this point functional and there are people already using it.</blockquote>
   </div>
 </div>
 
@@ -48,7 +45,7 @@
   <div class="span6">
       <h3>Benefits</h3>
       <%= render 'pages/fragments/benefits' %>
-      <%= render :partial => 'pages/fragments/action' %>
+      <%= render 'pages/fragments/action' %>
   </div>
   <div class="span6">
       <h3>Features</h3>
@@ -56,3 +53,4 @@
   </div>
 </div>
 
+<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>