More styles

jobs.rb

@@ -5,7 +5,8 @@
 require_relative "lib/DOLDataSDK"
 
 before do
-
+  @appid = ENV['facebook_app_id']
+  @description = "A new call-to-action for businesses, non-profits, and government to provide pathways to employment for low-income and disconnected youth in the summer of 2012"
 end
 
 get "/" do
@@ -28,10 +29,15 @@
   end
 
   @full_url = url_for("/", :full)
-  @description = "A new call-to-action for businesses, non-profits, and government to provide pathways to employment for low-income and disconnected youth in the summer of 2012"
   @image = url_for("/images/me.png", :full)
   @title = "Summer Jobs+ 2012"
-  @appid = ENV['facebook_app_id']
+  haml :index
+end
+
+get "/search" do
+  @full_url = url_for("/search", :full)
+  @title = "Search results for #{params['q']}"
+  @jobs = []
   haml :index
 end
 

public/stylesheets/style.css

@@ -379,6 +379,7 @@ strong {
 body {
   min-width: 960px;
   background-color: #55c0c7;
+  color: #444;
   font-family: 'Helvetica Neue', "Helvetica Neue Light", Helvetica;
 }
 
@@ -403,32 +404,61 @@ body {
 .usdol {
     margin-top: -30px;
     color: white;
-    background-color: #2572eb;
+    background-color: #0792d9;
     display: block;
     padding: 10px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
 }
 
 p.green {
-    background-color: #7ac730;
+    background-color: #78c22e;
     color:white;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     padding: 10px;
     font-style: italic;
 }
 
+.search_box {
+    width: 200px;
+}
+
+
+.employers h3{
+    font-style: italic;
+    margin-bottom: 40px;
+}
+
+.employers ul li {
+    display: inline;
+    float: left;
+    padding-right: 1px;
+    margin: 0px;
+}
+
+.employers ul li a {
+    color: #fff;
+    font-weight: bolder;
+    background-color: #f0ca27;
+    padding-top: 20px;
+    padding-bottom: 10px;
+    padding-left: 20px;
+    padding-right: 20px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+}
+
 /* Fancy Buttons */
 p.orange-button {
-    margin: 50px 0 10px 0;
+    margin: 10px 0 10px 0;
 }
 .orange-button a {
     position: relative;
     display: inline-block;
-    padding: 18px 20px;
+    padding: 8px 10px;
     color: #fff;
-    font-size: 24px;
+    font-size: 16px;
     text-align: center;
     border: 1px solid #813516;
     -webkit-border-radius: 6px;

views/index.haml

@@ -13,36 +13,43 @@
 
   .grid_5
     %h3 For Students
-    %form{:action => "/search"}
+    %form#search_form{:action => "/search"}
       %label Keyword
-      %input{:name =>"search", :type => "text"}
+      %input.search_box{:name =>"q", :type => "text", :value => params['q']}
       %p.orange-button
-        %a{:href => "javascript:this.form.submit;"} Find Summer Jobs
-    %h3 For Employers
-    %ul
-      %li
-        %a{:href => "http://webapps.dol.gov/DOLEvents/Event/Register/17/Summer-Jobs-Commitment-Registration", :target => "_new"} Make a commitment and join the initiative by registering
-      / <li><a href="/summerjobs/newcommitmentsmessage.htm">Review our message for new commitments</a></li>
-      %li
-        %a{:href => "http://www.dol.gov/summerjobs/summerjobs/addingopportunities.htm"} Add your opportunities to the Summer Jobs+ Bank
-      %li
-        %a{:href => "http://www.dol.gov/summerjobs/summerjobs/employerfaqs.htm"} Review our Frequently Asked Questions
-      %li
-        %a{:href => "http://www.dol.gov/summerjobs/summerjobs/partners.htm"} See who's involved
-      %li
-        %a{:href => "http://www.dol.gov/summerjobs/pdf/Toolkit.pdf"} Learn more ways to provide opportunities for youth
+        %a{:href => "javascript:search();"} Find Summer Jobs
+
 
   .grid_6
-    %h3{:style => "margin-bottom: 0px"} Cloud Foundry Job Postings
+    %h3{:style => "margin-bottom: 0px"}=@title
     %span{:style => "font-style:italic; margin-top: 0px"}  with Job Posting Schema
     %ul{:itemscope =>"itemscope", :itemtype=>"http://schema.org/JobPosting"}
       -@jobs.each do |job|
         %li
           %strong{:itemtype => "title"}=job.title
           %span=job.description
+  .clear
 
+  .employers
+    .grid_8
+      %h3 For Employers
+      %ul
+        %li
+          %a{:href => "http://webapps.dol.gov/DOLEvents/Event/Register/17/Summer-Jobs-Commitment-Registration", :target => "_new"} Register
+        %li
+          %a{:href => "http://www.dol.gov/summerjobs/summerjobs/addingopportunities.htm"} Add Jobs
+        %li
+          %a{:href => "http://www.dol.gov/summerjobs/summerjobs/employerfaqs.htm"} Answers
+        %li
+          %a{:href => "http://www.dol.gov/summerjobs/summerjobs/partners.htm"} Who Else ?
+        %li
+          %a{:href => "http://www.dol.gov/summerjobs/pdf/Toolkit.pdf"} Learn...
 
-
+  :javascript
+    function search() {
+      var form = document.getElementById("search_form");
+      form.submit();
+    }