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)               <div class="col-sm-3 img-section">
13)                   <img src="$(IMGROOT)/roger.png" class="img-thumbnail img-responsive champion" alt="Roger Dingledine">

14)                 </div>

15) 
16)                 <div class="col-sm-9 col-xs-offset-0">
17)                   <blockquote>
18)       Tor has millions of users around the globe, and many people making donations can create a sustainable Tor.
19)       Your contributions in our first ever fundraising campaign will form a strong foundation and inspire others to give to Tor.
20)                     <footer class="pull-right source-quote"><cite title="Source Title">Roger Dingledine</cite></footer>
21)                   </blockquote>

22)                 </div>

23) 
24)           </div>

25)         </div>

26)       </div>
27) 
28) 
29)     <div class="container">
30) 
31)       <div class="row">
32)         <div class="col-sm-7">
33)           <h2 class="main-text">Your support is critical to our success</h2>
34)           <hr>
35)           <p style="text-align:left;">Donate $23+, get one of this swags, take a picture with it and share it with us via <code><a href="https://twitter.com/search?q=%23SupportTor" target="_blank">#supportTor</a></code> hashtag.</p>
36)           
37)           <noscript class="perks">
38)             <h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4>
39)             <p style="text-align:left;">Donate $23+ to get a <b>pack of stickers</b></p>
40)             <p style="text-align:left;">Donate $100+ to get a <b>Tor supporter tshirt</b></p>
41)             <p style="text-align:left;">Donate $500+ to get a <b>hoodie</b></p>
42)           </noscript>
43) 
44)           <h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4>
45)           <div class="col-sm-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div>
46)           <div class="col-sm-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div>
47)           <div class="col-sm-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div>

48) 
49)         </div>

50)         <div class="donate-section col-sm-5">
51)           <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
52)             <div class="row col-md-offset-0 combined-input">
53)                 <div class="left col-xs-6 btn btn-default btn-lg active">
54)                   <label class="choiceLabel">
55)                     <input class="sr-only" name="cmd" id="blankRadio1" type="radio" value="_donations" aria-label="one_time"checked >
56)                     <span>One-time</span>
57)                   </label>
58)                 </div>
59)                 <div class="right col-xs-6 btn btn-default btn-lg ">
60)                   <label class="choiceLabel">
61)                     <input class="sr-only" name="cmd" id="blankRadio2" type="radio" value="_xclick-subscriptions" aria-label="monthly">
62)                     <span>Monthly</span>
63)                   </label>
64)                 </div>
65)             </div>
66) 
67)             <div class="btn-group btn-group-lg" role="group" style="margin-bottom: 30px;">
68)               <div style="padding-bottom:5px;" class="col-xs-6">
69)                 <button value="10" id="amount10" name="amnt" type="button" class="btn btn-default btn-lg btn-block amnt-btn">$10</button>
70)               </div>
71)               <div style="padding-bottom:5px;" class="col-xs-6">
72)                 <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>
73)               </div>
74)               <div style="padding-bottom:5px;" class="col-xs-6">
75)                 <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>
76)               </div>
77)               <div style="padding-bottom:5px;" class="col-xs-6">
78)                 <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>
79)               </div>
80)               <div style="padding-bottom:5px;" class="col-xs-6">
81)                 <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>
82)               </div>
83)               <div class="col-xs-6 form-group-lg">
84)                 <label class="sr-only" for="exampleInputAmount">1</label>
85)                 <div class="input-group">
86)                   <div class="input-group-addon">$</div>

87)                   <input type="number" min="5" step="1" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="other amount">

88)                 </div>
89)               </div>
90)             </div>
91)             <div style="padding: 0 15px;">

92)               <h5 class="error-msg">The minimum donation amount is $5</h5>

93)               <button id="donate-btn" class="btn btn-primary btn-lg btn-block" style="padding:10px;">Donate</button>
94)               <h5>via PayPal (doesn't require an account)</h5>

95)               <h4><a href="<page donate/donate-options>">Other Ways to Donate</a></h4>

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

112)         </div>
113)       </div>
114)     </div>

115)   
116) 
117) 
118)   </div>

119) 

120) 
121)   <!-- PAYPAL -->
122)   <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script>
123)   <script type="text/javascript">
124)   function displayVals() {
125)     var amount = $( this ).filter(".amnt-btn").val();

126)     if (amount == null) {

127)       amount = $("#exampleInputAmount").val();
128)       if ($('#amount').val() == "") {
129)         amount = 23
130)         $( "#amount23" ).addClass('active');
131)       } else if (this.id == "exampleInputAmount") {

132)         $( "button" ).removeClass('active');
133)         $( this ).addClass('active');

134)       }
135)     } else {
136)       $( ".amnt-btn" ).removeClass('active');
137)       $( this ).addClass('active');
138)       $('#amount').val(amount);
139)     }
140)     $('#amount').val(amount);
141)     $('#a3').val(amount);
142)     
143)     $("button[name='amnt']").click(function () {
144)       $(".form-control").val(null);
145)       $(".error-msg").css("display","none");
146)     });
147) 
148)     if (23 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 100) {
149)       $("#stickers").css("opacity","1");
150)       $("#tshirt").css("opacity","0.5");
151)       $("#hoody").css("opacity","0.5");
152)     }else if (100 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 500) {
153)       $("#tshirt").css("opacity","1");
154)       $("#stickers").css("opacity","0.5");
155)       $("#hoody").css("opacity","0.5");
156)     }else if (500 <= parseInt($("#amount").val())) {
157)       $("#hoody").css("opacity","1");
158)       $("#stickers").css("opacity","0.5");
159)       $("#tshirt").css("opacity","0.5");
160)     }else{
161)       $("#hoody").css("opacity","0.5");
162)       $("#stickers").css("opacity","0.5");
163)       $("#tshirt").css("opacity","0.5");

164)     }

165) 
166)   }
167)   $( document ).ready(function() {
168)     $("button[name='amnt']").click(displayVals);
169)     $("#exampleInputAmount").click(displayVals);
170)     $("#exampleInputAmount").change(displayVals);
171)     displayVals();
172) 
173)     $("#exampleInputAmount").change(function(){
174)       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
175)         $(".error-msg").css("display","block");
176)       } else{
177)         $(".error-msg").css("display","none");
178)       }
179)     });
180) 
181)     $("#donate-btn").click(function(event){
182)       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
183)         event.preventDefault();
184)         $(".error-msg").css("display","block");
185)       } else{
186)         $(".error-msg").css("display","none");
187)       }
188)     });
189) 
190)     $(".left").click(function(){
191)       $(".left").addClass('active');
192)       $(".right").removeClass('active');
193)     });
194)     $(".right").click(function(){
195)       $(".right").addClass('active');
196)       $(".left").removeClass('active');
197)     });
198)     
199)   });
200) 
201) 
202)   </script>
203)