Changeset - d28ffd68ca45
Parent rev.
Child rev.
[Not reviewed]
0 2 0
Brett Smith (brett) - 7 years ago 2016-12-02 17:35:19
brett@sfconservancy.org
supporter: HTML5 improvements to form.

* Use "number" type for a better prompt.
* Use new standard "min" attribute for richer validation.
2 files changed with 4 insertions and 4 deletions:
www/conservancy/static/js/supporter-page.js
1
1
www/conservancy/static/supporter/2016-supporter-appeal.html
3
3
0 comments (0 inline, 0 general)
www/conservancy/static/js/supporter-page.js
➞
Show inline comments
...
 
@@ -72,97 +72,97 @@ $(document).ready(function() {
 
      .addClass('clickable')
 
      .bind('click', function() {
 
        var $control = $('#donate-box');
 
        var $otherTextControl = $('.donate-sidebar');
 

			




	
	
	
		
 
        setTimeout(function() { $control.find('.toggle-content').slideUp(100);


			




	
	
	
		
 
                                $control.toggleClass('expanded');


			




	
	
	
		
 
                                $control.find('.toggle-content').slideDown(800).fadeOut(10);


			




	
	
	
		
 
                                $otherTextControl.find('.donate-box-highlight').fadeOut(100);


			




	
	
	
		
 
                              }, 300);


			




	
	
	
		
 
          setTimeout(function() { $control.find('.toggle-content').fadeIn(2000);


			




	
	
	
		
 
                                  $otherTextControl.find('.donate-box-highlight')


			




	
	
	
		
 
                                  .css({'font-weight': 'bold', 'font-size' : '110%' });


			




	
	
	
		
 
                                  $otherTextControl.find('.donate-box-highlight').fadeIn(10000);


			




	
	
	
		
 
                                }, 500);


			




	
	
	
		
 
    });


			




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


			




	
	
	
		
 

			




	
	
	
		
 
    $('*#amount').on('input', function() {


			




	
	
	
		
 
        var input=$(this);


			




	
	
	
		
 
        var value = input.val();


			




	
	
	
		
 
        var errorElement=$("span#error", input.parent());


			




	
	
	
		
 
        var noCommaValue = value;


			




	
	
	
		
 
        noCommaValue = value.replace(/,/g, "");


			




	
	
	
		
 
        var re = /^((\d{1,3}(,?\d{3})*?(\.\d{0,2})?)|\d+(\.\d{0,2})?)$/;


			




	
	
	
		
 
        var isValid = ( re.test(value) &&


			




	
	
	
		
 
                        parseInt(noCommaValue) >= parseInt(input.attr("minimum")));


			




	
	
	
		
 
                        parseInt(noCommaValue) >= parseInt(input.attr("min")));


			




	
	
	
		
 
        if (isValid)  {


			




	
	
	
		
 
           input.removeClass("invalid").addClass("valid");


			




	
	
	
		
 
           errorElement.removeClass("form-error-show").addClass("form-error");


			




	
	
	
		
 
           $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");


			




	
	
	
		
 
        }


			




	
	
	
		
 
        else {


			




	
	
	
		
 
            input.removeClass("valid").addClass("invalid");


			




	
	
	
		
 
            errorElement.removeClass("form-error").addClass("form-error-show");


			




	
	
	
		
 
        }


			




	
	
	
		
 
    });


			




	
	
	
		
 
    var validateFormAtSubmission = function(element, event) {


			




	
	
	
		
 
            var valid = element.hasClass("valid");


			




	
	
	
		
 
            if (! valid) {


			




	
	
	
		
 
                $("#form-correction-needed").removeClass("form-error").addClass("form-error-show")


			




	
	
	
		
 
                                        .css("font-weight", "bold").css("font-size", "150%");


			




	
	
	
		
 
	        event.preventDefault();


			




	
	
	
		
 
            } else {


			




	
	
	
		
 
                $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");


			




	
	
	
		
 
            }


			




	
	
	
		
 
    };


			




	
	
	
		
 
    $(".supporter-form-submit#monthly").click(function (event) {


			




	
	
	
		
 
        validateFormAtSubmission($(".supporter-form#monthly input#amount"), event);


			




	
	
	
		
 
    });


			




	
	
	
		
 
    $(".supporter-form-submit#annual").click(function (event) {


			




	
	
	
		
 
        validateFormAtSubmission($(".supporter-form#annual input#amount"), event);


			




	
	
	
		
 
    });


			




	
	
	
		
 
    $(".supporter-form-submit#renewal").click(function (event) {


			




	
	
	
		
 
        validateFormAtSubmission($(".supporter-form#renewal input#amount"), event);


			




	
	
	
		
 
    });


			




	
	
	
		
 
    $(".dinner-form-submit").click(function (event) {


			




	
	
	
		
 
        validateFormAtSubmission($(".dinner-form input#amount"), event);


			




	
	
	
		
 
    });


			




	
	
	
		
 

			




	
	
	
		
 
    var selectSupportType = function(event) {


			




	
	
	
		
 
        var $selectedLink = $(event.target);


			




	
	
	
		
 
        $(".supporter-type-selector a").removeClass("supporter-type-selector-selected");


			




	
	
	
		
 
        $selectedLink.addClass("supporter-type-selector-selected");


			




	
	
	
		
 
        $(".supporter-type-selection").each(function(index, element) {


			




	
	
	
		
 
            var $element = $(element);


			




	
	
	
		
 
            if (event.target.href.endsWith("#" + element.id)) {


			




	
	
	
		
 
                $element.show();


			




	
	
	
		
 
            } else {


			




	
	
	
		
 
                $element.hide();


			




	
	
	
		
 
            }


			




	
	
	
		
 
        });


			




	
	
	
		
 
        $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");


			




	
	
	
		
 
        return false;


			




	
	
	
		
 
    };


			




        

    


    
    

    

        

                

                    www/conservancy/static/supporter/2016-supporter-appeal.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -24,225 +24,225 @@


			




	
	
	
		
 
<span class="donate-box-highlight">Other annual supporters methods:</span>


			




	
	
	
		
 
<div class="toggle-unit">


			




	
	
	
		
 
    <h4 class="toggle-control" data-text="Wire Transfer" 

			




	
	
	
		
 
    data-expanded-text="Wire Transfer:">Wire Transfer</h4>


			




	
	
	
		
 
    <div class="toggle-content">


			




	
	
	
		
 
       Contact <a href="mailto:accounting@sfconservancy.org">Conservancy


			




	
	
	
		
 
            by email</a><br/> for wire transfer instructions.<br/>


			




	
	
	
		
 
            Include  currency &amp; 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 for $120 to:<br/>


			




	
	
	
		
 
    Software Freedom Conservancy, Inc.<br/>


			




	
	
	
		
 
    137 MONTAGUE ST  STE 380<br/>


			




	
	
	
		
 
    BROOKLYN, NY 11201-3548 &nbsp; USA<br/>


			




	
	
	
		
 
    Please write <q>SUPPORTER</q>, t-shirt size, if you are renewing, and if


			




	
	
	
		
 
    you want public acknowledgment in memo line. 

			




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


			




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


			




	
	
	
		
 

			




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


			




	
	
	
		
 
<!-- Flattr end -->


			




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


			




	
	
	
		
 
</div>


			




	
	
	
		
 
<div class="content-with-donate-sidebar">


			




	
	
	
		
 
  <h1 class="appeal"><img class="appeal-header" alt="Become a Conservancy Supporter!" src="/img/conservancy-supporter-header.png"/></h1>


			




	
	
	
		
 

			




	
	
	
		
 
  

			




	
	
	
		
 
<div class="supporter-type-selector">


			




	
	
	
		
 
  <strong>Become a Supporter Now:</strong>   <a id="annualSelector" href="#annual">Annual</a> | <a id="monthlySelector" href="#monthly">Monthly</a> | <a id="renewalSelector" href="#renewal">Annual Renew</a></div>


			




	
	
	
		
 
<div id="annual" class="supporter-type-selection">


			




	
	
	
		
 
<h3>Join as an Annual Supporter</h3>


			




	
	
	
		
 
<a id="annual"></a>


			




	
	
	
		
 
<p><strong>Note:</strong> annual supporter is not an automatic renewal


			




	
	
	
		
 
  relationship.  If you join today, you'll receive an email in about one year to remind you to


			




	
	
	
		
 
  optionally renew.</p>


			




	
	
	
		
 
<form id="annual" class="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" name="supporter">


			




	
	
	
		
 
<div class="supporter-form-inputs">


			




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


			




	
	
	
		
 
            <input type="hidden" name="cmd" value="_xclick" />


			




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


			




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


			




	
	
	
		
 
            <input id="no_shipping" type="hidden" name="no_shipping" value="0" />


			




	
	
	
		
 
  <label for="amount"><strong>Amount:</strong> $</label>


			




	
	
	
		
 
  <input id="amount" type="text" name="amount" size="7" minimum="120" value="120" />


			




	
	
	
		
 
  <input id="amount" type="number" name="amount" size="7" min="120" value="120" />


			




	
	
	
		
 
  <span id="error" class="form-error-show">$120 is a minimum for Conservancy


			




	
	
	
		
 
  Supporters.  <a href="/donate">Donate smaller amounts here</a>.</span><br/>


			




	
	
	
		
 

			




	
	
	
		
 
                      <label for="wantGift"><strong>Do you want to receive a t-shirt? </strong></label>


			




	
	
	
		
 
                      <input type="radio" name="on0" value="wantGiftYes" />Yes


			




	
	
	
		
 
                      <input type="radio" checked="checked" name="on0" value="wantGiftNo" />No


			




	
	
	
		
 
                      <br />


			




	
	
	
		
 
                      <span class="t-shirt-size-selector">


			




	
	
	
		
 
                      <label for="tShirtSize"><strong>T-shirt size: </strong></label>


			




	
	
	
		
 
                      <select name="os0" id="os0">


			




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


			




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


			




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


			




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


			




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


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesS">Standard Ladies' S</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesM">Standard Ladies' M</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesL">Standard Ladies' L</option>


			




	
	
	
		
 
                         <option name="os0" id="os0" value="StandardLadiesXL">Standard Ladies' XL</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesS">Fitted Ladies' S</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesM">Fitted Ladies' M</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesL">Fitted Ladies' L</option>


			




	
	
	
		
 
                         <option name="os0" id="os0" value="FittedLadiesXL">Fitted Ladies' XL</option>


			




	
	
	
		
 
                      </select><br/></span>


			




	
	
	
		
 
                      <label for="publicAck"><strong>


			




	
	
	
		
 
                          Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>


			




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


			




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


			




	
	
	
		
 
            

			




	
	
	
		
 
                      <label for="joinList"><strong>Join Conservancy's


			




	
	
	
		
 
                      Low-Traffic Announcement Email List? </strong></label>


			




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


			




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


			




	
	
	
		
 
                      <br />


			




	
	
	
		
 
                      <br /></div>


			




	
	
	
		
 
                      <div id="annual" class="supporter-form-submit">


			




	
	
	
		
 
                      <input type="image"


			




	
	
	
		
 
                             src="/img/supporter-payment-button-annual.png"


			




	
	
	
		
 
                             height="81" width="188"


			




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


			




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


			




	
	
	
		
 
<br/><br/><small>Button above redirects to PayPal's site for credit


			




	
	
	
		
 
        card, bank account or PayPal balance payment methods.  Select options first.</small>


			




	
	
	
		
 
                      </div>


			




	
	
	
		
 
</form>


			




	
	
	
		
 
</div>


			




	
	
	
		
 
<div id="monthly" class="supporter-type-selection">


			




	
	
	
		
 
<h3>Join as an Monthly Supporter</h3>


			




	
	
	
		
 
<a id="monthly"></a>


			




	
	
	
		
 
<p>Monthly renewal is automatic.  Also, monthly supporters might not receive tangible Supporter benefits (such as


			




	
	
	
		
 
  the t-shirt) until they've reached at least $60 in monthly supporter


			




	
	
	
		
 
  donations.  However, they will be included immediately


			




	
	
	
		
 
  in the <a href="/sponsors/#supporters">Supporters' list</a>.</p>


			




	
	
	
		
 
<form id="monthly" class="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">


			




	
	
	
		
 
<div class="supporter-form-inputs">


			




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


			




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


			




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


			




	
	
	
		
 
            <input type="hidden" name="cmd" value="_xclick-subscriptions">


			




	
	
	
		
 
            <input id="no_shipping" type="hidden" name="no_shipping" value="0" />


			




	
	
	
		
 
            <input type="hidden" name="lc" value="US">


			




	
	
	
		
 
            <input type="hidden" name="no_note" value="1">


			




	
	
	
		
 
            <input type="hidden" name="t3" value="M" />


			




	
	
	
		
 
            <input type="hidden" name="p3" value="1" />


			




	
	
	
		
 
            <input type="hidden" name="src" value="1" />


			




	
	
	
		
 
            <input type="hidden" name="srt" value="0" />


			




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


			




	
	
	
		
 
  <label for="amount"><strong>Monthly Amount:</strong> $</label>


			




	
	
	
		
 
  <input id="amount" type="text" name="a3" size="5" minimum="10" value="10" />


			




	
	
	
		
 
  <input id="amount" type="number" name="a3" size="5" min="10" value="10" />


			




	
	
	
		
 
  <span id="error" class="form-error-show">$10/month is a minimum for Conservancy


			




	
	
	
		
 
  Supporters.  <a href="/donate">Donate smaller amounts here</a>.</span><br/>


			




	
	
	
		
 
                      <label for="wantGift"><strong>Do you want to receive a t-shirt? </strong></label>


			




	
	
	
		
 
                      <input type="radio" name="on0" value="wantGiftYes" />Yes


			




	
	
	
		
 
                      <input type="radio" checked="checked" name="on0" value="wantGiftNo" />No


			




	
	
	
		
 
                      <br />


			




	
	
	
		
 
                      <span class="t-shirt-size-selector">


			




	
	
	
		
 
                      <label for="tShirtSize"><strong>T-shirt size: </strong></label>


			




	
	
	
		
 
                      <select name="os0" id="os0">


			




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


			




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


			




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


			




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


			




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


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesS">Standard Ladies' S</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesM">Standard Ladies' M</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesL">Standard Ladies' L</option>


			




	
	
	
		
 
                         <option name="os0" id="os0" value="StandardLadiesXL">Standard Ladies' XL</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesS">Fitted Ladies' S</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesM">Fitted Ladies' M</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesL">Fitted Ladies' L</option>


			




	
	
	
		
 
                         <option name="os0" id="os0" value="FittedLadiesXL">Fitted Ladies' XL</option>


			




	
	
	
		
 
                      </select><br/></span>


			




	
	
	
		
 
                      <label for="publicAck"><strong>


			




	
	
	
		
 
                          Should we  <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>


			




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


			




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


			




	
	
	
		
 
                      <label for="joinList"><strong>Join Conservancy's


			




	
	
	
		
 
                      Low-Traffic Announcement Email List? </strong></label>


			




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


			




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


			




	
	
	
		
 
                      <br /></div>


			




	
	
	
		
 
                      <div id="monthly" class="supporter-form-submit">


			




	
	
	
		
 
                      <input type="image"


			




	
	
	
		
 
                      src="/img/supporter-payment-button-monthly.png"


			




	
	
	
		
 
                      height="81" width="188"


			




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


			




	
	
	
		
 
<br/><br/><small>Button above redirects to PayPal's site for credit


			




	
	
	
		
 
        card, bank account or PayPal balance payment methods.  Select


			




	
	
	
		
 
                      options first.</small>


			




	
	
	
		
 
                      </div>


			




	
	
	
		
 
</form>


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
<div id="renewal" class="supporter-type-selection">


			




	
	
	
		
 
<h3>Renew as an Annual Supporter</h3>


			




	
	
	
		
 
<a id="renewal"></a>


			




	
	
	
		
 
<p><strong>Note:</strong> This option is for existing annual supporters who


			




	
	
	
		
 
  seek to renew for another year.  The annual renewal is not automatic;


			




	
	
	
		
 
  annual supporters are emailed each year to invite them to optionally renew. </p>


			




	
	
	
		
 
<form id="renewal" class="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" name="supporter">


			




	
	
	
		
 
<div class="supporter-form-inputs">


			




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


			




	
	
	
		
 
            <input type="hidden" name="cmd" value="_xclick" />


			




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


			




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


			




	
	
	
		
 
            <input id="no_shipping" type="hidden" name="no_shipping" value="0" />


			




	
	
	
		
 
  <label for="amount"><strong>Amount:</strong> $</label>


			




	
	
	
		
 
  <input id="amount" type="text" name="amount" size="7" minimum="120" value="120" />


			




	
	
	
		
 
  <input id="amount" type="number" name="amount" size="7" min="120" value="120" />


			




	
	
	
		
 
  <span id="error" class="form-error-show">$120 is a minimum for Conservancy


			




	
	
	
		
 
  Supporters.  <a href="/donate">Donate smaller amounts here</a>.</span><br/>


			




	
	
	
		
 

			




	
	
	
		
 
                      <label for="wantGift"><strong>Do you want to receive (another) t-shirt? </strong></label>


			




	
	
	
		
 
                      <input type="radio" name="on0" value="wantGiftYes" />Yes


			




	
	
	
		
 
                      <input type="radio" checked="checked" name="on0" value="wantGiftNo" />No


			




	
	
	
		
 
                      <br />


			




	
	
	
		
 
                      <span class="t-shirt-size-selector">


			




	
	
	
		
 
                      <label for="tShirtSize"><strong>T-shirt size: </strong></label>


			




	
	
	
		
 
                      <select name="os0" id="os0">


			




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


			




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


			




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


			




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


			




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


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesS">Standard Ladies' S</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesM">Standard Ladies' M</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="StandardLadiesL">Standard Ladies' L</option>


			




	
	
	
		
 
                         <option name="os0" id="os0" value="StandardLadiesXL">Standard Ladies' XL</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesS">Fitted Ladies' S</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesM">Fitted Ladies' M</option>


			




	
	
	
		
 
                        <option name="os0" id="os0" value="FittedLadiesL">Fitted Ladies' L</option>


			




	
	
	
		
 
                         <option name="os0" id="os0" value="FittedLadiesXL">Fitted Ladies' XL</option>


			




	
	
	
		
 
                      </select><br/></span>


			




	
	
	
		
 
                      <label for="publicAck"><strong>


			




	
	
	
		
 
                          Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>


			




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


			




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


			




	
	
	
		
 
            

			




	
	
	
		
 
                      <label for="joinList"><strong>Join Conservancy's


			




	
	
	
		
 
                      Low-Traffic Announcement Email List? </strong></label>


			




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


			




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


			




	
	
	
		
 
                      <br />


			




	
	
	
		
 
                      <br /></div>


			




	
	
	
		
 
                      <div id="renewal" class="supporter-form-submit">


			




	
	
	
		
 
                      <input type="image"


			




	
	
	
		
 
                             src="/img/supporter-payment-button-renewal.png"


			




	
	
	
		
 
                             height="81" width="188"


			




	
	
	
		
 
                             border="0" name="submit" alt="Renew as an Annual Supporter Now!">


			




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


			




	
	
	
		
 
<br/><br/><small>Button above redirects to PayPal's site for credit


			




	
	
	
		
 
        card, bank account or PayPal balance payment methods.  Select options


			




	
	
	
		
 
  first.  Choosing options here will change any previous settings.</small>


			




	
	
	
		
 
</div></form></div>


			




	
	
	
		
 
<span id="form-correction-needed" class="form-error">Please ensure all form data above is correct.</span>


			




	
	
	
		
 

			




	
	
	
		
 
<hr style="clear: both;"/>


			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







    


    

  


    








    
        Server instance: kapok.sfconservancy.org-20153
    
    
        This site is powered by
            Kallithea 0.6.3,
        which is
        © 2010–2020 by various authors & licensed under GPLv3.
            – Support
        – Privacy Policy