tor-webwml.git

1) ## translation metadata

2) # Revision: $Revision$

3) # Translation-Priority: 3-low
4) 

5) #include "donatehead.wmi" TITLE="Donate to keep Tor alive!" CHARSET="UTF-8"
6) 
7) <div class="donation">
8)     <div class="container"> 
9)         <div class="row">
10)             <div class="col-md-6">
11)               <div class="row col-md-offset-0">
12)               <h2 style="padding:2px; margin-bottom:10px;" class="text-justify">This is what a Tor supporter looks like:</h2>
13)         <div class="col-md-4" style="padding:10px;">

14)            <img src="$(IMGROOT)/laura_poitras.jpg" class="class=img-rounded img-responsive" alt="Laura Poitras">

15)         </div>
16)                 <div class="col-md-8">
17)                     <h1><small>Laura Poitras</small></h1>
18)                     <blockquote style="padding:5px;">"Edward Snowden would not have been able to contact me without Tor and other free software encryption projects. Journalists need Tor to protect their sources and to research freely. It is an essential tool, and it needs our support."</blockquote>
19)                 </div>
20)                 </div>
21)             </div>
22)             <div class="col-md-6">
23)         <div style="margin-left:20px;">
24)           <h2 class="text-justify">Donate!</h2>
25)         </div>
26) 
27)        <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
28) 
29)                 <div style="margin-top:20px;" class="btn-group btn-group-lg" role="group">
30)                     <div style="padding-bottom:5px;" class="col-md-4"><button id="amount1" name="amnt" type="button" class="btn btn-default btn-lg btn-block">10</button></div>
31)                     <div style="padding-bottom:5px;" class="col-md-4"><button id="amount2" name="amnt" type="button" class="btn btn-default btn-lg btn-block active" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">100</button></div>
32)                     <div style="padding-bottom:5px;" class="col-md-4" ><button id="amount3" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">256</button></div>
33)           <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block">23</button></div>
34)           <div style="padding-bottom:5px;" class="col-md-4"><button id="amount5" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">500</button></div>
35)                     <div class="row form-group-lg">
36)                         <label class="sr-only" for="exampleInputAmount">1</label>
37)                             <div class="input-group">
38)                                 <div class="input-group-addon">$</div>
39)                                     <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="1000!?">
40)                                 <div class="input-group-addon">.00</div>
41)                             </div>
42)                     </div>
43)         </div>
44)                   <div style="padding:10px;" class="row col-md-offset-0">
45)                       <label>
46)                          <input type="radio" name="cmd" id="blankRadio1" value="_donations" aria-label="one_time"> One-time Donation
47)                       </label>
48) 
49)                       <label>
50)                          <input type="radio" name="cmd" id="blankRadio2" value="_xclick-subscriptions" aria-label="monthly"  checked> Monthly Donation
51)                       </label>
52)                  </div>
53)         <div class="row col-md-offset-0">
54)                     <button class="btn btn-primary btn-lg btn-block" style="padding:10px; margin:5px;">Donate</button>
55)           <h4><a href="<page donate/donate-options>">other ways to donate</a></h4>
56)         </div>
57)           <!-- Add the extra clearfix for only the required viewport -->
58)           <div class="clearfix visible-xs-block"></div>
59)       </div>
60)         <input type="hidden" id="amount" name="amount" value="100">
61)         <input type="hidden" id="a3" name="a3" value="0">
62)         <input type="hidden" id="p3" name="p3" value="1">
63)         <input type="hidden" id="t3" name="t3" value="M">
64)         <input type="hidden" name="sra" value="1">
65)         <input type="hidden" name="src" value="1">
66)         <input type="hidden" name="no_shipping" value="1">
67)         <input type="hidden" name="no_note" value="1">
68)         <input type="hidden" name="business" value="donations@torproject.org">
69)         <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project">
70)         <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou">
71)         <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer">
72)       </form>
73)     </div>
74) </div>

75) 

76) <!-- BEGIN PAYPAL -->

77) <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script>

78) <script type="text/javascript">
79) function displayVals() {

80)     var amount = $( this ).filter(":button").html();
81)     if (amount == null) {
82)         amount = $( this ).filter("input").val();
83)         if (amount == null) {
84)             amount = 100;
85)         } else {
86)             $( "button" ).removeClass('active');
87)             $( this ).addClass('active');
88)         }
89)     } else {
90)         $( "button" ).removeClass('active');
91)         $( this ).addClass('active');
92)         jQuery('#amount').val(amount);
93)     }
94)     jQuery('#amount').val(amount);
95)     jQuery('#a3').val(amount);

96) }
97) 
98) jQuery(function(){

99)  	jQuery("button[name='amnt']").click(displayVals);
100)  	jQuery("input[name='cmd']").click(displayVals);
101)  	jQuery("#exampleInputAmount").click(displayVals);
102)  	jQuery("#exampleInputAmount").change(displayVals);

103)  	displayVals();
104) });
105) </script>
106) 

107)  <!-- <div class="hundred toptwenty">

108) 	<div class="dbox donate" style="text-align: center;">

109) 	   <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
110) 		  <p class="type">
111) 			<select id="t3" name="t3">
112) 			 <option value="0">One-time Donation</option>
113) 			 <option value="M">Monthly Subscription</option>

114) 			</select>
115) 			<small id="ppinfo">Does Not Require a PayPal
116) Account</small>

117) 		  </p>

118) 	      <div class="drow" style="text-align: center;">
119) 	 		 <div style="text-align: center;">

120) 			  <ul class="amounts">
121)               <li>

122) 		      <select name="currency_code" class="cur">
123) 			    <option value="USD" selected="selected">$</option>
124) 			    <option value="EUR">&euro;</option>
125) 			    <option value="GBP">&pound;</option>
126) 			   </select>

127)              </li>

128) 		      <li><input type="radio" class="radio" name="amount" value="10.00"><label for="10">10&nbsp;</label></li>

129) 		      <li><input type="radio" class="radio" name="amount" value="23.00"><label for="23">23&nbsp;</label></li>
130) 		      <li><input type="radio" class="radio" name="amount" value="100.00" checked="checked"><label for="100">100&nbsp;</label></li>
131) 		      <li><input type="radio" class="radio" name="amount" value="256.00"><label for="256">256</label></li>
132) 		      <li><input type="radio" class="radio" name="amount" value="500.00"><label for="500">500</label></li>
133) 		      <li><input id="other" type="radio" class="radio" name="amount" value="other"><label for="other">other</label></li>
134) 		      <li><input style="display: none;" type="text" id="amount" class="amount" name="amount"></li>

135) 		    </ul>
136) 		   </div>

137) 		   <div style="text-align: center;">

138) 			 <input type="hidden" id="a3" name="a3" value="0">

139) < !--			 <input class="donate-btn" type="submit" name="donate" value="Donate" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> -/- >

140) 		   </div>
141) 		     <input type="hidden" id="p3" name="p3" value="1">

142) 		     <input type="hidden" name="sra" value="1">
143) 		     <input type="hidden" name="src" value="1">
144) 		     <input type="hidden" name="no_shipping" value="1">
145) 		     <input type="hidden" name="no_note" value="1">

146) 		     <input type="hidden" id="cmd" name="cmd" value="_donations">

147) 		     <input type="hidden" name="business" value="donations@torproject.org">

148) 		     <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project">

149) 		     <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou">
150) 		     <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer">

151) 		  </div>

152)           <div style="text-align: center;">

153) 	       <input type="image" src="$(IMGROOT)/paypal_logo.jpg" height="55" name="submit" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> 

154)           </div>

155) 	 </form>
156) 	</div>

157)   </div>-->

158) <!-- END PAYPAL -->