Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

add how it works page, add points to nav

  • Loading branch information...
commit 1dd546b356ad5e5f53cac4461cb80a6602388099 1 parent 17f0f72
@mikecrittenden authored
View
43 app/assets/stylesheets/favors.css.scss
@@ -19,8 +19,12 @@ body {
background: $bgdark;
color: #ddd;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
+ font-size: 15px;
}
+p {
+ font-size: 15px;
+}
p, label, input, button, select, textarea {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
@@ -86,6 +90,17 @@ a {
.page-header {
border-bottom: 1px solid #444;
}
+.logo {
+ color: $teal;
+ text-transform: lowercase;
+ font-family: 'Arvo', Georgia, serif;
+ span {
+ color: $coral;
+ }
+ &:hover {
+ text-decoration: none;
+ }
+}
@@ -95,10 +110,6 @@ a {
border-bottom: 1px solid #444;
padding: 6px;
- .brand {
- font-size: 20px;
- }
-
.nav-points a {
background: $coral;
color: black !important;
@@ -116,18 +127,11 @@ a {
font-size: 15px;
}
- .logo, .brand {
+ .brand {
+ font-size: 20px;
color: $teal;
- text-transform: lowercase;
- font-family: 'Arvo', Georgia, serif;
position: relative;
- top: 3px;
- span {
- color: $coral;
- }
- &:hover {
- text-decoration: none;
- }
+ top: 1px;
}
}
@@ -295,7 +299,7 @@ blockquote p {
}
.btn-primary {
color: black;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
background-color: #4ecdc4;
background-image: -moz-linear-gradient(top, #4ecdc4, #47bcb2);
background-image: -ms-linear-gradient(top, #4ecdc4, #47bcb2);
@@ -317,7 +321,7 @@ blockquote p {
.btn-primary.disabled,
.btn-primary[disabled] {
background-color: #47bcb2;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
color: black;
}
.btn-primary:active, .btn-primary.active {
@@ -349,7 +353,7 @@ blockquote p {
}
.btn-success {
color: black;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
background-color: #c7f464;
background-image: -moz-linear-gradient(top, #c7f464, #b3db57);
background-image: -ms-linear-gradient(top, #c7f464, #b3db57);
@@ -509,3 +513,8 @@ ul.tags {
float: none;
}
}
+@media (min-width: 768px) and (max-width: 980px) {
+ .hidesmall {
+ display: none;
+ }
+}
View
4 app/controllers/favors_controller.rb
@@ -14,6 +14,10 @@ def index
end
end
+ # GET /how-it-works
+ def help
+ end
+
# GET /favors/1
# GET /favors/1.json
def show
View
39 app/views/favors/help.html.erb
@@ -0,0 +1,39 @@
+<div class="container">
+ <h1 class="title">How It Works</h1>
+</div>
+<div class="callout">
+ <div class="container">
+ <h2><small>Minute Favors is a community of people helping each other out with quick online favors.</small></h2>
+ <br />
+
+ <div class="row">
+ <div class="span6">
+ <h2>Making requests</h2>
+ <hr />
+ <h3>What's a favor request?</h3>
+ <p>In this case, a favor is anything that someone with the right expertise could do in just a few minutes using only a computer.</p>
+ <h3>Like what?</h3>
+ <p>Some examples of common favor requests include:</p>
+ <ul>
+ <li>Convert a video file from wmv format to avi</li>
+ <li>Test a feature of a web site using a specific browser/OS combination</li>
+ <li>Compress a zip file of images to reduce file size</li>
+ <li>Merge two PDFs into one</li>
+ </ul>
+ <h3>Can I post as many favors as I want?</h3>
+ <p>Eh, kind of. Favors are worth points. When you register, you have 100 points, and when you create favor requests, you choose how many points they're worth. Those points are deducted from your account. When you're out of points, you can't post any more request until you solve some requests of other users to get more points.</p>
+ </div>
+ <div class="span6">
+ <h2>Solving requests</h2>
+ <hr />
+ <h3>Why would anyone help out?</h3>
+ <p>For two reasons. One, it feels good to help others. Two, it's like a game, and there are points!</p>
+ <h3>How do the points work?</h3>
+ <p>The more points a favor is worth, the more points you get for solving it. <strong>But there's a twist!</strong> The number of points you can gain goes down 1 point per minute that you're working on it, so you have to be quick!</p>
+ <h3>How can I start?</h3>
+ <p>It's easy! Just sign up, then scan the open requests page for favors you can solve, and when you find one, click the "Start Working" button on it to claim it, then get to work!</p>
+ </div>
+ </div>
+ </div>
+</div>
+
View
6 app/views/favors/index.html.erb
@@ -1,11 +1,11 @@
<div class="container">
<% if user_signed_in? %>
- <h1 class="title">View open favor requests</h1>
+ <h1 class="title">Open favor requests</h1>
<% else %>
<div class="hero-unit">
<h1>Help and be helped with <span class="logo">Minute <span>Favors</span></span></h1>
- <p>Minute Favors is an online community of people doing quick, online favors for each other. Ask for something quick and easy that can be done using a computer, and you shall receive.</p>
- <p><a href="favors/new" class="btn btn-primary btn-large">Request a favor »</a></p>
+ <p>Minute Favors is an online community of people doing quick, online favors for each other. Need someone to convert a file to a different format? Or do you have some time to burn and want to help someone out? Get started!</p>
+ <p><%= link_to "Sign up now »", new_user_registration_path, :class => "btn btn-primary btn-large" %></p>
</div>
<% end %>
</div>
View
2  app/views/favors/new.html.erb
@@ -7,7 +7,7 @@
<div class="span6">
<%= render 'form' %>
</div>
- <div class="span5 offset1">
+ <div class="span5 offset1 hidesmall">
<fieldset>
<legend>Tips for posting good favor requests</legend>
<br />
View
6 app/views/layouts/application.html.erb
@@ -21,9 +21,9 @@
<a class="brand logo" href="/">Minute <span>Favors<span></a>
<div class="nav-collapse">
<ul class="nav">
- <li><a href="/">Favors List</a></li>
- <li><a href="/favors/new">Post A Favor</a></li>
- <li><a href="#">How It Works</a></li>
+ <li><a href="/">Favor Requests</a></li>
+ <li><a href="/favors/new">Request A Favor</a></li>
+ <li><a href="/how-it-works">How It Works</a></li>
</ul>
<ul class="nav pull-right">
<% if user_signed_in? %>
View
1  config/routes.rb
@@ -5,6 +5,7 @@
match 'favors/tag/all' => 'favors#tags'
match 'favors/tag/:tag' => 'favors#tag'
+ match 'how-it-works' => 'favors#help'
# The priority is based upon order of creation:
# first created -> highest priority.
Please sign in to comment.
Something went wrong with that request. Please try again.