first cut of the new, shiny...
Andrew Lewman authored 13 years ago
|
1) ## translation metadata
|
looks like we never set the...
Roger Dingledine authored 13 years ago
|
2) # Revision: $Revision$
|
first cut of the new, shiny...
Andrew Lewman authored 13 years ago
|
3) # Translation-Priority: 3-low
4)
|
New donate page attempts
Sebastian Hahn authored 8 years ago
|
5) #include "donatehead.wmi" TITLE="Donate to keep Tor alive!" CHARSET="UTF-8"
6)
|
code clean up
MehrabKamrani authored 8 years ago
|
7) <div class="donation">
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
8)
|
code clean up
MehrabKamrani authored 8 years ago
|
9) <div class="quote-section">
10) <div class="container">
11) <div class="row">
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
12)
|
code clean up
MehrabKamrani authored 8 years ago
|
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>
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
16)
|
code clean up
MehrabKamrani authored 8 years ago
|
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>
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
22) </div>
|
code clean up
MehrabKamrani authored 8 years ago
|
23)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
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)
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
43) <h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4>
|
make perks section responsive
MehrabKamrani authored 8 years ago
|
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>
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
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>
|
code clean up
MehrabKamrani authored 8 years ago
|
64) </div>
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
65)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
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>
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
88) </div>
89) </div>
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
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 -->
|
code clean up
MehrabKamrani authored 8 years ago
|
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">
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
110)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
111) </form>
112) </div><!-- donate-section -->
113) </div><!-- row -->
114) </div><!-- container -->
115) </div><!-- paypal-donate -->
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
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)
|
make even-more section resp...
MehrabKamrani authored 8 years ago
|
243) <div class="col-xs-12 even-more">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
244)
|
make even-more section resp...
MehrabKamrani authored 8 years ago
|
245) <div class="dsmall col-xs-4">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
246) <a href="../donate/donate-amazon.html.en">
|
add amazon and dwolla icon...
MehrabKamrani authored 8 years ago
|
247) <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon.jpg">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
248) </a>
249) </div>
250)
|
make even-more section resp...
MehrabKamrani authored 8 years ago
|
251) <div class="dsmall col-xs-4">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
252) <a href="https://smile.amazon.com/ch/20-8096820">
|
add amazon and dwolla icon...
MehrabKamrani authored 8 years ago
|
253) <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon-smile.jpg">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
254) </a>
255) </div>
256)
|
make even-more section resp...
MehrabKamrani authored 8 years ago
|
257) <div class="dsmall col-xs-4">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
258) <a id="dwolla"></a>
259) <a href="https://smile.amazon.com/ch/20-8096820">
|
add amazon and dwolla icon...
MehrabKamrani authored 8 years ago
|
260) <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/dwolla.jpg">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
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">
|
make get-in-touch section r...
MehrabKamrani authored 8 years ago
|
274) <div class="col-sm-4">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
275) <h3 class="title"><strong>Get in touch.</strong></h3>
276) </div>
|
make get-in-touch section r...
MehrabKamrani authored 8 years ago
|
277) <div class="col-sm-8">
|
add other ways to danate se...
MehrabKamrani authored 8 years ago
|
278) <p class="detail">Contact us at donations@torproject.org for more donation details.</p>
279) </div>
280) </div>
281) </div>
282) </div>
283)
|
code clean up
MehrabKamrani authored 8 years ago
|
284)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
285) </div><!-- donation -->
286)
|
first attempt at ticket 10279.
Andrew Lewman authored 10 years ago
|
287)
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
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();
|
New donate page attempts
Sebastian Hahn authored 8 years ago
|
293) if (amount == null) {
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
294) amount = $("#exampleInputAmount").val();
|
fix other amount input prev...
MehrabKamrani authored 8 years ago
|
295) if ($('#amount').val() == "" && !($("#exampleInputAmount").hasClass("active")) ) {
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
296) amount = 23
297) $( "#amount23" ).addClass('active');
298) } else if (this.id == "exampleInputAmount") {
|
New donate page attempts
Sebastian Hahn authored 8 years ago
|
299) $( "button" ).removeClass('active');
300) $( this ).addClass('active');
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
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)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
315)
316) // Perks functionality
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
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");
|
New donate page attempts
Sebastian Hahn authored 8 years ago
|
333) }
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
334)
335) }
336) $( document ).ready(function() {
337) $("button[name='amnt']").click(displayVals);
338) $("#exampleInputAmount").click(displayVals);
339) $("#exampleInputAmount").change(displayVals);
340) displayVals();
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
341)
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
342)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
343) // Paypal donate validation when changing other amount input
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
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)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
352) // Paypal donate validation when clicking on donate button
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
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)
|
add comments add a div with...
MehrabKamrani authored 8 years ago
|
362)
363) // monthly or one-time donate functionality
|
updating donate.wml
Nima Fatemi authored 8 years ago
|
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)
|