website/www/conservancy/templates/base_compliance.html
Bradley M. Kuhn a8bd5a2129 Leave text w/ percentage when no progressbar
The progressbar is generated by Javascript.  As such, the text here
won't have a progressbar formatted around it when the browser doesn't
support Javascript.

However, since the Javascript does update the text, we can format the
Django template to put in place text that we wish will appear when no
Javascript is turned on, and then allow the Javascript to make it right
when it's available.

Graceful degradation: I may be its last proponent.
2015-03-08 22:08:14 -07:00

59 lines
2.9 KiB
HTML

{% extends "base_conservancy.html" %}
{% load humanize %}
{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="/forms.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript" src="/supporter-page.js"></script>
{% endblock %}
{% block outercontent %}
<div class="donate-sidebar">
<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">Support
Now!</h1></div>
<h3>Support GPL Compliance Now!</h3>
<p>Support our GPL compliance work now &amp; <strong>donation counts double!</strong></p>
$<span id="fundraiser-so-far">{{ fundgoal.fundraiser_so_far_amount|floatformat:0|intcomma }}</span>
of $<span id="fundraiser-goal">{{ fundgoal.fundraiser_goal_amount|floatformat:0|intcomma }}</span> match met.<br/>
<div id="progressbar"><span id="fundraiser-percentage">(i.e., {{ fundgoal.percentage_there|floatformat:1 }}%)</span></div>
<p>Donate now via PayPal:
</p>
<!-- 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" style="border:0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" style="border:0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<!-- PayPal end -->
<p>Or, <a href="/supporter/#annual"><strong>become a Conservancy
Supporter</strong></a> (&mdash; a better option if you're donating more
than $120, since you'll get a t-shirt!).</p>
</td></tr></table>
</div>
<div class="content-with-donate-sidebar">
<div id="container">
<div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
<h2>Our GPL {% block category %}Compliance{% endblock %} Work</h2>
<ul>
<li class="VMwareLawsuitAppeal"><a href="/linux-compliance/vmware-lawsuit-appeal.html">Stand Up For GPL!</a></li>
<li><a href="/news/2015/mar/05/vmware-lawsuit/">VMware Lawsuit: Press Release</a></li>
<li class="VMwareLawsuitFAQ"><a href="/linux-compliance/vmware-lawsuit-faq.html">
<abbr title="Frequently Asked Questions">FAQ</abbr> on VMware Lawsuit</a></li>
<li class="AboutCompliance"><a href="/linux-compliance/about.html">About GPL Compliance Project for Linux Developers</a></li>
<li class="CopyleftOrg"><a href="https://copyleft.org/">copyleft.org</a></li>
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div></div>
{% endblock %}