booster/donate stuff

opencongress · Apr 25, 2012 · de5f360 · de5f360
1 parent 3bfcca8
commit de5f360
Show file tree

Hide file tree

Showing 10 changed files with 73 additions and 29 deletions.
diff --git a/app/views/layouts/_banner.html.erb b/app/views/layouts/_banner.html.erb
@@ -1,6 +1,6 @@
 <% member = rand(3) %>
 <% member_photos = [ 'member-andy', 'member-david', 'member-donny' ] %>
-<% member_desc = [ 'Andy Ross, OC Programmer', 'David Moore, OC Manager', 'Donny Shaw, OC Blogger' ] %>
+<% member_desc = [ 'Andy Ross, OC Programmer', 'David Moore, OC Co-Founder', 'Donny Shaw, OC Blogger' ] %>
 
 <div class="banner">
   <div class="team-member">

diff --git a/app/views/layouts/_booster_modal.html.erb b/app/views/layouts/_booster_modal.html.erb
@@ -17,21 +17,21 @@
 			<% if team_member == :andy %>
 			  <p>Andy Ross, OpenCongress Lead Programmer and OK Go Guitarist</p>
 			<% elsif team_member == :donny %>
-			  <p>Donny, OpenCongress Blogger</p>
+			  <p>Donny Shaw, OpenCongress Blogger (Since 2007!)</p>
 			<% else %>
-			  <p>David Moore, Founder of OpenCongress</p>
+			  <p>David Moore, OpenCongress Co-Founder</p>
 			<% end %>
 		</div>
 	</div>
 	<div class="right">
 	  <% if logged_in? %><p class='username'>Hey <%= current_user.login %>,</p><% end %>
 	  
 		<% if team_member == :andy %>
-		  <h1>We Build Free Tools to Email Congress...</h1>
+		  <h1>We Build Free Tools to Email Congress</h1>
 		<% elsif team_member == :donny %>
-		  <h1>Congress is Corrupt. Help Us Open It For You.</h1>
+		  <h1>Congress Is Broken. Help Us Open It Up.</h1>
 		<% else %>
-		  <h1>We Need Your Help... To Keep OC Alive</h1>
+		  <h1>We Need Your Help To Keep OpenCongress Alive</h1>
 		<% end %>
 
 		<p>OC Boosters give $10 per month, tax-exempt, to support our work:</p>

diff --git a/public/booster/index.html b/public/booster/index.html
@@ -1,49 +1,74 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title>Booster page</title>
+	<title>OpenCongress Booster - Donate - Support Our Non-Profit Work</title>
 	<link rel="shortcut icon" href="/favicon.ico" />
 	<link rel="icon" type="image/png" href="/favicon.png" />
 	<link rel="stylesheet" type="text/css" href="../stylesheets/booster.css" />
+	<link rel="stylesheet" type="text/css" href="../stylesheets/application.css" />
 </head>
 
 <body>
+	<div id="fb-root"></div>
+	<script>(function(d, s, id) {
+	  var js, fjs = d.getElementsByTagName(s)[0];
+	  if (d.getElementById(id)) return;
+	  js = d.createElement(s); js.id = id;
+	  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123481617665661";
+	  fjs.parentNode.insertBefore(js, fjs);
+	}(document, 'script', 'facebook-jssdk'));</script>
+
 	<div class="top">
 		<div class="logo"><img src="../images/donate/booster_logo2.png" width="300" height="33"/></div>
 		<div class="quote-area">
 			<div class="chris-headshot"></div>
-			<p class="quote">"Quote of praise goes here. Suspendisse nec elit quis nibh posuere faucibus ac sed quam. Nullam ut viverra tellus."</p>
-			<span class="quote-author">Chris Hayes</span>
+			<p class="quote">"OpenCongress is a vital public resource for making the U.S. Congress easier to understand. Please make a donation today."</p>
+			<span class="quote-author">Chris Hayes, PPF Board of Directors</span>
 		</div>
 	</div>
 	<div class="video-info">
 		<div class="left">
-			<iframe src="http://player.vimeo.com/video/38101676?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen class="booster-vimeo"></iframe>
-			<p>Or, make a one-time donation to support our tiny non-profit (just two people).</p>
-			<p>Foundations &amp; Philanthropists - We're a Huge Popular Public Resource. Keep Us Running.</p>
+			<iframe src="http://player.vimeo.com/video/40887087" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br>
 		</div>
 		<div class="right">
-			<p>Help Keep OpenCongress Alive - Become an OC Booster</p>
+			<p>Keep OpenCongress Alive<br>Become an OC Booster</p>
 			<a href="#" class="booster-sign-up">Sign Up</a>
-			<p>Boosters donate $10 per month, tax-exempt, to directly support our free &amp; open-source Web tools.</p>
-			<p>Signing up takes less than a minute - just login to Paypal and press a button.</p>
+			<p>Boosters donate $10 per month, tax-exempt, to keep OpenCongress up on the Web.</p>
+			<p>Signing up takes less a minute - just login to PayPal and press a button.</p> 
+			<p>(Cancel anytime from your PayPal account.)</p>
 		</div>
 	</div>
+	<div class="one-time">
+			<p>Or, make a one-time <a href="http://www.opencongress.org/donate">donation</a> to support our tiny 501(c)3 non-profit organization (just two full-time equivalents). <a href="http://www.opencongress.org/donate"><strong>Donate now.</strong></a></p>
+			<p>Charitable Foundations &amp; Philanthropists - OpenCongress is hugely popular, but we urgently need funding to meet public demand. Please <a href="www.opencongress.org/PPF-funding">support our non-profit mission.</a></p>
+	</div>
 	<div class="thank-you-gifts">
-		<h2>Boosters can Sign Up for Thank-You Gifts from Friends-of-PPF!</h2>
+		<h2>Some Thank-You Gifts for OC Boosters, With More To Come...</h2>
 		<div class="gift first">
-			<img src="../images/donate/andy_gift.jpg" width="216" height="184" />
-			<span>Talk politics &amp; hip-hop with Reihan Salam</span>
+			<img src="/images/hayes_desk.jpg" width="216" height="184" />
+			<span>Talk Congressional politics on a conference call with Chris Hayes, PPF Board member</span>
 		</div>
 		<div class="gift">
-			<img src="../images/donate/andy_gift.jpg" width="216" height="184" />
-			<span>Talk politics &amp; technology with Prof. Zephyr Teachout</span>
+			<img src="/images/teachout.jpg" width="216" height="184" />
+			<span>Talk technology for democracy & corruption with Prof. Zephyr Teachout, PPF Board member</span>
 		</div>
 		<div class="gift">
 			<img src="../images/donate/andy_gift.jpg" width="216" height="184" />
-			<span>Music from Andy Ross of OK Go (and OC!)</span>
+			<span>Get CDs & stickers from OK Go guitarist Andy Ross, OpenCongress Lead Programmer (since 2006!)</span>
+		</div>
+                <div class="share-buttons">
+			<div class="fb-like" data-href="http://opencongress.org/booster" data-send="true" data-layout="button_count" data-width="150" data-show-faces="false" data-action="recommend"></div>
+			<div class="tweet">
+			<a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
+
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+			</div>
+      		</div>
+		<div class='footer'>
+		<p class="view-all"><a href="#">(Or, <a href="http://www.stayclassy.org/events/oc-booster-campaign/e16075">donate to OC with a credit card</a> <img src="/images/visa_32.png" /> <img src="/images/mastercard_32.png" /> instead of PayPal)</a></p>
+		<p class="view-all"><a href="#">Questions, feedback? We enjoy hearing from you: david@opencongress.org.</a></p>
+		<p class="view-all"><a href="#">See more about the Participatory Politics Foundation</a></p>
 		</div>
-		<p class="view-all"><a href="#">View all Thank-You Gifts</a></p>
 	</div>
 </body>
-</html>
+</html>
diff --git a/public/donate/index.html b/public/donate/index.html
@@ -20,20 +20,20 @@
 <div class="wrap">
 <header class="">
 	<img src="/images/logo.png" width="960" height="359" alt="logo" />
-<h1>OpenCongress needs your help</h1>
-	<p>... and here's why</p></header>
+<h1>We need your help</h1>
+	<p>... to keep OpenCongress alive</p></header>
 
 <section>
 <div class="vid" style="display:block;">	
 	<section>
-		<h2>Now, the easiest way to write your members of Congress</h2>
+		<h2>Donate today to keep OpenCongress up and running</h2>
 		<div>
 			<div class="member">
 				<img src="/images/donny.jpg" alt="image">
-				<p>Donny Shaw - OC Researcher & Blogger</p>
+				<p>Donny Shaw - OC Blogger & Outreach Coordinator</p>
 			</div>
 			<aside>
-				<p>We're helping to fill a giant public need. Until now, there was no free &amp; open-source Web tool for sending an email to all of your members of Congress. Unbelievable, right? With OpenCongress, this important feature for constituent communication is now available on a not-for-profit website.</p>
+				<p>OpenCongress is a hugely popular public resource, but unfortunately, our funding support doesn't match our impact. Up to 1 million people visit our site every month to track, understand, and engage with the U.S. Congress.<br><br>That makes us one the most-visited open-government sites in the world, all with just two full-time employees -- not nearly enough to keep the site operating at a healthy level.<br><br> We need your help to keep OC alive in 2012.<p>
 			</aside>
 		</div>
 		<div class="clear"></div>

diff --git a/public/images/hayes_desk.jpg b/public/images/hayes_desk.jpg
diff --git a/public/images/logo.png b/public/images/logo.png
diff --git a/public/images/mastercard_32.png b/public/images/mastercard_32.png
diff --git a/public/images/teachout.jpg b/public/images/teachout.jpg
diff --git a/public/images/visa_32.png b/public/images/visa_32.png
diff --git a/public/stylesheets/booster.css b/public/stylesheets/booster.css
@@ -8,6 +8,7 @@ body {
 	padding: 0 0 0px;
 	font-family: Helvetica, Arial, sans-serif;
 	background: url(/images/donate/bg.png) repeat-x;
+        background-color: #F7F7EE;
 	padding: 50px 0 40px;
 	width: 700px;
 	margin: 0 auto;
@@ -145,6 +146,19 @@ body {
 		margin: 20px 0;
 	}
 
+.one-time {
+	padding-bottom: 20px;
+}
+.one-time p {
+	color: #666;
+}
+.share-buttons {
+        float: left;
+	margin-top: 20px;
+}
+.share-buttons .tweet {
+	margin-top: 10px;
+}
 .thank-you-gifts {
 	width: 700px;
 	overflow: hidden;
@@ -229,4 +243,9 @@ body {
 			margin-top: 3px;
 			font-style: italic;
 			text-align: center;
-		}
+		}
+.footer {
+margin-top: 20px;
+float: right;
+}
+