tor-webwml.git

@@ -20,10 +21,11 @@

             </blockquote>

           </div>

-        </div>

-      </div>

-    </div>

+        </div><!-- container -->

+      </div><!-- row -->

+    </div><!-- quote-section -->

+    <div class="paypal-donate">

       <div class="container">

         <div class="row">

           <div class="col-sm-7">

@@ -92,6 +94,7 @@

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

               </div>

+              <!-- PAYPAL ESSENTIAL INPUTS -->

               <input type="hidden" id="amount" name="amount" value="">

               <input type="hidden" id="a3" name="a3" value="0">

               <input type="hidden" id="p3" name="p3" value="1">

@@ -106,14 +109,15 @@

               <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer">

             </form>

-        </div>

-      </div>

-    </div>

+          </div><!-- donate-section -->

+        </div><!-- row -->

+      </div><!-- container -->

+    </div><!-- paypal-donate -->

+    

+  </div><!-- donation -->

-  </div>

-  <!-- PAYPAL -->

   <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script>

   <script type="text/javascript">

   function displayVals() {

@@ -140,6 +144,8 @@

       $(".error-msg").css("display","none");

     });

+

+    // Perks functionality

     if (23 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 100) {

       $("#stickers").css("opacity","1");

       $("#tshirt").css("opacity","0.5");

@@ -165,6 +171,8 @@

     $("#exampleInputAmount").change(displayVals);

     displayVals();

+

+    // Paypal donate validation when changing other amount input 

     $("#exampleInputAmount").change(function(){

       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {

         $(".error-msg").css("display","block");

@@ -173,6 +181,7 @@

       }

     });

+    // Paypal donate validation when clicking on donate button 

     $("#donate-btn").click(function(event){

       if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {

         event.preventDefault();

@@ -182,6 +191,8 @@

       }

     });

+

+    // monthly or one-time donate functionality

     $(".left").click(function(){

       $(".left").addClass('active');

       $(".right").removeClass('active');