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-xs-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div>
45)             <div class="col-xs-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div>
46)             <div class="col-xs-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">

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 id="link" href="#other-ways-section">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="main-other-ways">
119)         <div class="container">
120)           <div id="maincol">

121)           <div class="hundred toptwenty">
122)           
123)             <div class="row-eqheight">
124)               
125)               <!-- BEGIN BITCOIN -->
126)               <div class="col-sm-6 bitcoin">
127)                 <a id="bitcoin"></a>

128)                 <h4><strong>Bitcoins</strong></h4>

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

242)             </div> <!-- hundred toptwenty -->
243)           </div> <!-- maincol row -->
244)         </div> <!-- container -->
245)       </div> <!-- main-other-ways -->
246)             
247)       <div class="minor-other-ways">
248)         <div class="container">              

249)             <div class="col-xs-12 even-more">

250) 

251)               <div class="dsmall col-xs-4">

252)                 <a href="../donate/donate-amazon.html.en">

253)                   <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon.jpg">

254)                 </a>
255)               </div>
256)               

257)               <div class="dsmall col-xs-4">

258)                 <a href="https://smile.amazon.com/ch/20-8096820">

259)                   <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon-smile.jpg">

260)                 </a>
261)               </div>
262) 

263)               <div class="dsmall col-xs-4">

264)                 <a id="dwolla"></a>

265)                 <a href="https://www.dwolla.com/hub/thetorproject">

266)                   <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/dwolla.jpg">

267)                 </a>
268)               </div>
269)             </div>
270) 

271)         </div> <!-- container -->
272)       </div> <!-- minor-other-ways -->

273)       
274)     </div><!-- other-ways-section -->
275) 
276)     <div class="get-in-touch">
277)       <div class="container">
278)         <div class="row">

279)           <div class="col-sm-4">

280)             <h3 class="title"><strong>Get in touch.</strong></h3> 
281)           </div>

282)           <div class="col-sm-8">

283)             <p class="detail">Contact us at donations@torproject.org for more donation details.</p>
284)           </div>
285)         </div>
286)       </div>
287)     </div>
288) 

289)     

290)   </div><!-- donation -->
291) 

292) 

293) 
294)   <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script>
295)   <script type="text/javascript">
296)   function displayVals() {
297)     var amount = $( this ).filter(".amnt-btn").val();

298)     if (amount == null) {

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

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

301)         amount = 23
302)         $( "#amount23" ).addClass('active');
303)       } else if (this.id == "exampleInputAmount") {

304)         $( "button" ).removeClass('active');
305)         $( this ).addClass('active');

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

320) 
321)     // Perks functionality

322)     if (23 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 100) {
323)       $("#stickers").css("opacity","1");
324)       $("#tshirt").css("opacity","0.5");
325)       $("#hoody").css("opacity","0.5");
326)     }else if (100 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 500) {
327)       $("#tshirt").css("opacity","1");
328)       $("#stickers").css("opacity","0.5");
329)       $("#hoody").css("opacity","0.5");
330)     }else if (500 <= parseInt($("#amount").val())) {
331)       $("#hoody").css("opacity","1");
332)       $("#stickers").css("opacity","0.5");
333)       $("#tshirt").css("opacity","0.5");
334)     }else{
335)       $("#hoody").css("opacity","0.5");
336)       $("#stickers").css("opacity","0.5");
337)       $("#tshirt").css("opacity","0.5");

338)     }

339) 
340)   }
341)   $( document ).ready(function() {
342)     $("button[name='amnt']").click(displayVals);
343)     $("#exampleInputAmount").click(displayVals);
344)     $("#exampleInputAmount").change(displayVals);
345)     displayVals();

346)     

347) 

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

349)     $("#exampleInputAmount").change(function(){
350)       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
351)         $(".error-msg").css("display","block");
352)       } else{
353)         $(".error-msg").css("display","none");
354)       }
355)     });
356) 

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

358)     $("#donate-btn").click(function(event){
359)       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
360)         event.preventDefault();
361)         $(".error-msg").css("display","block");
362)       } else{
363)         $(".error-msg").css("display","none");
364)       }
365)     });
366) 

367) 
368)     // monthly or one-time donate functionality

369)     $(".left").click(function(){
370)       $(".left").addClass('active');
371)       $(".right").removeClass('active');
372)     });
373)     $(".right").click(function(){
374)       $(".right").addClass('active');
375)       $(".left").removeClass('active');
376)     });
377)     

378) 
379)     $("#link").on('click',function(event){
380)       event.preventDefault();

381)       $("#other-ways-section").show();

382)       $('html, body').animate({
383)         scrollTop: $("#other-ways-section").offset().top
384)       }, 200);
385)     });
386) 

387) 

388)   });
389) 
390) 
391)   </script>
392)