Permalink
Browse files

booster/donate stuff

  • Loading branch information...
1 parent 3bfcca8 commit de5f36064f8f3dd0456a4b790ce26ec77c21fb40 @davidmooreppf davidmooreppf committed Apr 25, 2012
@@ -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">
@@ -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>
View
@@ -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>
View
@@ -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>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -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;
+}
+

0 comments on commit de5f360

Please sign in to comment.