Add floating Donate box like the campaign page has.

This commit is contained in:
Bradley M. Kuhn 2013-12-17 09:02:34 -05:00
parent cf0e2c12d4
commit c9c5c85c1c

View file

@ -1,7 +1,52 @@
{% extends "base_conservancy.html" %} {% extends "base_conservancy.html" %}
{% block subtitle %}Donations - {% endblock %} {% block subtitle %}Donations - {% endblock %}
{% block category %}donate{% endblock %} {% block category %}donate{% endblock %}
{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="/jquery.min.js"></script>
<script src="/jquery-ui.min.js"></script>
{% endblock %}
{% block content %} {% block content %}
<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>
<!-- PayPal start -->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4ZKJN4F9BMFAS">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<p>
Other donation methods:
<div class="toggle-unit">
<h4 class="toggle-control" data-text="Wire Transfer"
data-expanded-text="Wire Transfer:">Wire Transfer</h4>
<div class="toggle-content">
Please
contact <a href="mailto:accounting@sfconservancy.org">Conservancy
by email</a><br/> for wire transfer instructions.<br/>
Please Include your currency and country.<br/>
</div><!-- /.toggle-content -->
</div><!-- /.toggle.unit -->
<div class="toggle-unit">
<h4 class="toggle-control" data-text="Paper Check"
data-expanded-text="Paper Check:">Paper Check</h4>
<div class="toggle-content">
Send paper check donations to:<br/>
Software Freedom Conservancy, Inc.<br/>
137 MONTAGUE ST STE 380<br/>
BROOKLYN, NY 11201-3548<br/>
Please write <q>GPL COMPLIANCE FOR LINUX DEVS</q> in the memo line.
</div><!-- /.toggle-content -->
</div><!-- /.toggle.unit -->
<div style="align:left;width:80%;">
</div>
<h1>GPL Compliance Project for Linux Developers</h1> <h1>GPL Compliance Project for Linux Developers</h1>
@ -44,18 +89,10 @@ support of relevant copyright holders.</p>
please <a href="mailto:compliance@sfconservancy.org">contact us by email at please <a href="mailto:compliance@sfconservancy.org">contact us by email at
&lt;compliance@sfconservancy.org&gt;</a></p> &lt;compliance@sfconservancy.org&gt;</a></p>
<p>Finally, Conservancy welcomes earmarked donations in support of the GPL <p>Finally, Conservancy welcomes earmarked donations in support of the GPL
Compliance Project for Linux Developers. Use the PayPal link below, Compliance Project for Linux Developers. Use the PayPal link on this page
or <a href="/donate/">any of our other donation or <a href="/donate/">any of our other donation methods</a>. Be sure to
methods</a>. Be sure to mention &ldquo;GPL Compliance Project for Linux mention &ldquo;GPL Compliance Project for Linux Developers&rdquo; in the
Developers&rdquo; in the memo line or description field of the memo line or description field of the donation.</p>
donation.</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4ZKJN4F9BMFAS">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
{% endblock %} {% endblock %}