alert('what"s going on?');

        e.preventDefault();

        var $form = $('#bank-account-form');

        var bankAccountData = {

            name: $form.find('.ba-name').val(),

            account_number: $form.find('.ba-an').val(),

            bank_code: $form.find('.ba-rn').val(),

            type: $form.find('select').val()

        };

        balanced.bankAccount.create(bankAccountData, responseCallbackHandler);

    };

   $('#bank-account-form').submit(tokenizeInstrument);

*/

</script>

-->

<h3>Support NPO Accounting Project Now!</h3>

$<span id="fundraiser-so-far">{{ fundgoal.fundraiser_so_far_amount|floatformat:0|intcomma }}</span> raised toward<br/>

our $<span id="fundraiser-goal">{{ fundgoal.fundraiser_goal_amount|floatformat:0|intcomma  }}</span> goal.<br/>

<div id="progressbar"><span id="fundraiser-percentage">(i.e., {{ fundgoal.percentage_there|floatformat:1 }}%)</span></div>

<p style="font-size: 75%">(Progress bar updated daily.)</p>

<a id="donate" style="text-decoration:none"></a>

<!-- 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="3VRTJALJ5PQRW">

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" style="border:0" name="submit" alt="Donate Now!">

<img alt="" style="border:0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

</form>

<!-- PayPal end -->

<!-- Balanced start -

<div class="container">

- <form action="#" method="POST" id="bank-account-form" class="form-horizontal" onsubmit="balanced.card.create(cardData, function(response) { alert(response.status); });"> -

<form action="#" method="POST" id="bank-account-form" class="form-horizontal">

    <fieldset>

        <legend>Bank Account Information</legend>

        <p><label>Account Holder's Name

            <input type="text"

                   autocomplete="off"

                   placeholder="Bank Account Holder's name"

                   class="ba-name"

                   name="ba_name"

                   value="4111 1111 1111 1111">

        </label></p>

 {

  "name": this.ba_as.value,

  "card_number": this.ba_name.value,

  "expiration_month": this.ba_rn.value,

  "expiration_year": this.ba_an.value,

/*

  "name": "Bernhard Riemann",                 // Optional

  "card_number": "4111 1111 1111 1111",

  "expiration_month": 4,

  "expiration_year": 2014,

*/

 },

    function(response) {

      console.log(response);

      console.log(response.data.uri);

      $.ajax("/campaign/?token=" + response.data.uri + '&amount=' + document.getElementById('bank-account-form').ba_an.value);

      alert(response.status);

    });

});

</script>

- Balanced end -->

<p>

<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>NPO ACCOUNTING</q> in the memo line. 

    </div><!-- /.toggle-content -->

</div><!-- /.toggle.unit -->

<!-- Flattr start -->

    slowRise();

    $('.toggle-content').hide();

    $('.toggle-control')

     .addClass('clickable')

     .bind('click', function() {

        var $control = $(this);

        var $parent = $control.parents('.toggle-unit');

        $parent.toggleClass('expanded');

        $parent.find('.toggle-content').slideToggle();

        // if control has HTML5 data attributes, use to update text

        if ($parent.hasClass('expanded')) {

            $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');

    });

    $(".t-shirt-size-selector").hide();

    $('input[name=on0]:radio').change(function() {

        var input=$(this);

        var tShirtSelector = input.parent().children('.t-shirt-size-selector')

        var noShippingSelector = input.parent().children('input#no_shipping');

        var value = input.val();

        if (value == "wantGiftYes") {

            tShirtSelector.show();

            noShippingSelector.val("2");

        } else {

            tShirtSelector.hide();

            noShippingSelector.val("0");

        }

    });

    // Forms start in "invalid" form, with the errors shown, so that

    // non-Javascript users see the errors by default and know what they must

    // enter.  The following two lines correct that.

    $('*#amount').addClass("valid");

    $('.supporter-form-inputs .form-error-show')

        .removeClass('form-error-show').addClass('form-error');

    $('.dinner-form-inputs .form-error-show')

        .removeClass('form-error-show').addClass('form-error');

{% extends "base_conservancy.html" %}

{% load cache %}

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

{% cache 3600 compliancedonation fundgoal.fundraiser_so_far_amount %}

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

{% endcache %}

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

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