From 7f171c95edba759477e2fec4678e446ae389462e Mon Sep 17 00:00:00 2001
From: eric <eric@hellman.net>
Date: Sun, 30 Mar 2014 21:23:13 -0400
Subject: [PATCH] revise learn_more to have dual creater/ungluer messages

---
 frontend/templates/learn_more.html | 104 ++++++++++++++++++-----------
 static/css/documentation2.css      |   2 +-
 static/css/landingpage3.css        |   2 +-
 static/css/learnmore2.css          |   2 +-
 static/css/supporter_layout.css    |   2 +-
 static/less/learnmore2.less        |  45 ++++++++++++-
 6 files changed, 113 insertions(+), 44 deletions(-)

diff --git a/frontend/templates/learn_more.html b/frontend/templates/learn_more.html
index 00f67696..f6ea2142 100644
--- a/frontend/templates/learn_more.html
+++ b/frontend/templates/learn_more.html
@@ -19,30 +19,39 @@
                     <div id="user-block-hide" class="learnmore_block ">
                         <h1 style="text-align: center; padding-top: 1em; width: 75%"> 3 Ways to Make eBooks Free</h1>
                          
-                        <div class="quicktour panelview">
-                            <div class="panelview panelfront side1">
-                                <span style="color: #8ac3d7; ">MAKE</span>
+                        <div class="quicktour panelview" >
+                            <div class="panelview panelfront side1" >
+                                <span style="color: #8ac3d7; " class="makeaskgive">MAKE</span>
+                                <div class="qtbutton make"><i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i></div>
                             </div>
-                            <div class="panelview panelback side2">
-                                <span class="highlight">Create ebooks</span> in EPUB, MOBI, and PDF for reading everywhere.
+                            <div class="panelview panelback side2" >
+                                <span class="highlight">Creators</span> make ebooks in EPUB, MOBI, and PDF.<br />
+                                <span class="highlight">Ungluers</span> love them for doing it.<br />
                             </div>
                         </div>
                         <div class="arrow"><i class="fa fa-arrow-right"></i></div>
-                        <div class="quicktour panelview">
+                        <div class="quicktour panelview" >
                             <div class="panelview panelfront side1">
-                                <span style="color: #e18551; ">GIVE</span>
+                                <span style="color: #8dc63f; " class="makeaskgive">GIVE</span>
+                                <a   title="Download this work" class="qtbutton qtreadittext"><div class="read_itbutton qtreadit"><span>Read it Now</span></div></a>
                             </div>
-                            <div class="panelview panelback side2">
-                                Apply <a href="https://creativecommons.org/">Creative Commons</a> licenses to ebooks, and <span class="highlight">we'll distribute them</span>, direct and through libraries.
+                            <div class="panelview panelback side2" >
+                                <span class="highlight">Creators</span> apply <a href="https://creativecommons.org/">Creative Commons</a> licenses to ebooks.<br />
+                                <span class="highlight">Ungluers</span> read them at home, at a library, anywhere.<br />
                             </div>
                         </div>
                         <div class="arrow"><i class="fa fa-arrow-right"></i></div>
-                        <div class="quicktour panelview">
+                        <div class="quicktour panelview" >
                             <div class="panelview panelfront side1">
-                                <span style="color: #8dc63f; ">ASK</span>
+                            
+                                <span style="color: #e18551; " class="makeaskgive">ASK</span>
+                                <input name="pledge" type="submit" value="Say Thank You"  class="qtbutton" style="
+                                    left: 42px;
+                                ">
                             </div>
-                            <div class="panelview panelback side2">
-                                Ask people who are downloading the books to contribute what they choose, <span class="highlight">we'll get you the funds.</span>
+                            <div class="panelview panelback side2" >
+                                <span class="highlight">Creators</span> ask downloaders to contribute what they choose.<br />
+                                <span class="highlight">Ungluers</span> say thank you with their support.
                             </div>
                         </div>
                         <div class="quicktour last">
@@ -51,30 +60,38 @@
                             </div>
                         </div>
                         <div class="learnmore_row"></div>
-                        <div class="quicktour panelview">
-                            <div class="panelview panelfront side1">
-                                <span style="color: #8ac3d7; ">MAKE</span>
+                        <div class="quicktour panelview" >
+                            <div class="panelview panelfront side1" >
+                                <span style="color: #8ac3d7; " class="makeaskgive">MAKE</span>
+                                <div class="qtbutton make"><i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i></div>
                             </div>
-                            <div class="panelview panelback side2">
-                                <span class="highlight">Create ebooks</span> in EPUB for reading everywhere.
+                            <div class="panelview panelback side2" >
+                                <span class="highlight">Creators</span> make ebooks in EPUB.<br />
+                                <span class="highlight">Ungluers</span> love them for doing it.<br />
                             </div>
                         </div>
                         <div class="arrow"><i class="fa fa-arrow-right"></i></div>
-                        <div class="quicktour panelview">
+                        <div class="quicktour panelview" >
                             <div class="panelview panelfront side1">
-                                <span style="color: #8dc63f; ">ASK</span>
+                            
+                                <span style="color: #e18551; " class="makeaskgive">ASK</span>
+                                <input name="pledge" type="submit" value="Purchase"  class="qtbutton" style="
+                                    left: 84px;
+                                ">
                             </div>
-                            <div class="panelview panelback side2">
-                                Set a revenue goal, offer the ebook for sale, <span class="highlight">we'll sell it</span> directly to readers and to libraries.
+                            <div class="panelview panelback side2" >
+                                <span class="highlight">Creators</span> set a funding goal and a per-copy price.<br />
+                                <span class="highlight">Ungluers</span> purchase the ebook to advance the campaign.
                             </div>
                         </div>
                         <div class="arrow"><i class="fa fa-arrow-right"></i></div>
-                        <div class="quicktour panelview">
+                        <div class="quicktour panelview" >
                             <div class="panelview panelfront side1">
-                                <span style="color: #e18551; ">GIVE</span>
+                                <span style="color: #8dc63f; " class="makeaskgive">GIVE</span>
+                                <a   title="Download this work" class="qtbutton qtreadittext"><div class="read_itbutton qtreadit"><span>Read it Now</span></div></a>
                             </div>
-                            <div class="panelview panelback side2">
-                                Once <span class="highlight">book sales reach your goal</span>, <a href="https://creativecommons.org/">Creative Commons</a> licenses are automatically applied.
+                            <div class="panelview panelback side2" >
+                                When the funding goal is met, <a href="https://creativecommons.org/">Creative Commons</a> licenses are automatically applied.<br />
                             </div>
                         </div>
                         <div class="quicktour last">
@@ -83,30 +100,39 @@
                             </div>
                         </div>
                         <div class="learnmore_row"></div>
-                        <div class="quicktour panelview">
+                        <div class="quicktour panelview" >
                             <div class="panelview panelfront side1">
-                                <span style="color: #8dc63f; ">ASK</span>
+                            
+                                <span style="color: #e18551; " class="makeaskgive">ASK</span>
+                                <input name="pledge" type="submit" value="Pledge"  class="qtbutton" style="
+                                    left: 100px;
+                                ">
                             </div>
-                            <div class="panelview panelback side2">
-                                Ask people who are want your ebook to contribute what they like, <span class="highlight">we'll gather the pledges.</span>
+                            <div class="panelview panelback side2" >
+                                <span class="highlight">Creators</span> set a funding goal and rewards for supporters.<br />
+                                <span class="highlight">Ungluers</span> pledge to support the campaign.
                             </div>
                         </div>
                         <div class="arrow"><i class="fa fa-arrow-right"></i></div>
-                        <div class="quicktour panelview">
-                            <div class="panelview panelfront side1">
-                                <span style="color: #8ac3d7; ">MAKE</span>
+                        <div class="quicktour panelview" >
+                            <div class="panelview panelfront side1" >
+                                <span style="color: #8ac3d7; " class="makeaskgive">MAKE</span>
+                                <div class="qtbutton make"><i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i></div>
                             </div>
-                            <div class="panelview panelback side2">
-                                When you've reached your funding goal, <span class="highlight">we'll collect the funds</span> to fund your ebook conversion.
+                            <div class="panelview panelback side2" >
+                                When the campaign succeeds, We collect <span class="highlight">Ungluer</span> pledges.<br />
+                                The ebook is <span class="highlight">created</span> and rewards are distributed.
                             </div>
                         </div>
                         <div class="arrow"><i class="fa fa-arrow-right"></i></div>
-                        <div class="quicktour panelview">
+                        <div class="quicktour panelview" >
                             <div class="panelview panelfront side1">
-                                <span style="color: #e18551; ">GIVE</span>
+                                <span style="color: #8dc63f; " class="makeaskgive">GIVE</span>
+                                <a   title="Download this work" class="qtbutton qtreadittext"><div class="read_itbutton qtreadit"><span>Read it Now</span></div></a>
                             </div>
-                            <div class="panelview panelback side2">
-                                Apply a <a href="https://creativecommons.org/">Creative Commons</a> license to the ebook, and <span class="highlight">we'll distribute it</span>, directly to readers and to libraries.
+                            <div class="panelview panelback side2" >
+                                <a href="https://creativecommons.org/">Creative Commons</a> licenses are  applied.<br />
+                                <span class="highlight">Ungluers</span> read them at home, at a library, anywhere.<br />
                             </div>
                         </div>
                         <div class="quicktour last">
diff --git a/static/css/documentation2.css b/static/css/documentation2.css
index 7724bcc6..b962ee1c 100644
--- a/static/css/documentation2.css
+++ b/static/css/documentation2.css
@@ -1 +1 @@
-.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}body{line-height:19.5px}.have-right #js-main-container{float:left}.js-main-container-inner{padding-left:15px}.have-right #js-rightcol{margin-top:50px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}.have-right #js-rightcol .jsmodule{border-bottom:1px solid #3c4e52;width:235px}.have-right #js-rightcol .jsmodule.last{border-bottom:0;padding-bottom:10px}.js-rightcol-padd{padding:10px}.doc h2{margin:20px 0;color:#3d4e53;font-size:15px;font-weight:bold}.doc h3{color:#3d4e53;font-weight:bold}.doc ul{list-style-type:none;padding:0;margin:0}.doc ul.errorlist li{background:0;margin-bottom:0}.doc ul li{margin-left:7px}.doc ul.terms{list-style:inherit;list-style-position:inside;padding-left:1em;text-indent:-1em}.doc ul.terms li{-moz-border-radius:auto;-webkit-border-radius:auto;border-radius:auto;background:inherit}.doc ul.bullets{list-style-type:disc;margin-left:9px}.doc div.inset{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}dt{font-style:italic;font-size:15px;margin-bottom:7px;border-top:solid #edf3f4 2px;border-bottom:solid #edf3f4 2px;padding:7px 0}dd{margin:0 0 0 7px;padding-bottom:7px}dd.margin{margin-left:7px}.doc ol li{margin-bottom:7px}.collapse ul{display:none}.faq,.answer{text-transform:none!important}.faq a,.answer a{color:#6994a3}.faq{cursor:pointer}.faq:hover{text-decoration:underline}.press_spacer{clear:both;height:0}.presstoc{overflow:auto;clear:both;padding-bottom:10px}.presstoc div{float:left;padding-right:15px;margin-bottom:7px}.presstoc div.pressemail{border:solid 2px #3d4e53;padding:5px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;max-width:678px;margin-top:7px}.pressarticles div{margin-bottom:10px}.pressvideos>div{margin-bottom:15px;padding-bottom:7px;border-bottom:solid 1px #3d4e53;float:left}.pressvideos iframe,.pressvideos div.mediaborder{padding:5px;border:solid 5px #edf3f4}.pressimages{clear:both}.pressimages .outer{clear:both}.pressimages .outer div{float:left;width:25%;padding-bottom:10px}.pressimages .outer div.text{width:75%}.pressimages .outer div p{margin:0 auto;padding-left:10px;padding-right:10px}.pressimages .screenshot{width:150px;padding:5px;border:solid 5px #edf3f4}a.manage{background:#8dc63f;color:white;font-weight:bold;padding:.5em 1em;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d6dde0}a.manage:hover{text-decoration:none}.rh_help{cursor:pointer;color:#8ac3d7}.rh_help:hover{text-decoration:underline}.rh_answer{display:none;padding-left:10px;margin-bottom:7px;border:solid 2px #d6dde0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-indent:0!important}.work_campaigns{border:1px solid #d6dde0;margin:10px auto}.work_campaigns div{float:left}.work_campaigns div.campaign_info{width:60%;margin:5px}h2.thank-you{font-size:34px;color:#8dc63f;line-height:40px}.pledge_complete,.pledge_complete a{font-size:15px;line-height:18px;margin-bottom:15px}#js-slide .jsmodule.pledge{width:960px!important}ul.social.pledge{margin-bottom:100px}ul.social.pledge li{float:left;padding-right:30px!important}#widgetcode{float:right}div.pledge-container{width:100%}.yikes{color:#e35351;font-weight:bold}.call-to-action{color:#8dc63f}
\ No newline at end of file
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}.user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:0;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .programlink{margin-top:20px}.learnmore_block .quicktour .panelback{margin-top:21px}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour .panelfront .makeaskgive{position:relative;z-index:1;font-size:40pt;top:10px;right:10pt;text-shadow:4px 2px 4px white}.learnmore_block .quicktour .panelfront .qtbutton{position:relative;z-index:0;opacity:.6}.learnmore_block .quicktour .panelfront .make{line-height:10pt;color:red;font-size:12pt;top:0;left:50px}.learnmore_block .quicktour .panelfront .qtreadit{line-height:0;position:relative;height:34px}.learnmore_block .quicktour .panelfront .qtreadittext{top:-15px;left:50px;line-height:10pt}.learnmore_block .quicktour .panelfront input{line-height:10pt;display:inherit;font-size:10pt;padding:.7em 1em;top:-15px}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}body{line-height:19.5px}.have-right #js-main-container{float:left}.js-main-container-inner{padding-left:15px}.have-right #js-rightcol{margin-top:50px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}.have-right #js-rightcol .jsmodule{border-bottom:1px solid #3c4e52;width:235px}.have-right #js-rightcol .jsmodule.last{border-bottom:0;padding-bottom:10px}.js-rightcol-padd{padding:10px}.doc h2{margin:20px 0;color:#3d4e53;font-size:15px;font-weight:bold}.doc h3{color:#3d4e53;font-weight:bold}.doc ul{list-style-type:none;padding:0;margin:0}.doc ul.errorlist li{background:0;margin-bottom:0}.doc ul li{margin-left:7px}.doc ul.terms{list-style:inherit;list-style-position:inside;padding-left:1em;text-indent:-1em}.doc ul.terms li{-moz-border-radius:auto;-webkit-border-radius:auto;border-radius:auto;background:inherit}.doc ul.bullets{list-style-type:disc;margin-left:9px}.doc div.inset{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}dt{font-style:italic;font-size:15px;margin-bottom:7px;border-top:solid #edf3f4 2px;border-bottom:solid #edf3f4 2px;padding:7px 0}dd{margin:0 0 0 7px;padding-bottom:7px}dd.margin{margin-left:7px}.doc ol li{margin-bottom:7px}.collapse ul{display:none}.faq,.answer{text-transform:none!important}.faq a,.answer a{color:#6994a3}.faq{cursor:pointer}.faq:hover{text-decoration:underline}.press_spacer{clear:both;height:0}.presstoc{overflow:auto;clear:both;padding-bottom:10px}.presstoc div{float:left;padding-right:15px;margin-bottom:7px}.presstoc div.pressemail{border:solid 2px #3d4e53;padding:5px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;max-width:678px;margin-top:7px}.pressarticles div{margin-bottom:10px}.pressvideos>div{margin-bottom:15px;padding-bottom:7px;border-bottom:solid 1px #3d4e53;float:left}.pressvideos iframe,.pressvideos div.mediaborder{padding:5px;border:solid 5px #edf3f4}.pressimages{clear:both}.pressimages .outer{clear:both}.pressimages .outer div{float:left;width:25%;padding-bottom:10px}.pressimages .outer div.text{width:75%}.pressimages .outer div p{margin:0 auto;padding-left:10px;padding-right:10px}.pressimages .screenshot{width:150px;padding:5px;border:solid 5px #edf3f4}a.manage{background:#8dc63f;color:white;font-weight:bold;padding:.5em 1em;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d6dde0}a.manage:hover{text-decoration:none}.rh_help{cursor:pointer;color:#8ac3d7}.rh_help:hover{text-decoration:underline}.rh_answer{display:none;padding-left:10px;margin-bottom:7px;border:solid 2px #d6dde0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-indent:0!important}.work_campaigns{border:1px solid #d6dde0;margin:10px auto}.work_campaigns div{float:left}.work_campaigns div.campaign_info{width:60%;margin:5px}h2.thank-you{font-size:34px;color:#8dc63f;line-height:40px}.pledge_complete,.pledge_complete a{font-size:15px;line-height:18px;margin-bottom:15px}#js-slide .jsmodule.pledge{width:960px!important}ul.social.pledge{margin-bottom:100px}ul.social.pledge li{float:left;padding-right:30px!important}#widgetcode{float:right}div.pledge-container{width:100%}.yikes{color:#e35351;font-weight:bold}.call-to-action{color:#8dc63f}
\ No newline at end of file
diff --git a/static/css/landingpage3.css b/static/css/landingpage3.css
index c68cfada..4a0ca450 100644
--- a/static/css/landingpage3.css
+++ b/static/css/landingpage3.css
@@ -1 +1 @@
-.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}#expandable{display:none}#main-container.main-container-fl .js-main{width:968px;background:#fff url("/static/images/landingpage/container-top.png") top center no-repeat}#js-maincol-fl{padding:30px 30px 0 30px;overflow:hidden}#js-maincol-fl #content-block{background:0;padding:0}#js-maincol-fl #js-main-container{float:left;width:672px}#js-maincol-fl .js-main-container-inner{padding-right:40px}#js-maincol-fl h2.page-heading{margin:0 0 20px 0;color:#3d4e53;font-size:19px;font-weight:bold}#user-block1,.user-block2{float:left}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{font-size:15px}#js-rightcol,#js-rightcol2{float:right;width:230px}#js-rightcol .jsmodule,#js-rightcol2 .jsmodule{float:left;width:208px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin-bottom:10px;padding:0 10px 10px 10px}#js-rightcol .jsmodule.last,#js-rightcol2 .jsmodule.last{border-bottom:0;padding-bottom:10px}#js-rightcol .jsmodule input,#js-rightcol2 .jsmodule input{-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;border:0;height:36px;line-height:36px;width:90%;outline:0;padding-left:16px}#js-rightcol .jsmodule input.signup,#js-rightcol2 .jsmodule input.signup{background:url("/static/images/landingpage/button.png") no-repeat 0 0;border:medium none;color:#FFF;cursor:pointer;display:inline-block;font-weight:bold;font-size:13px;overflow:hidden;padding:0 31px 0 11px;width:111px}#js-rightcol div.button,#js-rightcol2 div.button{padding-top:10px}#js-rightcol label,#js-rightcol2 label{width:100%;display:block;clear:both;padding:10px 0 5px 16px}.google_signup{padding:30px 0}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.js-rightcol-padd{padding:0}h3.heading{color:#3d4e53;font-weight:bold}ul.ungluingwhat{list-style:none;padding:0;margin:0 -10px}ul.ungluingwhat li{margin-bottom:7px;background:#fff;padding:10px;display:block;overflow:hidden}ul.ungluingwhat li>span{float:left}ul.ungluingwhat .user-avatar{width:43px}ul.ungluingwhat .user-avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}ul.ungluingwhat .user-book-info{margin-left:5px;width:160px;word-wrap:break-word;font-size:15px;line-height:19.5px}ul.ungluingwhat .user-book-info a{font-weight:normal}div.typo2{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}div.signup_btn{display:block;overflow:hidden}div.signup_btn a{background:url("/static/images/bg.png") no-repeat scroll right top transparent;color:#fff;display:block;font-size:13px;font-weight:bold;height:36px;line-height:36px;letter-spacing:1px;text-decoration:none;text-transform:capitalize;float:left}div.signup_btn a span{background:url("/static/images/bg.png") no-repeat scroll -770px -36px transparent;display:block;margin-right:29px;padding:0 5px 0 15px}.have-content-right-module .item-content{float:left;width:364px;font-size:15px;height:132px;border-bottom:7px solid #8ac3d7}.have-content-right-module .item-content p{margin-bottom:20px;line-height:135%}.have-content-right-module .item-content h2.page-heading{padding-right:97px;line-height:43px;padding-bottom:4px;padding-top:5px}.have-content-right-module .content-right-module{width:268px;float:right}.have-content-right-module .content-right-module h3{color:#8ac3d7;text-transform:uppercase;font-size:24px;font-weight:normal;padding:0;margin:0 0 16px 0}h2.page-heading{color:#3c4e52;font-size:28px!important;font-style:italic;font-weight:normal!important}#js-maincontainer-faq{clear:both;overflow:hidden;margin:15px 0;width:100%}.js-maincontainer-faq-inner{float:right;color:#3d4e53;font-size:15px;padding-right:60px}.js-maincontainer-faq-inner a{font-weight:normal;color:#3d4e53;text-decoration:underline}h3.module-title{padding:10px 0;font-size:19px;font-weight:normal}.landingheader{border-bottom:solid 5px #6994a3;float:left;height:134px}h3.featured_books{clear:both;font-weight:normal;background:#edf3f4;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:10px}a.more_featured_books{float:right;width:57px;height:305px;margin:5px 0;border:5px solid white;line-height:305px;text-align:center}a.more_featured_books:hover{cursor:pointer;border-color:#edf3f4;color:#8dc63f}.spacer{height:15px;width:100%;clear:both}ul#as_seen_on{margin:15px 0;position:relative;height:80px}ul#as_seen_on li{float:left;list-style-type:none;padding:10px;line-height:80px}ul#as_seen_on li:hover{background:#8ac3d7}ul#as_seen_on li img{vertical-align:middle;max-width:131px}.speech_bubble{position:relative;margin:1em 0;border:5px solid #6994a3;color:#3d4e53;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fff;font-size:19px;padding:1.5em}.speech_bubble:before{content:"";position:absolute;top:-20px;bottom:auto;left:auto;right:60px;border-width:0 20px 20px;border-style:solid;border-color:#6994a3 transparent;display:block;width:0}.speech_bubble:after{content:"";position:absolute;top:-13px;bottom:auto;left:auto;right:67px;border-width:0 13px 13px;border-style:solid;border-color:#fff transparent;display:block;width:0}.speech_bubble span{margin-left:1em}.speech_bubble span:before{position:absolute;top:.75em;left:.75em;font-size:38px;content:"\201C"}.speech_bubble span:after{position:absolute;top:.75em;font-size:38px;content:"\201D"}#footer{clear:both;margin-top:30px}
\ No newline at end of file
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}.user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:0;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .programlink{margin-top:20px}.learnmore_block .quicktour .panelback{margin-top:21px}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour .panelfront .makeaskgive{position:relative;z-index:1;font-size:40pt;top:10px;right:10pt;text-shadow:4px 2px 4px white}.learnmore_block .quicktour .panelfront .qtbutton{position:relative;z-index:0;opacity:.6}.learnmore_block .quicktour .panelfront .make{line-height:10pt;color:red;font-size:12pt;top:0;left:50px}.learnmore_block .quicktour .panelfront .qtreadit{line-height:0;position:relative;height:34px}.learnmore_block .quicktour .panelfront .qtreadittext{top:-15px;left:50px;line-height:10pt}.learnmore_block .quicktour .panelfront input{line-height:10pt;display:inherit;font-size:10pt;padding:.7em 1em;top:-15px}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}#expandable{display:none}#main-container.main-container-fl .js-main{width:968px;background:#fff url("/static/images/landingpage/container-top.png") top center no-repeat}#js-maincol-fl{padding:30px 30px 0 30px;overflow:hidden}#js-maincol-fl #content-block{background:0;padding:0}#js-maincol-fl #js-main-container{float:left;width:672px}#js-maincol-fl .js-main-container-inner{padding-right:40px}#js-maincol-fl h2.page-heading{margin:0 0 20px 0;color:#3d4e53;font-size:19px;font-weight:bold}#user-block1,.user-block2{float:left}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{font-size:15px}#js-rightcol,#js-rightcol2{float:right;width:230px}#js-rightcol .jsmodule,#js-rightcol2 .jsmodule{float:left;width:208px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin-bottom:10px;padding:0 10px 10px 10px}#js-rightcol .jsmodule.last,#js-rightcol2 .jsmodule.last{border-bottom:0;padding-bottom:10px}#js-rightcol .jsmodule input,#js-rightcol2 .jsmodule input{-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;border:0;height:36px;line-height:36px;width:90%;outline:0;padding-left:16px}#js-rightcol .jsmodule input.signup,#js-rightcol2 .jsmodule input.signup{background:url("/static/images/landingpage/button.png") no-repeat 0 0;border:medium none;color:#FFF;cursor:pointer;display:inline-block;font-weight:bold;font-size:13px;overflow:hidden;padding:0 31px 0 11px;width:111px}#js-rightcol div.button,#js-rightcol2 div.button{padding-top:10px}#js-rightcol label,#js-rightcol2 label{width:100%;display:block;clear:both;padding:10px 0 5px 16px}.google_signup{padding:30px 0}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.js-rightcol-padd{padding:0}h3.heading{color:#3d4e53;font-weight:bold}ul.ungluingwhat{list-style:none;padding:0;margin:0 -10px}ul.ungluingwhat li{margin-bottom:7px;background:#fff;padding:10px;display:block;overflow:hidden}ul.ungluingwhat li>span{float:left}ul.ungluingwhat .user-avatar{width:43px}ul.ungluingwhat .user-avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}ul.ungluingwhat .user-book-info{margin-left:5px;width:160px;word-wrap:break-word;font-size:15px;line-height:19.5px}ul.ungluingwhat .user-book-info a{font-weight:normal}div.typo2{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}div.signup_btn{display:block;overflow:hidden}div.signup_btn a{background:url("/static/images/bg.png") no-repeat scroll right top transparent;color:#fff;display:block;font-size:13px;font-weight:bold;height:36px;line-height:36px;letter-spacing:1px;text-decoration:none;text-transform:capitalize;float:left}div.signup_btn a span{background:url("/static/images/bg.png") no-repeat scroll -770px -36px transparent;display:block;margin-right:29px;padding:0 5px 0 15px}.have-content-right-module .item-content{float:left;width:364px;font-size:15px;height:132px;border-bottom:7px solid #8ac3d7}.have-content-right-module .item-content p{margin-bottom:20px;line-height:135%}.have-content-right-module .item-content h2.page-heading{padding-right:97px;line-height:43px;padding-bottom:4px;padding-top:5px}.have-content-right-module .content-right-module{width:268px;float:right}.have-content-right-module .content-right-module h3{color:#8ac3d7;text-transform:uppercase;font-size:24px;font-weight:normal;padding:0;margin:0 0 16px 0}h2.page-heading{color:#3c4e52;font-size:28px!important;font-style:italic;font-weight:normal!important}#js-maincontainer-faq{clear:both;overflow:hidden;margin:15px 0;width:100%}.js-maincontainer-faq-inner{float:right;color:#3d4e53;font-size:15px;padding-right:60px}.js-maincontainer-faq-inner a{font-weight:normal;color:#3d4e53;text-decoration:underline}h3.module-title{padding:10px 0;font-size:19px;font-weight:normal}.landingheader{border-bottom:solid 5px #6994a3;float:left;height:134px}h3.featured_books{clear:both;font-weight:normal;background:#edf3f4;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:10px}a.more_featured_books{float:right;width:57px;height:305px;margin:5px 0;border:5px solid white;line-height:305px;text-align:center}a.more_featured_books:hover{cursor:pointer;border-color:#edf3f4;color:#8dc63f}.spacer{height:15px;width:100%;clear:both}ul#as_seen_on{margin:15px 0;position:relative;height:80px}ul#as_seen_on li{float:left;list-style-type:none;padding:10px;line-height:80px}ul#as_seen_on li:hover{background:#8ac3d7}ul#as_seen_on li img{vertical-align:middle;max-width:131px}.speech_bubble{position:relative;margin:1em 0;border:5px solid #6994a3;color:#3d4e53;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fff;font-size:19px;padding:1.5em}.speech_bubble:before{content:"";position:absolute;top:-20px;bottom:auto;left:auto;right:60px;border-width:0 20px 20px;border-style:solid;border-color:#6994a3 transparent;display:block;width:0}.speech_bubble:after{content:"";position:absolute;top:-13px;bottom:auto;left:auto;right:67px;border-width:0 13px 13px;border-style:solid;border-color:#fff transparent;display:block;width:0}.speech_bubble span{margin-left:1em}.speech_bubble span:before{position:absolute;top:.75em;left:.75em;font-size:38px;content:"\201C"}.speech_bubble span:after{position:absolute;top:.75em;font-size:38px;content:"\201D"}#footer{clear:both;margin-top:30px}
\ No newline at end of file
diff --git a/static/css/learnmore2.css b/static/css/learnmore2.css
index 2e513a85..6b7dc194 100644
--- a/static/css/learnmore2.css
+++ b/static/css/learnmore2.css
@@ -1 +1 @@
-.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}
\ No newline at end of file
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}.user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:0;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .programlink{margin-top:20px}.learnmore_block .quicktour .panelback{margin-top:21px}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour .panelfront .makeaskgive{position:relative;z-index:1;font-size:40pt;top:10px;right:10pt;text-shadow:4px 2px 4px white}.learnmore_block .quicktour .panelfront .qtbutton{position:relative;z-index:0;opacity:.6}.learnmore_block .quicktour .panelfront .make{line-height:10pt;color:red;font-size:12pt;top:0;left:50px}.learnmore_block .quicktour .panelfront .qtreadit{line-height:0;position:relative;height:34px}.learnmore_block .quicktour .panelfront .qtreadittext{top:-15px;left:50px;line-height:10pt}.learnmore_block .quicktour .panelfront input{line-height:10pt;display:inherit;font-size:10pt;padding:.7em 1em;top:-15px}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}
\ No newline at end of file
diff --git a/static/css/supporter_layout.css b/static/css/supporter_layout.css
index f819f95a..9c913483 100644
--- a/static/css/supporter_layout.css
+++ b/static/css/supporter_layout.css
@@ -1 +1 @@
-.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.block-inner{padding-right:10px}.user-block{width:100%;clear:both}#user-block-hide{float:left;width:100%;clear:both;padding-top:10px}#user-block-hide .block{float:left}#user-block-hide .block1,#user-block-hide .block3{width:25%}#user-block-hide .block2{width:50%}#user-block-hide .block2 div{float:left;max-width:340px}#user-block-hide .block2 input{margin-left:5px}#user-block-hide input{float:left;margin:3px 10px 0 0;width:45%}#user-block-hide input[type=checkbox]{float:none;width:auto}#user-block-hide input#librarything_input,#user-block-hide input#goodreads_input{width:auto;background:#edf3f4;color:#3d4e53;cursor:pointer}#user-block-hide input.profile-save{width:116px;cursor:pointer}#user-block-hide label{float:left;width:90%}#user-block-hide textarea{width:95%}#user-block-hide select{margin-bottom:5px}#user-block1{float:left;width:25%;position:relative}.user-block2{color:#6994a3;font-size:13px;line-height:normal;float:left;width:25%}.user-block23{color:#6994a3;font-size:15px;line-height:normal;float:left;width:50%}.user-block24{color:#6994a3;font-size:15px;line-height:normal;float:left;width:75%}.user-block3,.user-block4{float:left;width:25%}.user-block3.recommended,.user-block4.recommended{margin-top:auto}.user-block3.recommended img,.user-block4.recommended img{margin-right:7px}.user-block3{margin-top:8px}.user-block3 .ungluingtext{height:29px;line-height:29px;float:left;color:#3d4e53;padding-right:5px}.user-block4{margin-top:7px}.user-badges{position:absolute;bottom:0;left:60px}.user-badges img{vertical-align:text-bottom;border:1px solid #d4d4d4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.social{width:100%}#edit_profile{float:right;margin-top:-12px;margin-right:-5px;border:2px solid white;padding:3px 2px 2px 3px}#edit_profile:hover{border:2px solid #8dc63f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}span.special-user-name{display:block;font-size:19px;color:#3d4e53;margin-left:10px;font-weight:bold;height:50px}span.user-name,span.user-short-info{display:block}.user-block2 .user-short-info{padding-right:10px}span.user-name,span.user-name a{font-size:13px;color:#3d4e53}span.user-status-title{float:left;margin-right:8px;padding-top:5px}span.rounded{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}span.rounded>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}span.rounded>span .hovertext{display:none}span.rounded>span:hover .hovertext{display:inline}span.blue{background:#a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x}span.orange{background:#eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x}span.grey{background:#bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x}div.check-list{float:left;padding-bottom:7px;clear:both}a.profile-edit{display:block}div.profile-save{padding-top:15px;border:0}input.profile-save{background:url("/static/images/header/save-setting.png") 0 0 no-repeat;width:116px;height:42px;display:block;text-indent:-100000px;border:0;cursor:pointer}#loadgr{background:url("/static/images/supporter_icons/goodreads_square.png") left center no-repeat;min-height:33px;margin:12px auto}#loadgr span{display:inline-block;vertical-align:middle}#loadgr div,#loadgr input{margin:auto 10px auto 36px}#loadgr #goodreads_shelves{margin:auto 10px auto 36px;display:block}#loadlt{background:url("/static/images/supporter_icons/librarything_square.png") left center no-repeat;min-height:32px;padding-top:4px}#loadlt div,#loadlt input{margin:auto 10px auto 36px}.weareonthat{background:url("/static/images/checkmark_small.png") left center no-repeat}span.my-setting{background:#d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;height:40px;line-height:40px;display:block;padding:0 0 10px 10px;font-size:19px;font-weight:bold;cursor:pointer}span.my-setting.active{background:#d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat}#tabs{clear:both;float:left;margin-left:10px;margin-top:10px;width:100%;border-bottom:4px solid #d6dde0}#tabs ul.tabs li a:hover{text-decoration:none}#tabs.wantto ul.tabs li.tabs3.active a{background:#d6dde0;color:#3d4e53}#tabs.ungluing ul.tabs li.tabs2.active a{background:#eabc7c;color:#fff}#tabs.unglued ul.tabs li.tabs1.active a{background:#8dc63f;color:#fff}#tabs ul.book-list-view{margin-bottom:0!important}#tabs-1,#tabs-2,#tabs-3{margin-left:10px}ul.tabs{float:left;padding:0;margin:0;list-style:none}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:2px}ul.tabs li.tabs1,ul.tabs li.tabs2,ul.tabs li.tabs3{width:112px}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;background:#6994a3;color:#fff}ul.tabs li.tabs1 a:hover,ul.tabs li.tabs1.active a{background:#8dc63f;color:#fff}ul.tabs li.tabs2 a:hover,ul.tabs li.tabs2.active a{background:#eabc7c;color:#fff}ul.tabs li.tabs3 a:hover,ul.tabs li.tabs3.active a{background:#d6dde0;color:#3d4e53}#rss{height:46px}#rss img{padding:16px 0 0 14px}#rss span{margin-left:3px;font-size:13px}.listview .rounded{line-height:normal;margin-right:0}div#content-block-content{padding-left:10px}.empty-wishlist{margin-top:10px}.js-news-text{float:left;width:70%;font-size:15px;color:#3d4e53;font-family:lucida grande}.js-news-links{float:right;width:30%}.column-left .item{margin:0 10px 10px 0}.column-center .item{margin:0 5px 10px 5px}.column-right .item{margin:0 0 10px 10px}.column .item{border:7px solid #edf3f4;padding:10px}.book-image{padding:0 0 10px 0}.book-info{padding:0 0 10px 0;line-height:125%;position:relative}.book-info span.book-new{background:url(/static/images/images/icon-new.png) 0 0 no-repeat;width:38px;height:36px;display:block;position:absolute;right:10px;top:0}.book-name{color:#3d4e53}.book-author{color:#6994a3}.book-status{margin:0 -10px;border-top:1px solid #edf3f4;padding:15px 10px 0 10px;position:relative}.book-status span.unglue{font-style:italic}.book-status span.status{position:absolute;right:10px;bottom:-5px;width:37px;height:25px;display:block}#js-slide .jsmodule{width:660px!important}#js-maincontainer-bot-block{padding-left:16px}.anon_about{height:43px;line-height:43px;font-size:15px;padding-left:37px;border:solid 3px #d6dde0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:665px;margin:7px 0}.anon_about a{font-size:15px;color:#8dc63f}
\ No newline at end of file
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.block-inner{padding-right:10px}.user-block{width:100%;clear:both}.user-block-hide{float:left;width:100%;clear:both;padding-top:10px}.user-block-hide .block{float:left}.user-block-hide .block1,.user-block-hide .block3{width:25%}.user-block-hide .block2{width:50%}.user-block-hide .block2 div{float:left;max-width:340px}.user-block-hide .block2 input{margin-left:5px}.user-block-hide input{float:left;margin:3px 10px 0 0;width:45%}.user-block-hide input[type=checkbox]{float:none;width:auto}.user-block-hide input#librarything_input,.user-block-hide input#goodreads_input{width:auto;background:#edf3f4;color:#3d4e53;cursor:pointer}.user-block-hide input.profile-save{width:116px;cursor:pointer}.user-block-hide label{float:left;width:90%}.user-block-hide textarea{width:95%}.user-block-hide select{margin-bottom:5px}#user-block1{float:left;width:25%;position:relative}.user-block2{color:#6994a3;font-size:13px;line-height:normal;float:left;width:25%}.user-block23{color:#6994a3;font-size:15px;line-height:normal;float:left;width:50%}.user-block24{color:#6994a3;font-size:15px;line-height:normal;float:left;width:75%}.user-block3,.user-block4{float:left;width:25%}.user-block3.recommended,.user-block4.recommended{margin-top:auto}.user-block3.recommended img,.user-block4.recommended img{margin-right:7px}.user-block3{margin-top:8px}.user-block3 .ungluingtext{height:29px;line-height:29px;float:left;color:#3d4e53;padding-right:5px}.user-block4{margin-top:7px}.user-badges{position:absolute;bottom:0;left:60px}.user-badges img{vertical-align:text-bottom;border:1px solid #d4d4d4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.social{width:100%}#edit_profile{float:right;margin-top:-12px;margin-right:-5px;border:2px solid white;padding:3px 2px 2px 3px}#edit_profile:hover{border:2px solid #8dc63f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}span.special-user-name{display:block;font-size:19px;color:#3d4e53;margin-left:10px;font-weight:bold;height:50px}span.user-name,span.user-short-info{display:block}.user-block2 .user-short-info{padding-right:10px}span.user-name,span.user-name a{font-size:13px;color:#3d4e53}span.user-status-title{float:left;margin-right:8px;padding-top:5px}span.rounded{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}span.rounded>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}span.rounded>span .hovertext{display:none}span.rounded>span:hover .hovertext{display:inline}span.blue{background:#a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x}span.orange{background:#eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x}span.grey{background:#bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x}div.check-list{float:left;padding-bottom:7px;clear:both}a.profile-edit{display:block}div.profile-save{padding-top:15px;border:0}input.profile-save{background:url("/static/images/header/save-setting.png") 0 0 no-repeat;width:116px;height:42px;display:block;text-indent:-100000px;border:0;cursor:pointer}#loadgr{background:url("/static/images/supporter_icons/goodreads_square.png") left center no-repeat;min-height:33px;margin:12px auto}#loadgr span{display:inline-block;vertical-align:middle}#loadgr div,#loadgr input{margin:auto 10px auto 36px}#loadgr #goodreads_shelves{margin:auto 10px auto 36px;display:block}#loadlt{background:url("/static/images/supporter_icons/librarything_square.png") left center no-repeat;min-height:32px;padding-top:4px}#loadlt div,#loadlt input{margin:auto 10px auto 36px}.weareonthat{background:url("/static/images/checkmark_small.png") left center no-repeat}span.my-setting{background:#d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;height:40px;line-height:40px;display:block;padding:0 0 10px 10px;font-size:19px;font-weight:bold;cursor:pointer}span.my-setting.active{background:#d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat}#tabs{clear:both;float:left;margin-left:10px;margin-top:10px;width:100%;border-bottom:4px solid #d6dde0}#tabs ul.tabs li a:hover{text-decoration:none}#tabs.wantto ul.tabs li.tabs3.active a{background:#d6dde0;color:#3d4e53}#tabs.ungluing ul.tabs li.tabs2.active a{background:#eabc7c;color:#fff}#tabs.unglued ul.tabs li.tabs1.active a{background:#8dc63f;color:#fff}#tabs ul.book-list-view{margin-bottom:0!important}#tabs-1,#tabs-2,#tabs-3{margin-left:10px}ul.tabs{float:left;padding:0;margin:0;list-style:none}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:2px}ul.tabs li.tabs1,ul.tabs li.tabs2,ul.tabs li.tabs3{width:112px}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;background:#6994a3;color:#fff}ul.tabs li.tabs1 a:hover,ul.tabs li.tabs1.active a{background:#8dc63f;color:#fff}ul.tabs li.tabs2 a:hover,ul.tabs li.tabs2.active a{background:#eabc7c;color:#fff}ul.tabs li.tabs3 a:hover,ul.tabs li.tabs3.active a{background:#d6dde0;color:#3d4e53}#rss{height:46px}#rss img{padding:16px 0 0 14px}#rss span{margin-left:3px;font-size:13px}.listview .rounded{line-height:normal;margin-right:0}div#content-block-content{padding-left:10px}.empty-wishlist{margin-top:10px}.js-news-text{float:left;width:70%;font-size:15px;color:#3d4e53;font-family:lucida grande}.js-news-links{float:right;width:30%}.column-left .item{margin:0 10px 10px 0}.column-center .item{margin:0 5px 10px 5px}.column-right .item{margin:0 0 10px 10px}.column .item{border:7px solid #edf3f4;padding:10px}.book-image{padding:0 0 10px 0}.book-info{padding:0 0 10px 0;line-height:125%;position:relative}.book-info span.book-new{background:url(/static/images/images/icon-new.png) 0 0 no-repeat;width:38px;height:36px;display:block;position:absolute;right:10px;top:0}.book-name{color:#3d4e53}.book-author{color:#6994a3}.book-status{margin:0 -10px;border-top:1px solid #edf3f4;padding:15px 10px 0 10px;position:relative}.book-status span.unglue{font-style:italic}.book-status span.status{position:absolute;right:10px;bottom:-5px;width:37px;height:25px;display:block}#js-slide .jsmodule{width:660px!important}#js-maincontainer-bot-block{padding-left:16px}.anon_about{height:43px;line-height:43px;font-size:15px;padding-left:37px;border:solid 3px #d6dde0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:665px;margin:7px 0}.anon_about a{font-size:15px;color:#8dc63f}
\ No newline at end of file
diff --git a/static/less/learnmore2.less b/static/less/learnmore2.less
index 52ae983d..32e55e5f 100644
--- a/static/less/learnmore2.less
+++ b/static/less/learnmore2.less
@@ -45,16 +45,59 @@
 		font-style: italic;
 		line-height:20px;
 		font-size: @font-size-default;
-		margin-top: 20px;
+		margin-top: 0;
 	    text-align: center;
 	    min-height: 64px;
 		.highlight {
 			font-weight: bold;
 		}
+		.programlink{
+		    margin-top: 20px;
+		}
+		.panelback{
+		    margin-top: 21px;
+		}
         .panelfront{
             font-size: 48pt;
             line-height: 48pt;
             font-style: normal;
+            .makeaskgive{
+                position: relative;
+                z-index: 1;
+                font-size: 40pt;
+                top: 10px;
+                right: 10pt;
+                text-shadow: 4px 2px 4px white;
+            }
+            .qtbutton{
+                position: relative;
+                z-index: 0;
+                opacity: 0.6;
+            }
+            .make{
+                line-height: 10pt;
+                color:red;
+                font-size:12pt;
+                top: 0;
+                left: 50px;
+            }
+            .qtreadit{
+                line-height: 0;
+                position: relative;
+                height:34px
+            }
+            .qtreadittext{
+                top: -15px;
+                left: 50px;
+                line-height: 10pt;
+            }
+            input{
+                line-height: 10pt;
+                display: inherit;
+                font-size: 10pt;
+                padding: .7em 1em;
+                top: -15px;            
+            }
         }
 		&.last {
 			padding-left:10px;