{% extends "base_conservancy.html" %}

{% 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">{{ fundgoal.percentage_there|floatformat:1 }}%</span></div>