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)                 <div class="other-ways-title">
129)                   <img class="img-thumbnail other-ways-icon" src="../images/bitcoin.png" width="40" height="40">
130)                   <h3><strong>Bitcoins</strong></h3>
131)                 </div>

132)                 <p>In order to comply with US 501(c)(3) non-profit regulations, our Bitcoin transaction limit is currently $10,000 USD per day.
133)                   If you wish to avoid transaction limits, please consider a direct Bitcoin donation to
134)                   <a href="https://www.torservers.net/donate.html#cryptocurrencies">Torservers.net</a>,
135)                   <a href="http://noisetor.net/#bitcoin">NoiseTor</a>,
136)                   <a href="https://www.oniontip.com/">OnionTip</a>,
137)                   or <a href="https://tails.boum.org/contribute/how/donate/#bitcoin">Tails</a>.
138)                 </p>
139)                 <p>If this transaction limit is not an issue for you, please complete the form below:</p>
140)                 <form id="bitpayDonation" class="form" action="https://bitpay.com/checkout" method="post" onsubmit="return bp.validateMobileCheckoutForm($('#bitpayDonation'));">
141)                   <input name="action" type="hidden" value="checkout">
142)                   <fieldset class="phone-form well form-horizontal" style="margin-top: 5px;">
143)                     <div class="form-group">
144)                       <label for="bitcoinEmail" class="input-group control-label" style="padding:0;">Email address</label>
145)                       <input id="bitcoinEmail" name="orderID" type="email" class="form-control" placeholder="Email address (optional)" maxlength="50" autocapitalize="off" autocorrect="off">
146)                     </div>
147)                         
148)                     <div class="form-group row">
149)                       <label for="bitcoinAmount" class="input-group control-label">Amount</label>
150)                       <div class="col-sm-8" style="padding:0;">
151)                         <input name="price" type="number" class="form-control" id="bitcoinAmount" value="43.00" placeholder="Amount" maxlength="10" min="5">
152)                       </div>
153)                       
154)                       <div class="col-sm-4" style="padding:0;">
155)                         <select name="currency" value="" class="form-control">
156)                           <option value="USD" selected="selected">USD</option>
157)                           <option value="BTC">BTC</option>
158)                           <option value="EUR">EUR</option>
159)                           <option value="GBP">GBP</option>
160)                           <option value="AUD">AUD</option>
161)                           <option value="BGN">BGN</option>
162)                           <option value="BRL">BRL</option>
163)                           <option value="CAD">CAD</option>
164)                           <option value="CHF">CHF</option>
165)                           <option value="CNY">CNY</option>
166)                           <option value="CZK">CZK</option>
167)                           <option value="DKK">DKK</option>
168)                           <option value="HKD">HKD</option>
169)                           <option value="HRK">HRK</option>
170)                           <option value="HUF">HUF</option>
171)                           <option value="IDR">IDR</option>
172)                           <option value="ILS">ILS</option>
173)                           <option value="INR">INR</option>
174)                           <option value="JPY">JPY</option>
175)                           <option value="KRW">KRW</option>
176)                           <option value="LTL">LTL</option>
177)                           <option value="LVL">LVL</option>
178)                           <option value="MXN">MXN</option>
179)                           <option value="MYR">MYR</option>
180)                           <option value="NOK">NOK</option>
181)                           <option value="NZD">NZD</option>
182)                           <option value="PHP">PHP</option>
183)                           <option value="PLN">PLN</option>
184)                           <option value="RON">RON</option>
185)                           <option value="RUB">RUB</option>
186)                           <option value="SEK">SEK</option>
187)                           <option value="SGD">SGD</option>
188)                           <option value="THB">THB</option>
189)                           <option value="TRY">TRY</option>
190)                           <option value="ZAR">ZAR</option>
191)                         </select>
192)                       </div>
193)                       
194)                     </div>
195)                     <br>
196)                     <input type="hidden" name="data" value="iH+sCoKQo5J52hkEzWcMi8+PRt78/89lcSU9GnapWfWL6thyubtDCahTUqa2JTlj6RQrQySkZAoFvK05yifMwfx5V87JJuoaDlHUsZR9ppzkklmzHpKJ4TG5M0zNVcKfNBfyopdfTFbzpOXM2FDppqmU7njsRUF1EZPa0K7SIxpv4lNKSPn1PyjVKVxjnpFE0AZ1Qa75VwZnS+rBNNfwxPsgSz+Oa2Twe226FmJJrLtPuBteFfHAIWh6QS5JnpOn4ScMFph0zjixutmunMAjKw==">
197)                     <div style="margin: auto; width: 100%; text-align: center">
198)                       <input name="submit" src="https://www.torproject.org/images/bitpay-donate-md.png" type="image" style="width: auto" alt="BitPay" border="0">
199)                     </div>
200)                   </fieldset>
201)                 </form>
202)               </div>
203)               <!-- END BITCOIN -->
204) 
205) 
206) 
207) 
208) 
209)               <div class="col-sm-6 check-eutransfer">
210) 
211)                 <!-- BEGIN CHECK -->
212)                 <a id="cash"></a>

213)                 <div class="other-ways-title">
214)                   <img class="img-thumbnail other-ways-icon" src="../images/bank48.png" width="40" height="40">
215)                   <h3><strong>Check or Money Order</strong></h3>
216)                 </div>

217)                 <p>You can send checks or money orders to:</p>
218)                 <p>The Tor Project, Inc<br>
219)                   7 Temple Street, Suite A<br>
220)                   Cambridge, MA 02139-2403 USA
221)                 </p>
222)                 <!-- END CHECK -->
223) 
224)                 <!-- BEGIN TRANSFER -->
225)                 <a id="eubanks"></a>

226)                 <div style="margin-top:30px;" class="other-ways-title">
227)                   <img class="img-thumbnail other-ways-icon" src="../images/pantheon1.png" width="40" height="40">
228)                   <h3><strong>European Bank Transfer</strong></h3>
229)                 </div>

230)                 <p>For European bank transfers, we have an arrangement with
231)                   the Renewable Freedom Foundation to provide
232)                   <a href="http://www.solicitorsjournal.com/news/private-client/charities/gifts-foreign-charities-are-tax-deductible-ecj-rules">tax-deductible</a>
233)                   donations for Europeans. (They don't actually pass the money
234)                   through to us, but rather we trust them to spend it in Tor's
235)                   interest.) They will issue a donation receipt <a
236)                   href="https://renewablefreedom.org/contact/">upon request</a>. The
237)                   account information is as follows:
238)                 </p>
239)                 <p>Renewable Freedom Foundation<br>
240)                   IBAN: DE17721500000053693701<br>
241)                   BIC: BYLADEM1ING<br>
242)                   Sparkasse Ingolstadt<br>
243)                   Rathausplatz 6<br>
244)                   85049 Ingolstadt<br>
245)                 </p>
246)                 <!-- END TRANSFER -->
247) 
248)               </div><!-- check-eutransfer -->
249) 
250)             </div><!-- row-eqheight -->

251)             </div> <!-- hundred toptwenty -->
252)           </div> <!-- maincol row -->
253)         </div> <!-- container -->
254)       </div> <!-- main-other-ways -->
255)             
256)       <div class="minor-other-ways">
257)         <div class="container">              

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

259) 

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

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

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

263)                 </a>
264)               </div>
265)               

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

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

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

269)                 </a>
270)               </div>
271) 

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

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

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

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

276)                 </a>
277)               </div>
278)             </div>
279) 

280)         </div> <!-- container -->
281)       </div> <!-- minor-other-ways -->

282)       
283)     </div><!-- other-ways-section -->

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)     $("#link").on('click',function(event){
375)       event.preventDefault();

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

377)       $('html, body').animate({
378)         scrollTop: $("#other-ways-section").offset().top
379)       }, 200);
380)     });
381) 

382) 

383)   });
384) 
385) 
386)   </script>
387)