{% block head %}

<link href="/jquery-ui.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">

  $(document).ready(function() {

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

        $control.find('.toggle-content').slideUp("slow");

        $control.find('.toggle-content').slideDown("slow");

    });

  });

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

    Now!</h1></div>

<h3>Become a Supporter now!</h3>

Other payment methods  to become a supporter:

<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 of $120 to:<br/>

    Software Freedom Conservancy, Inc.<br/>

    137 MONTAGUE ST  STE 380<br/>

    BROOKLYN, NY 11201-3548<br/>

    Please write <q>SUPPORTER PROGRAM</q> and your t-shirt size in the memo line. 

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

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

<p><a href="/donate">Other Ways to Donate</a></p>

<!-- Flattr end -->

</td></tr></table>

</div>

<div style="align:left;width:80%;">

  <h1>Become a Conservancy Supporter!</h1>

<p>Software Freedom Conservancy is an essential organization to free and

open source software. We are the home of over

<a href="http://sfconservancy.org/members/current/">30 projects</a> like 

Git,

Inkscape, Samba, Wine, Selenium, the Linux Compliance project, PyPy and

Sugar Labs just to name a few. Conservancy is a "fiscal sponsor plus",

providing everything that our projects need in a nonprofit. We help our

projects defend their trademarks, manage their assets, handle donations,

improve their community management, manage risk and assist them with all

legal needs they may have. While we do receive a portion of the revenue

donated to our projects, we keep that number low enough that it doesn't

even pay for a single staff member. <a href="#donate-box" class="donate-now">Help us</a> show that you care about

community-focused free software and help us be able to continue our

charitable work. Donating to Conservancy is a great non-technical way to

<li>as part of Conservancy's partnership in the program, we support Karen as

  a co-organizer of the Free and Open Source Software Outreach Program.</li>

<li>we encourage and support our employees to do volunteer work in the

    community.  For example, Bradley and Karen together host an oggcast

    called <cite><a href="http://faif.us">Free as in Freedom</a></cite> which

    discusses important legal and policy issues in open source and free

    software.</li></ul>

<p>As an organization, we try to do do everything transparently; even 

our

<a 

href="https://gitorious.org/conservancy/policies/source/master:">

internal policies</a> are published and available for scrutiny.</p>

<p>Please <a href="#donate-box" class="donate-now">join our Supporter program</a> and spread software freedom!</p>

[1] the shirts will ship First Quarter 2015.

<h2>Become a Supporter Now!</h2>

<a id="now"></a>

<form id="supporter-form"

            action="https://www.paypal.com/cgi-bin/webscr"

            method="post" name="supporter">

                <input type="hidden" name="business" value="info@sfconservancy.org" />

                <input type="hidden" name="return" value="https://sfconservancy.org/thank-you/" />

                  <input type="hidden" name="item_name" value="Conservancy Supporter, Annual" />

                      <input type="hidden" name="cmd" value="_s-xclick" />

                      <h5>Amount:</h5>$<input id="amount" type="text" name="amount" size="5" value="120" /><br/>

                      <small>($120 minimum; increase the amount if you'd like to help us more.)</small>

                                            <h5>Do you want to receive a t-shirt?</h5>

                      <input type="hidden" name="on1" value="receive-gift" />

                      <input type="radio" checked="checked" name="os1" value="Yes" />Yes

                      <input type="radio" name="os1" value="No" />No

                      <br />

                      <h5>T-shirt size:</h5>

                      <select type="hidden" name="on3" id="t-shirt-size">

                        <option value="MenS" />Men's S</option>

                        <option value="MenM" />Men's M</option>

                        <option value="MenL" />Men's L</option>

                        <option value="MenXL" />Men's XL</option>

                        <option value="Men2XL" />Men's 2XL</option>

                        <option value="LadiesS" />Ladies' S</option>

                        <option value="LadiesM" />Ladies' M</option>

                        <option value="LadiesL" />Ladies' L</option>

                         <option value="LadiesXL" />Ladies' XL</option>

                      </select><br/>

                      <input type="hidden" name="on2" value="public-ack" />

                      <input type="radio" checked="checked" name="os2" value="Yes" />Yes

                      <input type="radio" name="os2" value="No" />No<br/>

                                            <h5>Join Conservancy's Low-Traffic Announcement Email List?</h5>

                      <input type="hidden" name="on4" value="join-mailing-list" />

                      <input type="radio" checked="checked" name="os4" value="Yes" />Yes

                      <input type="radio" name="os4" value="No" />No<br>

                      <br />

                      <input type="hidden" name="hosted_button_id" value="WJZ98RW3A49XJ">

                      <input type="image"

                             src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"

                             border="0" name="submit" alt="Become a Supporter Now!">

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

                    </form>

                      <small>You will be redirected to the Paypal website to

                      become a supporter when you click &ldquo;Donate&rdquo;.</small>

</div>

{% endblock %}