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" %}
{% block subtitle %}Donations - {% 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 %}
<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>
@ -44,18 +89,10 @@ support of relevant copyright holders.</p>
please <a href="mailto:compliance@sfconservancy.org">contact us by email at
&lt;compliance@sfconservancy.org&gt;</a></p>
<p>Finally, Conservancy welcomes earmarked donations in support of the GPL
Compliance Project for Linux Developers. Use the PayPal link below,
or <a href="/donate/">any of our other donation
methods</a>. Be sure to mention &ldquo;GPL Compliance Project for Linux
Developers&rdquo; in the memo line or description field of the
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>
<p>Finally, Conservancy welcomes earmarked donations in support of the GPL
Compliance Project for Linux Developers. Use the PayPal link on this page
or <a href="/donate/">any of our other donation methods</a>. Be sure to
mention &ldquo;GPL Compliance Project for Linux Developers&rdquo; in the
memo line or description field of the donation.</p>
{% endblock %}