Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement slider to draw attention to donate box upon clicking of donate links.

Browse source 
Replaces previous self-link back to same page that was rather pointless.

I've tested that this Gracefully degrades on a non-graphical browser to just
in-page link back to the donate portion at the top the page.
This commit is contained in:
Bradley M. Kuhn 2013-05-01 08:44:12 -04:00
parent 123e09fe3d
commit 94526d416d
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
www/conservancy/static/campaign/index.html
View file

@ -32,7 +32,16 @@
} else { } else {
$control.html($control.attr('data-text')); $control.html($control.attr('data-text'));
} }
}) });
$('a.donate-now')
.addClass('clickable')
.bind('click', function() {
var $control = $('#donate-box');
$control.toggleClass('expanded');
$control.find('.toggle-content').slideUp("slow");
$control.find('.toggle-content').slideDown("slow");
});
}); });
</script> </script>
{% endblock %} {% endblock %}
@ -43,6 +52,9 @@
<table style="background-color:#afe478;width:100%;"> <table style="background-color:#afe478;width:100%;">
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;"> <tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Donate Now!</h1></div>
</div>
<!-- <!--
<script type="text/javascript" src="https://js.balancedpayments.com/v1/balanced.js"></script> <script type="text/javascript" src="https://js.balancedpayments.com/v1/balanced.js"></script>
@ -314,7 +326,7 @@ on proprietary software, paying exorbitant licensing fees. This is
fundamentally at cross purposes with their underlying missions of charity, fundamentally at cross purposes with their underlying missions of charity,
equality, democracy, and sharing.</p> equality, democracy, and sharing.</p>
<p>You can help Conservancy fix this problem by <a href="http://sfconservancy.org/campaign">donating now</a>. We seek to <p>You can help Conservancy fix this problem by <a href="#donate-box" class="donate-now">donating now</a>. We seek to
raise $75,000 to employ a raise $75,000 to employ a
developer for one year to make substantial progress on this project.</p> developer for one year to make substantial progress on this project.</p>
@ -329,7 +341,7 @@ will increase the agility and collaborative potential
for the non-profit sector &mdash; a boon to funders, boards, and employees &mdash; bringing the Free Software and general NPO communities for the non-profit sector &mdash; a boon to funders, boards, and employees &mdash; bringing the Free Software and general NPO communities
into closer collaboration and understanding.</p> into closer collaboration and understanding.</p>
<p>Thanks in advance for <a href="http://sfconservancy.org/campaign">helping us</a> develop Free Software to benefit all <p>Thanks in advance for <a href="#donate-box" class="donate-now">helping us</a> develop Free Software to benefit all
non-profit organizations, and the non-profit organizations, and the
populations they serve.</p> populations they serve.</p>
@ -339,7 +351,7 @@ populations they serve.</p>
<p><a href="http://sfconservancy.org/campaign#endorsements">Endorsers of this effort</a> include Fractured Atlas, Free Software <p><a href="http://sfconservancy.org/campaign#endorsements">Endorsers of this effort</a> include Fractured Atlas, Free Software
Foundation, Mozilla Foundation, GNOME Foundation, OpenHatch, Open Foundation, Mozilla Foundation, GNOME Foundation, OpenHatch, Open
Source Initiative, QuestionCopyright.org, and Software in the Public Source Initiative, QuestionCopyright.org, and Software in the Public
Interest; all encourage you to <a href="http://sfconservancy.org/campaign">donate and support it</a>.</p> Interest; all encourage you to <a href="#donate-box" class="donate-now">donate and support it</a>.</p>
<h3>Background</h3> <h3>Background</h3>
@ -385,8 +397,8 @@ Interest; all encourage you to <a href="http://sfconservancy.org/campaign">donat
Foundation</a>, The <a href="http://www.gnome.org/foundation/">GNOME Foundation</a>, <a Foundation</a>, The <a href="http://www.gnome.org/foundation/">GNOME Foundation</a>, <a
href="https://openhatch.org/">OpenHatch</a>, <a href="http://opensource.org">Open Source Initiative</a>, href="https://openhatch.org/">OpenHatch</a>, <a href="http://opensource.org">Open Source Initiative</a>,
<a href="http://QuestionCopyright.org">QuestionCopyright.org</a>, and <a href="http://www.spi-inc.org/">Software in the Public Interest</a> have <a href="http://QuestionCopyright.org">QuestionCopyright.org</a>, and <a href="http://www.spi-inc.org/">Software in the Public Interest</a> have
<a id="endorsements" style="text-decoration:none">all endorsed</a> Conservancy's plan, and they encourage you to donate and <a id="endorsements" style="text-decoration:none">all endorsed</a> Conservancy's plan, and they encourage you to <a href="#donate-box" class="donate-now">donate and
support it.</p> support it</a>.</p>
<p>Conservancy is uniquely qualified to undertake this task. Using only Free <p>Conservancy is uniquely qualified to undertake this task. Using only Free
Software, Conservancy already meets the complex accounting challenges of Software, Conservancy already meets the complex accounting challenges of
@ -522,8 +534,8 @@ Thus, this project is a great way to pursue Conservancy's mission and address a
specific need that so many NPOs (including us) have. If no one steps up to create Free Software to replace the widely used specific need that so many NPOs (including us) have. If no one steps up to create Free Software to replace the widely used
proprietary software, NPOs in aggregate will pay <em>much more</em> money for proprietary software, NPOs in aggregate will pay <em>much more</em> money for
proprietary licensing than Conservancy will ever spend in developing a proprietary licensing than Conservancy will ever spend in developing a
replacement. Please donate replacement. Please <a href="#donate-box" class="donate-now">donate
generously to help us do it!</p> generously</a> to help us do it!</p>
<a id="quotes"></a> <a id="quotes"></a>
<h3>Statements of Support For This Project from Others</h3> <h3>Statements of Support For This Project from Others</h3>
@ -594,7 +606,7 @@ Foundation</a></p>
<p><q>As a young free software non-profit, OpenHatch is thrilled to see this <p><q>As a young free software non-profit, OpenHatch is thrilled to see this
effort; it would let us spend more of our time on programs and less on effort; it would let us spend more of our time on programs and less on
paperwork. I have already personally donated.</q> &mdash; Asheesh Laroia, paperwork. I have already personally <a href="#donate-box" class="donate-now">donated</a>.</q> &mdash; Asheesh Laroia,
Executive Director, <a href="https://openhatch.org/">OpenHatch</a>.</p> Executive Director, <a href="https://openhatch.org/">OpenHatch</a>.</p>
<h3>Some Important Details for this Fundraiser</h3> <h3>Some Important Details for this Fundraiser</h3>