Permalink
Browse files

more design stuff from john

  • Loading branch information...
1 parent 58c9a70 commit ccbc10c2edef63a1cce2a4879791227ea4c71f02 @davidmooreppf davidmooreppf committed Mar 15, 2012
View
@@ -9,23 +9,41 @@
<body>
<div class="top">
- <div class="logo"><img src="../images/logo.png" width="300" height="112"/></div>
- <p class="quote">"Quote of praise goes here. Suspendisse nec elit quis nibh posuere faucibus ac sed quam. Nullam ut viverra tellus. Vestibulum quis mauris ut quam commodo varius."</p>
+ <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>
+ </div>
</div>
- <div class="message">
- <strong>We Need Your Help... Just To Keep OC Alive</strong>
- <a href="#" class="message-cta">Sign up to become an OC Booster now</a>
- <p>Boosters make a recurring donation of $10 per month - It really helps us keep going. It's easy to cancel anytime, tax-exempt, and directly supports our free &amp; open-source Web tools. Sign Up on PayPal (it's smooth &amp; hassle-free)</p>
- <p><a href="#">(Or, make a one-time donation)</a></p>
+ <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>
+ </div>
+ <div class="right">
+ <p>Help Keep OpenCongress Alive - 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>
+ </div>
</div>
- <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>
- <div class="gifts">
- <div class="badge">
- <h1>All Boosters Get:</h1>
+ <div class="thank-you-gifts">
+ <h2>Boosters can Sign Up for Thank-You Gifts from Friends-of-PPF!</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>
+ </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>
</div>
- <div class="friends">
- <h1>Plus raffle entry to win gifts from our friends:</h1>
+ <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>
</div>
+ <p class="view-all"><a href="#">View all Thank-You Gifts</a></p>
</div>
</body>
</html>
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Booster page</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" />
+</head>
+
+<body class="thank-you">
+ <div class="top">
+ <div class="logo"><img src="../images/donate/booster_logo3.png" width="370" height="40"/></div>
+ <div class="donate-now">
+ <p>Help Keep OpenCongress Alive - 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>
+ </div>
+ </div>
+ <div class="people">
+ <div class="person">
+ <img src="../images/staff/andy.jpg" />
+ <span>Christopher Hayes, PPF Board Member</span>
+ </div>
+ <div class="person end-row">
+ <img src="../images/staff/andy.jpg" />
+ <span>Christopher Hayes, PPF Board Member</span>
+ </div>
+ <div class="person">
+ <img src="../images/staff/andy.jpg" />
+ <span>Christopher Hayes, PPF Board Member</span>
+ </div>
+ <div class="person end-row">
+ <img src="../images/staff/andy.jpg" />
+ <span>Christopher Hayes, PPF Board Member</span>
+ </div>
+ </div>
+</body>
+</html>
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Modal window (Andy)</title>
+ <link rel="stylesheet" type="text/css" href="../../stylesheets/modal.css" />
+</head>
+<body>
+ <div class="booster-modal">
+ <div class="left">
+ <div class="staff">
+ <div class="staff-photo andy"></div>
+ <p>Andy Ross, OpenCongress Lead Programmer and OK Go Guitarist</p>
+ </div>
+ <div class="oc-logo"></div>
+ </div>
+ <div class="right">
+ <h1>We Build Free Tools to Email Congress... Support Our Work</h1>
+ <p>Sign up to become an OC Booster now</p>
+ <a href="#" class="booster-sign-up">Sign Me Up!</a>
+ <p>(Or, make a one-time donation)</p>
+ <a href="#" class="booster-donate">Donate</a>
+ <p>Boosters make a $10 per month tax-exempt donation to keep OC up and running.</p>
+ </div>
+ </div>
+</body>
+</html>
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Modal window (David)</title>
+ <link rel="stylesheet" type="text/css" href="../../stylesheets/modal.css" />
+</head>
+<body>
+ <div class="booster-modal">
+ <div class="left">
+ <div class="staff">
+ <div class="staff-photo david"></div>
+ <p>David Moore, Founder of OpenCongress</p>
+ </div>
+ <div class="oc-logo"></div>
+ </div>
+ <div class="right">
+ <h1>We Need Your Help... To Keep OC Alive</h1>
+ <p>Sign up to become an OC Booster now</p>
+ <a href="#" class="booster-sign-up">Sign Me Up!</a>
+ <p>(Or, make a one-time donation)</p>
+ <a href="#" class="booster-donate">Donate</a>
+ <p>Boosters make a $10 per month tax-exempt donation to keep OC up and running.</p>
+ </div>
+ </div>
+</body>
+</html>
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Modal window (Donny)</title>
+ <link rel="stylesheet" type="text/css" href="../../stylesheets/modal.css" />
+</head>
+<body>
+ <div class="booster-modal">
+ <div class="left">
+ <div class="staff">
+ <div class="staff-photo donny"></div>
+ <p>Donny, dude who also works on OpenCongress</p>
+ </div>
+ <div class="oc-logo"></div>
+ </div>
+ <div class="right">
+ <h1>Congress is Corrupt. Help Us Open It For You.</h1>
+ <p>Sign up to become an OC Booster now</p>
+ <a href="#" class="booster-sign-up">Sign Me Up!</a>
+ <p>(Or, make a one-time donation)</p>
+ <a href="#" class="booster-donate">Donate</a>
+ <p>Boosters make a $10 per month tax-exempt donation to keep OC up and running.</p>
+ </div>
+ </div>
+</body>
+</html>
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.
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.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit ccbc10c

Please sign in to comment.