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) 

9)     <div class="quote-section">
10)       <div class="container">
11)         <div class="row">

12)           

13)           <div class="col-sm-3 img-section">
14)               <img src="$(IMGROOT)/shari.png" class="img-thumbnail img-responsive champion" alt="Shari Steele">
15)           </div>

16) 

17)           <div class="col-sm-9 col-xs-offset-0">
18)             <blockquote>
19)               Tor is an essential part of the Internet freedom infrastructure, and I'm looking forward to working with the Tor Project to continue to grow the movement.
20)               <footer class="pull-right source-quote"><cite title="Source Title">Shari Steele</cite></footer>
21)             </blockquote>

22)           </div>

23) 

24)         </div><!-- container -->
25)       </div><!-- row -->
26)     </div><!-- quote-section -->
27) 
28)     <div class="paypal-donate">
29)       <div class="container">
30)         <div class="row">
31)           <div class="col-sm-7">
32)             <h2 class="main-text">Your support is critical to our success</h2>
33)             <hr>
34)             <p style="text-align:left;">Donate $23 or more, get swag, take a picture and share it with us via <code><a href="https://twitter.com/search?q=%23SupportTor" target="_blank">#supportTor</a></code> hashtag.</p>
35)               
36)             <noscript class="perks">
37)               <h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4>
38)               <p style="text-align:left;">Donate $23+ to get a <b>pack of stickers</b></p>
39)               <p style="text-align:left;">Donate $100+ to get a <b>Tor supporter tshirt</b></p>
40)               <p style="text-align:left;">Donate $500+ to get a <b>hoodie</b></p>
41)             </noscript>
42) 

43)             <h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4>

44)             <div class="col-sm-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div>
45)             <div class="col-sm-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div>
46)             <div class="col-sm-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div>
47)           </div>
48)           
49)           <div class="donate-section col-sm-5">
50)             <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
51)               <div class="row col-md-offset-0 combined-input">
52)                 <div class="left col-xs-6 btn btn-default btn-lg active">
53)                   <label class="choiceLabel">
54)                     <input class="sr-only" name="cmd" id="blankRadio1" type="radio" value="_donations" aria-label="one_time"checked >
55)                     <span>One-time</span>
56)                   </label>
57)                 </div>
58)                 <div class="right col-xs-6 btn btn-default btn-lg ">
59)                   <label class="choiceLabel">
60)                     <input class="sr-only" name="cmd" id="blankRadio2" type="radio" value="_xclick-subscriptions" aria-label="monthly">
61)                     <span>Monthly</span>
62)                   </label>
63)                 </div>

64)               </div>

65) 

66)               <div class="btn-group btn-group-lg" role="group" style="margin-bottom: 30px;">
67)                 <div style="padding-bottom:5px;" class="col-xs-6">
68)                   <button value="10" id="amount10" name="amnt" type="button" class="btn btn-default btn-lg btn-block amnt-btn">$10</button>
69)                 </div>
70)                 <div style="padding-bottom:5px;" class="col-xs-6">
71)                   <button value="23" id="amount23" name="amnt" type="button" class="btn btn-default btn-lg btn-block amnt-btn" title="You get a sticker!">$23</button>
72)                 </div>
73)                 <div style="padding-bottom:5px;" class="col-xs-6">
74)                   <button value="100" id="amount100" name="amnt" type="button" class="btn btn-default btn-lg btn-block amnt-btn" title="You get a tshirt!">$100</button>
75)                 </div>
76)                 <div style="padding-bottom:5px;" class="col-xs-6">
77)                   <button value="256" id="amount256" name="amnt" type="button" class="btn btn-default btn-lg btn-block amnt-btn" title="You get a tshirt!">$256</button>
78)                 </div>
79)                 <div style="padding-bottom:5px;" class="col-xs-6">
80)                   <button value="500" id="amount500" name="amnt" type="button" class="btn btn-default btn-lg btn-block amnt-btn" title="You get a hoody!">$500</button>
81)                 </div>
82)                 <div class="col-xs-6 form-group-lg">
83)                   <label class="sr-only" for="exampleInputAmount">1</label>
84)                   <div class="input-group">
85)                     <div class="input-group-addon">$</div>
86)                     <input type="number" min="5" step="1" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="other amount">
87)                   </div>

88)                 </div>
89)               </div>

90)               <div style="padding: 0 15px;">
91)                 <h5 class="error-msg">The minimum donation amount is $5</h5>
92)                 <button id="donate-btn" class="btn btn-primary btn-lg btn-block donate-button" style="padding:10px;">Donate</button>
93)                 <h5>via PayPal (doesn't require an account)</h5>
94)                 <h4><a href="<page donate/donate-options>">Other Ways to Donate</a></h4>
95)               </div>
96)               
97)               <!-- PAYPAL ESSENTIAL INPUTS -->

98)               <input type="hidden" id="amount" name="amount" value="">
99)               <input type="hidden" id="a3" name="a3" value="0">
100)               <input type="hidden" id="p3" name="p3" value="1">
101)               <input type="hidden" id="t3" name="t3" value="M">
102)               <input type="hidden" name="sra" value="1">
103)               <input type="hidden" name="src" value="1">
104)               <input type="hidden" name="no_shipping" value="1">
105)               <input type="hidden" name="no_note" value="1">
106)               <input type="hidden" name="business" value="donations@torproject.org">
107)               <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project">
108)               <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou">
109)               <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer">

110) 

111)             </form>
112)           </div><!-- donate-section -->
113)         </div><!-- row -->
114)       </div><!-- container -->
115)     </div><!-- paypal-donate -->

116) 
117)         <div id="other-ways-section">
118)       <div class="container-fluid">
119)         <div id="maincol">
120)           <div class="hundred toptwenty">
121)           
122)             <div class="row-eqheight">
123)               
124)               <!-- BEGIN BITCOIN -->
125)               <div class="col-sm-6 bitcoin">
126)                 <a id="bitcoin"></a>
127)                 <h3><strong>Bitcoins</strong></h3>
128)                 <p>In order to comply with US 501(c)(3) non-profit regulations, our Bitcoin transaction limit is currently $10,000 USD per day.
129)                   If you wish to avoid transaction limits, please consider a direct Bitcoin donation to
130)                   <a href="https://www.torservers.net/donate.html#cryptocurrencies">Torservers.net</a>,
131)                   <a href="http://noisetor.net/#bitcoin">NoiseTor</a>,
132)                   <a href="https://www.oniontip.com/">OnionTip</a>,
133)                   or <a href="https://tails.boum.org/contribute/how/donate/#bitcoin">Tails</a>.
134)                 </p>
135)                 <p>If this transaction limit is not an issue for you, please complete the form below:</p>
136)                 <form id="bitpayDonation" class="form" action="https://bitpay.com/checkout" method="post" onsubmit="return bp.validateMobileCheckoutForm($('#bitpayDonation'));">
137)                   <input name="action" type="hidden" value="checkout">
138)                   <fieldset class="phone-form well form-horizontal" style="margin-top: 5px;">
139)                     <div class="form-group">
140)                       <label for="bitcoinEmail" class="input-group control-label" style="padding:0;">Email address</label>
141)                       <input id="bitcoinEmail" name="orderID" type="email" class="form-control" placeholder="Email address (optional)" maxlength="50" autocapitalize="off" autocorrect="off">
142)                     </div>
143)                         
144)                     <div class="form-group row">
145)                       <label for="bitcoinAmount" class="input-group control-label">Amount</label>
146)                       <div class="col-sm-8" style="padding:0;">
147)                         <input name="price" type="number" class="form-control" id="bitcoinAmount" value="43.00" placeholder="Amount" maxlength="10" min="5">
148)                       </div>
149)                       
150)                       <div class="col-sm-4" style="padding:0;">
151)                         <select name="currency" value="" class="form-control">
152)                           <option value="USD" selected="selected">USD</option>
153)                           <option value="BTC">BTC</option>
154)                           <option value="EUR">EUR</option>
155)                           <option value="GBP">GBP</option>
156)                           <option value="AUD">AUD</option>
157)                           <option value="BGN">BGN</option>
158)                           <option value="BRL">BRL</option>
159)                           <option value="CAD">CAD</option>
160)                           <option value="CHF">CHF</option>
161)                           <option value="CNY">CNY</option>
162)                           <option value="CZK">CZK</option>
163)                           <option value="DKK">DKK</option>
164)                           <option value="HKD">HKD</option>
165)                           <option value="HRK">HRK</option>
166)                           <option value="HUF">HUF</option>
167)                           <option value="IDR">IDR</option>
168)                           <option value="ILS">ILS</option>
169)                           <option value="INR">INR</option>
170)                           <option value="JPY">JPY</option>
171)                           <option value="KRW">KRW</option>
172)                           <option value="LTL">LTL</option>
173)                           <option value="LVL">LVL</option>
174)                           <option value="MXN">MXN</option>
175)                           <option value="MYR">MYR</option>
176)                           <option value="NOK">NOK</option>
177)                           <option value="NZD">NZD</option>
178)                           <option value="PHP">PHP</option>
179)                           <option value="PLN">PLN</option>
180)                           <option value="RON">RON</option>
181)                           <option value="RUB">RUB</option>
182)                           <option value="SEK">SEK</option>
183)                           <option value="SGD">SGD</option>
184)                           <option value="THB">THB</option>
185)                           <option value="TRY">TRY</option>
186)                           <option value="ZAR">ZAR</option>
187)                         </select>
188)                       </div>
189)                       
190)                     </div>
191)                     <br>
192)                     <input type="hidden" name="data" value="iH+sCoKQo5J52hkEzWcMi8+PRt78/89lcSU9GnapWfWL6thyubtDCahTUqa2JTlj6RQrQySkZAoFvK05yifMwfx5V87JJuoaDlHUsZR9ppzkklmzHpKJ4TG5M0zNVcKfNBfyopdfTFbzpOXM2FDppqmU7njsRUF1EZPa0K7SIxpv4lNKSPn1PyjVKVxjnpFE0AZ1Qa75VwZnS+rBNNfwxPsgSz+Oa2Twe226FmJJrLtPuBteFfHAIWh6QS5JnpOn4ScMFph0zjixutmunMAjKw==">
193)                     <div style="margin: auto; width: 100%; text-align: center">
194)                       <input name="submit" src="https://www.torproject.org/images/bitpay-donate-md.png" type="image" style="width: auto" alt="BitPay" border="0">
195)                     </div>
196)                   </fieldset>
197)                 </form>
198)               </div>
199)               <!-- END BITCOIN -->
200) 
201) 
202) 
203) 
204) 
205)               <div class="col-sm-6 check-eutransfer">
206) 
207)                 <!-- BEGIN CHECK -->
208)                 <a id="cash"></a>
209)                 <h4><strong>Check or Money Order</strong></h4>
210)                 <p>You can send checks or money orders to:</p>
211)                 <p>The Tor Project, Inc<br>
212)                   7 Temple Street, Suite A<br>
213)                   Cambridge, MA 02139-2403 USA
214)                 </p>
215)                 <!-- END CHECK -->
216) 
217)                 <!-- BEGIN TRANSFER -->
218)                 <a id="eubanks"></a>
219)                 <h4 style="margin-top:20px;"><strong>European Bank Transfer</strong></h4>
220)                 <p>For European bank transfers, we have an arrangement with
221)                   the Renewable Freedom Foundation to provide
222)                   <a href="http://www.solicitorsjournal.com/news/private-client/charities/gifts-foreign-charities-are-tax-deductible-ecj-rules">tax-deductible</a>
223)                   donations for Europeans. (They don't actually pass the money
224)                   through to us, but rather we trust them to spend it in Tor's
225)                   interest.) They will issue a donation receipt <a
226)                   href="https://renewablefreedom.org/contact/">upon request</a>. The
227)                   account information is as follows:
228)                 </p>
229)                 <p>Renewable Freedom Foundation<br>
230)                   IBAN: DE17721500000053693701<br>
231)                   BIC: BYLADEM1ING<br>
232)                   Sparkasse Ingolstadt<br>
233)                   Rathausplatz 6<br>
234)                   85049 Ingolstadt<br>
235)                 </p>
236)                 <!-- END TRANSFER -->
237) 
238)               </div><!-- check-eutransfer -->
239) 
240)             </div><!-- row-eqheight -->
241)               
242)               
243)             <div class="col-sm-12 even-more">
244) 
245)               <div class="dsmall col-sm-4">
246)                 <a href="../donate/donate-amazon.html.en">
247)                   <img class="img-responsive img-thumbnail other-ways-img" src="../images/amazon.jpg">
248)                 </a>
249)               </div>
250)               
251)               <div class="dsmall col-sm-4">
252)                 <a href="https://smile.amazon.com/ch/20-8096820">
253)                   <img class="img-responsive img-thumbnail other-ways-img" src="../images/amazon-smile.jpg">
254)                 </a>
255)               </div>
256) 
257)               <div class="dsmall col-sm-4">
258)                 <a id="dwolla"></a>
259)                 <a href="https://smile.amazon.com/ch/20-8096820">
260)                   <img class="img-responsive img-thumbnail other-ways-img" src="../images/dwolla.jpg">
261)                 </a>
262)               </div>
263)             </div>
264) 
265)           </div> <!-- hundred toptwenty -->
266)         </div> <!-- maincol row -->
267)       </div> <!-- fluid-container -->
268)       
269)     </div><!-- other-ways-section -->
270) 
271)     <div class="get-in-touch">
272)       <div class="container">
273)         <div class="row">
274)           <div class="col-xs-4">
275)             <h3 class="title"><strong>Get in touch.</strong></h3> 
276)           </div>
277)           <div class="col-xs-8">
278)             <p class="detail">Contact us at donations@torproject.org for more donation details.</p>
279)           </div>
280)         </div>
281)       </div>
282)     </div>
283) 

284)     

285)   </div><!-- donation -->
286) 

287) 

288) 
289)   <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script>
290)   <script type="text/javascript">
291)   function displayVals() {
292)     var amount = $( this ).filter(".amnt-btn").val();

293)     if (amount == null) {

294)       amount = $("#exampleInputAmount").val();

295)       if ($('#amount').val() == "" && !($("#exampleInputAmount").hasClass("active")) ) {

296)         amount = 23
297)         $( "#amount23" ).addClass('active');
298)       } else if (this.id == "exampleInputAmount") {

299)         $( "button" ).removeClass('active');
300)         $( this ).addClass('active');

301)       }
302)     } else {
303)       $( ".amnt-btn" ).removeClass('active');
304)       $( this ).addClass('active');
305)       $('#amount').val(amount);
306)     }
307)     $('#amount').val(amount);
308)     $('#a3').val(amount);
309)     
310)     $("button[name='amnt']").click(function () {
311)       $(".form-control").val(null);
312)       $(".error-msg").css("display","none");
313)     });
314) 

315) 
316)     // Perks functionality

317)     if (23 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 100) {
318)       $("#stickers").css("opacity","1");
319)       $("#tshirt").css("opacity","0.5");
320)       $("#hoody").css("opacity","0.5");
321)     }else if (100 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 500) {
322)       $("#tshirt").css("opacity","1");
323)       $("#stickers").css("opacity","0.5");
324)       $("#hoody").css("opacity","0.5");
325)     }else if (500 <= parseInt($("#amount").val())) {
326)       $("#hoody").css("opacity","1");
327)       $("#stickers").css("opacity","0.5");
328)       $("#tshirt").css("opacity","0.5");
329)     }else{
330)       $("#hoody").css("opacity","0.5");
331)       $("#stickers").css("opacity","0.5");
332)       $("#tshirt").css("opacity","0.5");

333)     }

334) 
335)   }
336)   $( document ).ready(function() {
337)     $("button[name='amnt']").click(displayVals);
338)     $("#exampleInputAmount").click(displayVals);
339)     $("#exampleInputAmount").change(displayVals);
340)     displayVals();

341)     

342) 

343)     // Paypal donate validation when changing other amount input 

344)     $("#exampleInputAmount").change(function(){
345)       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
346)         $(".error-msg").css("display","block");
347)       } else{
348)         $(".error-msg").css("display","none");
349)       }
350)     });
351) 

352)     // Paypal donate validation when clicking on donate button 

353)     $("#donate-btn").click(function(event){
354)       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
355)         event.preventDefault();
356)         $(".error-msg").css("display","block");
357)       } else{
358)         $(".error-msg").css("display","none");
359)       }
360)     });
361) 

362) 
363)     // monthly or one-time donate functionality

364)     $(".left").click(function(){
365)       $(".left").addClass('active');
366)       $(".right").removeClass('active');
367)     });
368)     $(".right").click(function(){
369)       $(".right").addClass('active');
370)       $(".left").removeClass('active');
371)     });
372)     
373)   });
374) 
375) 
376)   </script>
377)