Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

More styles

  • Loading branch information...
commit 234e7b89366c14ccad5b91510f6d048d04507df1 1 parent e77f58c
@ciberch ciberch authored
Showing with 69 additions and 26 deletions.
  1. +9 −3 jobs.rb
  2. +35 −5 public/stylesheets/style.css
  3. +25 −18 views/index.haml
View
12 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
View
40 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,7 +404,7 @@ body {
.usdol {
margin-top: -30px;
color: white;
- background-color: #2572eb;
+ background-color: #0792d9;
display: block;
padding: 10px;
border-top-left-radius: 3px;
@@ -411,7 +412,7 @@ body {
}
p.green {
- background-color: #7ac730;
+ background-color: #78c22e;
color:white;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
@@ -419,16 +420,45 @@ p.green {
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;
View
43 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();
+ }
Please sign in to comment.
Something went wrong with that request. Please try again.