Changeset - 94526d416d57
[Not reviewed]
0 1 0
Bradley Kuhn (bkuhn) - 11 years ago 2013-05-01 12:44:12
bkuhn@ebb.org
Implement slider to draw attention to donate box upon clicking of donate links.
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.
1 file changed with 21 insertions and 9 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/campaign/index.html
Show inline comments
...
 
@@ -31,9 +31,18 @@
 
            $control.html($control.attr('data-expanded-text'));
 
        } else {
 
            $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>
 
{% endblock %}
 

	
...
 
@@ -42,8 +51,11 @@
 
<div style="position:fixed;top:180px;right:2%;width:18%">
 
<table style="background-color:#afe478;width:100%;">
 
<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">
...
 
@@ -313,9 +325,9 @@ help us do it by donating now.
 
on proprietary software, paying exorbitant licensing fees.  This is
 
fundamentally at cross purposes with their underlying missions of charity,
 
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 
 
developer for one year to make substantial progress on this project.</p>
 

	
 
<p>This project has the potential to save the non-profit sector
...
 
@@ -328,9 +340,9 @@ software will benefit, since the existence of quality Open Source and Free
 
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
 
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 
 
populations they serve.</p>
 

	
 
<p>Donors of $500 or more will be acknowledged in the THANKS file and other
...
 
@@ -338,9 +350,9 @@ populations they serve.</p>
 

	
 
<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
 
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>
 

	
...
 
@@ -384,10 +396,10 @@ Interest; all encourage you to <a href="http://sfconservancy.org/campaign">donat
 
  Foundation</a>, The <a href="https://www.mozilla.org/foundation/">Mozilla
 
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>,
 
  <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
 
  support it.</p>
 
  <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</a>.</p>
 

	
 
<p>Conservancy is uniquely qualified to undertake this task.  Using only Free
 
  Software, Conservancy already meets the complex accounting challenges of
 
  earmarked, directed donations for over thirty different projects.  We've
...
 
@@ -521,10 +533,10 @@ on <a href="http://sfconservancy.org/docs/conservancy_Form-1023.pdf">our Form
 
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
 
proprietary software, NPOs in aggregate will pay <em>much more</em> money for
 
proprietary licensing than Conservancy will ever spend in developing a
 
replacement. Please donate
 
generously to help us do it!</p>
 
replacement. Please <a href="#donate-box" class="donate-now">donate
 
generously</a> to help us do it!</p>
 

	
 
<a id="quotes"></a>
 
<h3>Statements of Support For This Project from Others</h3>
 

	
...
 
@@ -593,9 +605,9 @@ Director, <a href="https://www.mozilla.org/foundation/">Mozilla
 
Foundation</a></p>
 

	
 
<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
 
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>
 

	
 
<h3>Some Important Details for this Fundraiser</h3>
 

	
0 comments (0 inline, 0 general)