Browse code
Add redirects in wml for donate pages
hiromipaw authored on 22/11/2017 13:04:56
Showing 1 changed files
Browse code
Clean up unused donate pages
Sebastian Hahn authored on 23/11/2016 02:29:29
Showing 1 changed files
| ... | ... |
@@ -1,203 +0,0 @@ |
| 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)/shari.png" class="img-thumbnail img-responsive champion" alt="Shari Steele"> |
|
| 14 |
- </div> |
|
| 15 |
- |
|
| 16 |
- <div class="col-sm-9 col-xs-offset-0"> |
|
| 17 |
- <blockquote> |
|
| 18 |
-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. |
|
| 19 |
- <footer class="pull-right source-quote"><cite title="Source Title">Shari Steele</cite></footer> |
|
| 20 |
- </blockquote> |
|
| 21 |
- </div> |
|
| 22 |
- |
|
| 23 |
- </div> |
|
| 24 |
- </div> |
|
| 25 |
- </div> |
|
| 26 |
- |
|
| 27 |
- |
|
| 28 |
- <div class="container"> |
|
| 29 |
- |
|
| 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-sm-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div> |
|
| 45 |
- <div class="col-sm-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div> |
|
| 46 |
- <div class="col-sm-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div> |
|
| 47 |
- |
|
| 48 |
- </div> |
|
| 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" 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> |
|
| 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 href="<page donate/donate-options>">Other Ways to Donate</a></h4> |
|
| 95 |
- </div> |
|
| 96 |
- <input type="hidden" id="amount" name="amount" value=""> |
|
| 97 |
- <input type="hidden" id="a3" name="a3" value="0"> |
|
| 98 |
- <input type="hidden" id="p3" name="p3" value="1"> |
|
| 99 |
- <input type="hidden" id="t3" name="t3" value="M"> |
|
| 100 |
- <input type="hidden" name="sra" value="1"> |
|
| 101 |
- <input type="hidden" name="src" value="1"> |
|
| 102 |
- <input type="hidden" name="no_shipping" value="1"> |
|
| 103 |
- <input type="hidden" name="no_note" value="1"> |
|
| 104 |
- <input type="hidden" name="business" value="donations@torproject.org"> |
|
| 105 |
- <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project"> |
|
| 106 |
- <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou"> |
|
| 107 |
- <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer"> |
|
| 108 |
- |
|
| 109 |
- |
|
| 110 |
- </form> |
|
| 111 |
- </div> |
|
| 112 |
- </div> |
|
| 113 |
- </div> |
|
| 114 |
- |
|
| 115 |
- |
|
| 116 |
- |
|
| 117 |
- </div> |
|
| 118 |
- |
|
| 119 |
- |
|
| 120 |
- <!-- PAYPAL --> |
|
| 121 |
- <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script> |
|
| 122 |
- <script type="text/javascript"> |
|
| 123 |
- function displayVals() {
|
|
| 124 |
- var amount = $( this ).filter(".amnt-btn").val();
|
|
| 125 |
- if (amount == null) {
|
|
| 126 |
- amount = $("#exampleInputAmount").val();
|
|
| 127 |
- if ($('#amount').val() == "" && !($("#exampleInputAmount").hasClass("active")) ) {
|
|
| 128 |
- amount = 23 |
|
| 129 |
- $( "#amount23" ).addClass('active');
|
|
| 130 |
- } else if (this.id == "exampleInputAmount") {
|
|
| 131 |
- $( "button" ).removeClass('active');
|
|
| 132 |
- $( this ).addClass('active');
|
|
| 133 |
- } |
|
| 134 |
- } else {
|
|
| 135 |
- $( ".amnt-btn" ).removeClass('active');
|
|
| 136 |
- $( this ).addClass('active');
|
|
| 137 |
- $('#amount').val(amount);
|
|
| 138 |
- } |
|
| 139 |
- $('#amount').val(amount);
|
|
| 140 |
- $('#a3').val(amount);
|
|
| 141 |
- |
|
| 142 |
- $("button[name='amnt']").click(function () {
|
|
| 143 |
- $(".form-control").val(null);
|
|
| 144 |
- $(".error-msg").css("display","none");
|
|
| 145 |
- }); |
|
| 146 |
- |
|
| 147 |
- if (23 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 100) {
|
|
| 148 |
- $("#stickers").css("opacity","1");
|
|
| 149 |
- $("#tshirt").css("opacity","0.5");
|
|
| 150 |
- $("#hoody").css("opacity","0.5");
|
|
| 151 |
- }else if (100 <= parseInt($("#amount").val()) && parseInt($("#amount").val()) < 500) {
|
|
| 152 |
- $("#tshirt").css("opacity","1");
|
|
| 153 |
- $("#stickers").css("opacity","0.5");
|
|
| 154 |
- $("#hoody").css("opacity","0.5");
|
|
| 155 |
- }else if (500 <= parseInt($("#amount").val())) {
|
|
| 156 |
- $("#hoody").css("opacity","1");
|
|
| 157 |
- $("#stickers").css("opacity","0.5");
|
|
| 158 |
- $("#tshirt").css("opacity","0.5");
|
|
| 159 |
- }else{
|
|
| 160 |
- $("#hoody").css("opacity","0.5");
|
|
| 161 |
- $("#stickers").css("opacity","0.5");
|
|
| 162 |
- $("#tshirt").css("opacity","0.5");
|
|
| 163 |
- } |
|
| 164 |
- |
|
| 165 |
- } |
|
| 166 |
- $( document ).ready(function() {
|
|
| 167 |
- $("button[name='amnt']").click(displayVals);
|
|
| 168 |
- $("#exampleInputAmount").click(displayVals);
|
|
| 169 |
- $("#exampleInputAmount").change(displayVals);
|
|
| 170 |
- displayVals(); |
|
| 171 |
- |
|
| 172 |
- $("#exampleInputAmount").change(function(){
|
|
| 173 |
- if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
|
|
| 174 |
- $(".error-msg").css("display","block");
|
|
| 175 |
- } else{
|
|
| 176 |
- $(".error-msg").css("display","none");
|
|
| 177 |
- } |
|
| 178 |
- }); |
|
| 179 |
- |
|
| 180 |
- $("#donate-btn").click(function(event){
|
|
| 181 |
- if ($("#amount").val() == "" || parseInt($("#amount").val()) < 5) {
|
|
| 182 |
- event.preventDefault(); |
|
| 183 |
- $(".error-msg").css("display","block");
|
|
| 184 |
- } else{
|
|
| 185 |
- $(".error-msg").css("display","none");
|
|
| 186 |
- } |
|
| 187 |
- }); |
|
| 188 |
- |
|
| 189 |
- $(".left").click(function(){
|
|
| 190 |
- $(".left").addClass('active');
|
|
| 191 |
- $(".right").removeClass('active');
|
|
| 192 |
- }); |
|
| 193 |
- $(".right").click(function(){
|
|
| 194 |
- $(".right").addClass('active');
|
|
| 195 |
- $(".left").removeClass('active');
|
|
| 196 |
- }); |
|
| 197 |
- |
|
| 198 |
- }); |
|
| 199 |
- |
|
| 200 |
- |
|
| 201 |
- </script> |
|
| 202 |
- |
|
| 203 |
-#include <donatefoot.wmi> |
Browse code
fix other amount input in donation page
MehrabKamrani authored on 30/04/2016 21:32:25
• Sebastian Hahn committed on 03/05/2016 10:45:44
Showing 1 changed files
| ... | ... |
@@ -124,7 +124,7 @@ Tor is an essential part of the Internet freedom infrastructure, and I'm looking |
| 124 | 124 |
var amount = $( this ).filter(".amnt-btn").val();
|
| 125 | 125 |
if (amount == null) {
|
| 126 | 126 |
amount = $("#exampleInputAmount").val();
|
| 127 |
- if ($('#amount').val() == "") {
|
|
| 127 |
+ if ($('#amount').val() == "" && !($("#exampleInputAmount").hasClass("active")) ) {
|
|
| 128 | 128 |
amount = 23 |
| 129 | 129 |
$( "#amount23" ).addClass('active');
|
| 130 | 130 |
} else if (this.id == "exampleInputAmount") {
|
Browse code
swap out that roger guy for a new champion
Roger Dingledine authored on 15/12/2015 03:20:36
Showing 1 changed files
| ... | ... |
@@ -10,14 +10,13 @@ |
| 10 | 10 |
<div class="container"> |
| 11 | 11 |
<div class="row"> |
| 12 | 12 |
<div class="col-sm-3 img-section"> |
| 13 |
- <img src="$(IMGROOT)/roger.png" class="img-thumbnail img-responsive champion" alt="Roger Dingledine"> |
|
| 13 |
+ <img src="$(IMGROOT)/shari.png" class="img-thumbnail img-responsive champion" alt="Shari Steele"> |
|
| 14 | 14 |
</div> |
| 15 | 15 |
|
| 16 | 16 |
<div class="col-sm-9 col-xs-offset-0"> |
| 17 | 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> |
|
| 18 |
+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. |
|
| 19 |
+ <footer class="pull-right source-quote"><cite title="Source Title">Shari Steele</cite></footer> |
|
| 21 | 20 |
</blockquote> |
| 22 | 21 |
</div> |
| 23 | 22 |
|
Browse code
make donate button green
Nima Fatemi authored on 08/12/2015 23:42:10
Showing 1 changed files
| ... | ... |
@@ -90,7 +90,7 @@ |
| 90 | 90 |
</div> |
| 91 | 91 |
<div style="padding: 0 15px;"> |
| 92 | 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> |
|
| 93 |
+ <button id="donate-btn" class="btn btn-primary btn-lg btn-block donate-button" style="padding:10px;">Donate</button> |
|
| 94 | 94 |
<h5>via PayPal (doesn't require an account)</h5> |
| 95 | 95 |
<h4><a href="<page donate/donate-options>">Other Ways to Donate</a></h4> |
| 96 | 96 |
</div> |
Browse code
fix the swag message a bit
Nima Fatemi authored on 08/12/2015 20:19:13
Showing 1 changed files
| ... | ... |
@@ -32,7 +32,7 @@ |
| 32 | 32 |
<div class="col-sm-7"> |
| 33 | 33 |
<h2 class="main-text">Your support is critical to our success</h2> |
| 34 | 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> |
|
| 35 |
+ <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> |
|
| 36 | 36 |
|
| 37 | 37 |
<noscript class="perks"> |
| 38 | 38 |
<h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4> |
Browse code
fix min donation message
Nima Fatemi authored on 08/12/2015 20:04:43
Showing 1 changed files
| ... | ... |
@@ -84,13 +84,13 @@ |
| 84 | 84 |
<label class="sr-only" for="exampleInputAmount">1</label> |
| 85 | 85 |
<div class="input-group"> |
| 86 | 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 (minimum $5)"> |
|
| 87 |
+ <input type="number" min="5" step="1" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="other amount"> |
|
| 88 | 88 |
</div> |
| 89 | 89 |
</div> |
| 90 | 90 |
</div> |
| 91 | 91 |
<div style="padding: 0 15px;"> |
| 92 |
+ <h5 class="error-msg">The minimum donation amount is $5</h5> |
|
| 92 | 93 |
<button id="donate-btn" class="btn btn-primary btn-lg btn-block" style="padding:10px;">Donate</button> |
| 93 |
- <h5 class="error-msg">Please enter an amount above $5</h5> |
|
| 94 | 94 |
<h5>via PayPal (doesn't require an account)</h5> |
| 95 | 95 |
<h4><a href="<page donate/donate-options>">Other Ways to Donate</a></h4> |
| 96 | 96 |
</div> |
Browse code
fixing other ways to donate link
Nima Fatemi authored on 08/12/2015 19:57:28
Showing 1 changed files
| ... | ... |
@@ -92,7 +92,7 @@ |
| 92 | 92 |
<button id="donate-btn" class="btn btn-primary btn-lg btn-block" style="padding:10px;">Donate</button> |
| 93 | 93 |
<h5 class="error-msg">Please enter an amount above $5</h5> |
| 94 | 94 |
<h5>via PayPal (doesn't require an account)</h5> |
| 95 |
- <h4><a href="../donate/donate-options.html.en">Other Ways to Donate</a></h4> |
|
| 95 |
+ <h4><a href="<page donate/donate-options>">Other Ways to Donate</a></h4> |
|
| 96 | 96 |
</div> |
| 97 | 97 |
<input type="hidden" id="amount" name="amount" value=""> |
| 98 | 98 |
<input type="hidden" id="a3" name="a3" value="0"> |
Browse code
updating donate.wml
introducing donation page two-point-O'h-fancy
Nima Fatemi authored on 08/12/2015 19:54:31
Showing 1 changed files
| ... | ... |
@@ -5,102 +5,200 @@ |
| 5 | 5 |
#include "donatehead.wmi" TITLE="Donate to keep Tor alive!" CHARSET="UTF-8" |
| 6 | 6 |
|
| 7 | 7 |
<div class="donation"> |
| 8 |
- <div class="container"> |
|
| 9 |
- <div class="row"> |
|
| 10 |
- <div class="col-md-6"> |
|
| 11 |
- |
|
| 12 |
- <h2 style="padding:2px; margin-bottom:10px;" class="text-justify">This is what a Tor supporter looks like:</h2> |
|
| 13 |
- <div class="row col-md-offset-0"> |
|
| 14 |
- <div class="col-md-4" style="padding:10px;"> |
|
| 15 |
- <img src="$(IMGROOT)/laura_poitras.jpg" class="class=img-rounded img-responsive" alt="Laura Poitras"> |
|
| 16 |
- </div> |
|
| 17 |
- <div class="col-md-8 col-md-offset-0"> |
|
| 18 |
- <h1><small>Laura Poitras</small></h1> |
|
| 19 |
- <blockquote style="padding:5px;">"Edward Snowden would not have been able to contact me without Tor and other free software encryption projects. Journalists need Tor to protect their sources and to research freely. It is an essential tool, and it needs our support."</blockquote> |
|
| 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"> |
|
| 20 | 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> |
|
| 21 | 22 |
</div> |
| 22 |
- </div> |
|
| 23 |
- <div class="col-md-6"> |
|
| 24 |
- <div style="margin-left:20px;"> |
|
| 25 |
- <h2 class="text-justify">Donate!</h2> |
|
| 23 |
+ |
|
| 24 |
+ </div> |
|
| 26 | 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> |
|
| 27 | 48 |
|
| 28 |
- <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post"> |
|
| 29 |
- |
|
| 30 |
- <div style="margin-top:20px;" class="btn-group btn-group-lg" role="group"> |
|
| 31 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount1" name="amnt" type="button" class="btn btn-default btn-lg btn-block">10</button></div> |
|
| 32 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount2" name="amnt" type="button" class="btn btn-default btn-lg btn-block active" data-toggle="tooltip" data-placement="bottom" title="You get a tshirt!">100</button></div> |
|
| 33 |
- <div style="padding-bottom:5px;" class="col-md-4" ><button id="amount3" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="You get a tshirt!">256</button></div> |
|
| 34 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block" title="You get a sticker!">23</button></div> |
|
| 35 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount5" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="You get a hoody!">500</button></div> |
|
| 36 |
- <div class="row form-group-lg"> |
|
| 37 |
- <label class="sr-only" for="exampleInputAmount">1</label> |
|
| 38 |
- <div class="input-group"> |
|
| 39 |
- <div class="input-group-addon">$</div> |
|
| 40 |
- <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount"> |
|
| 41 |
- </div> |
|
| 42 |
- </div> |
|
| 43 | 49 |
</div> |
| 44 |
- <div style="padding:10px;" class="row col-md-offset-0"> |
|
| 45 |
- <label> |
|
| 46 |
- <input type="radio" name="cmd" id="blankRadio1" value="_donations" aria-label="one_time"> One-time Donation |
|
| 47 |
- </label> |
|
| 48 |
- |
|
| 49 |
- <label> |
|
| 50 |
- <input type="radio" name="cmd" id="blankRadio2" value="_xclick-subscriptions" aria-label="monthly" checked> Monthly Donation |
|
| 51 |
- </label> |
|
| 52 |
- </div> |
|
| 53 |
- <div class="row col-md-offset-0"> |
|
| 54 |
- <button class="btn btn-primary btn-lg btn-block" style="padding:10px; margin:5px;">Donate</button> |
|
| 55 |
- <h4><a href="<page donate/donate-options>">other ways to donate</a></h4> |
|
| 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 (minimum $5)"> |
|
| 88 |
+ </div> |
|
| 89 |
+ </div> |
|
| 90 |
+ </div> |
|
| 91 |
+ <div style="padding: 0 15px;"> |
|
| 92 |
+ <button id="donate-btn" class="btn btn-primary btn-lg btn-block" style="padding:10px;">Donate</button> |
|
| 93 |
+ <h5 class="error-msg">Please enter an amount above $5</h5> |
|
| 94 |
+ <h5>via PayPal (doesn't require an account)</h5> |
|
| 95 |
+ <h4><a href="../donate/donate-options.html.en">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> |
|
| 56 | 112 |
</div> |
| 57 |
- <!-- Add the extra clearfix for only the required viewport --> |
|
| 58 |
- <div class="clearfix visible-xs-block"></div> |
|
| 59 | 113 |
</div> |
| 60 |
- <input type="hidden" id="amount" name="amount" value="100"> |
|
| 61 |
- <input type="hidden" id="a3" name="a3" value="0"> |
|
| 62 |
- <input type="hidden" id="p3" name="p3" value="1"> |
|
| 63 |
- <input type="hidden" id="t3" name="t3" value="M"> |
|
| 64 |
- <input type="hidden" name="sra" value="1"> |
|
| 65 |
- <input type="hidden" name="src" value="1"> |
|
| 66 |
- <input type="hidden" name="no_shipping" value="1"> |
|
| 67 |
- <input type="hidden" name="no_note" value="1"> |
|
| 68 |
- <input type="hidden" name="business" value="donations@torproject.org"> |
|
| 69 |
- <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project"> |
|
| 70 |
- <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou"> |
|
| 71 |
- <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer"> |
|
| 72 |
- </form> |
|
| 73 | 114 |
</div> |
| 74 |
-</div> |
|
| 115 |
+ |
|
| 116 |
+ |
|
| 117 |
+ |
|
| 118 |
+ </div> |
|
| 75 | 119 |
|
| 76 |
-<!-- BEGIN PAYPAL --> |
|
| 77 |
-<script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script> |
|
| 78 |
-<script type="text/javascript"> |
|
| 79 |
-function displayVals() {
|
|
| 80 |
- var amount = $( this ).filter(":button").html();
|
|
| 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();
|
|
| 81 | 126 |
if (amount == null) {
|
| 82 |
- amount = $( this ).filter("input").val();
|
|
| 83 |
- if (amount == null) {
|
|
| 84 |
- amount = 100; |
|
| 85 |
- } else if (this.id == "exampleInputAmount") {
|
|
| 86 |
- $( "button" ).removeClass('active');
|
|
| 87 |
- $( this ).addClass('active');
|
|
| 88 |
- } |
|
| 89 |
- } else {
|
|
| 127 |
+ amount = $("#exampleInputAmount").val();
|
|
| 128 |
+ if ($('#amount').val() == "") {
|
|
| 129 |
+ amount = 23 |
|
| 130 |
+ $( "#amount23" ).addClass('active');
|
|
| 131 |
+ } else if (this.id == "exampleInputAmount") {
|
|
| 90 | 132 |
$( "button" ).removeClass('active');
|
| 91 | 133 |
$( this ).addClass('active');
|
| 92 |
- jQuery('#amount').val(amount);
|
|
| 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");
|
|
| 93 | 164 |
} |
| 94 |
- jQuery('#amount').val(amount);
|
|
| 95 |
- jQuery('#a3').val(amount);
|
|
| 96 |
-} |
|
| 97 |
- |
|
| 98 |
-jQuery(function(){
|
|
| 99 |
- jQuery("button[name='amnt']").click(displayVals);
|
|
| 100 |
- //jQuery("input[name='cmd']").click(displayVals);
|
|
| 101 |
- jQuery("#exampleInputAmount").click(displayVals);
|
|
| 102 |
- jQuery("#exampleInputAmount").change(displayVals);
|
|
| 103 |
- displayVals(); |
|
| 104 |
-}); |
|
| 105 |
-</script> |
|
| 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 |
+ |
|
| 106 | 204 |
#include <donatefoot.wmi> |
Browse code
Adding swag page, update tshirt page and small changes to the other pages.
toya authored on 24/11/2015 07:35:18
Showing 1 changed files
| ... | ... |
@@ -29,10 +29,10 @@ |
| 29 | 29 |
|
| 30 | 30 |
<div style="margin-top:20px;" class="btn-group btn-group-lg" role="group"> |
| 31 | 31 |
<div style="padding-bottom:5px;" class="col-md-4"><button id="amount1" name="amnt" type="button" class="btn btn-default btn-lg btn-block">10</button></div> |
| 32 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount2" name="amnt" type="button" class="btn btn-default btn-lg btn-block active" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">100</button></div> |
|
| 33 |
- <div style="padding-bottom:5px;" class="col-md-4" ><button id="amount3" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">256</button></div> |
|
| 34 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block">50</button></div> |
|
| 35 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount5" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">500</button></div> |
|
| 32 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount2" name="amnt" type="button" class="btn btn-default btn-lg btn-block active" data-toggle="tooltip" data-placement="bottom" title="You get a tshirt!">100</button></div> |
|
| 33 |
+ <div style="padding-bottom:5px;" class="col-md-4" ><button id="amount3" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="You get a tshirt!">256</button></div> |
|
| 34 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block" title="You get a sticker!">23</button></div> |
|
| 35 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount5" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="You get a hoody!">500</button></div> |
|
| 36 | 36 |
<div class="row form-group-lg"> |
| 37 | 37 |
<label class="sr-only" for="exampleInputAmount">1</label> |
| 38 | 38 |
<div class="input-group"> |
Browse code
Merge remote-tracking branch 'isa/donation-updates' into staging
Mike Perry authored on 23/11/2015 19:52:21
Showing 0 changed files
Browse code
first commit
toya authored on 23/11/2015 18:57:39
Showing 1 changed files
| ... | ... |
@@ -8,12 +8,13 @@ |
| 8 | 8 |
<div class="container"> |
| 9 | 9 |
<div class="row"> |
| 10 | 10 |
<div class="col-md-6"> |
| 11 |
- <div class="row col-md-offset-0"> |
|
| 11 |
+ |
|
| 12 | 12 |
<h2 style="padding:2px; margin-bottom:10px;" class="text-justify">This is what a Tor supporter looks like:</h2> |
| 13 |
+ <div class="row col-md-offset-0"> |
|
| 13 | 14 |
<div class="col-md-4" style="padding:10px;"> |
| 14 | 15 |
<img src="$(IMGROOT)/laura_poitras.jpg" class="class=img-rounded img-responsive" alt="Laura Poitras"> |
| 15 | 16 |
</div> |
| 16 |
- <div class="col-md-8"> |
|
| 17 |
+ <div class="col-md-8 col-md-offset-0"> |
|
| 17 | 18 |
<h1><small>Laura Poitras</small></h1> |
| 18 | 19 |
<blockquote style="padding:5px;">"Edward Snowden would not have been able to contact me without Tor and other free software encryption projects. Journalists need Tor to protect their sources and to research freely. It is an essential tool, and it needs our support."</blockquote> |
| 19 | 20 |
</div> |
| ... | ... |
@@ -30,14 +31,13 @@ |
| 30 | 31 |
<div style="padding-bottom:5px;" class="col-md-4"><button id="amount1" name="amnt" type="button" class="btn btn-default btn-lg btn-block">10</button></div> |
| 31 | 32 |
<div style="padding-bottom:5px;" class="col-md-4"><button id="amount2" name="amnt" type="button" class="btn btn-default btn-lg btn-block active" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">100</button></div> |
| 32 | 33 |
<div style="padding-bottom:5px;" class="col-md-4" ><button id="amount3" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">256</button></div> |
| 33 |
- <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block">23</button></div> |
|
| 34 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block">50</button></div> |
|
| 34 | 35 |
<div style="padding-bottom:5px;" class="col-md-4"><button id="amount5" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">500</button></div> |
| 35 | 36 |
<div class="row form-group-lg"> |
| 36 | 37 |
<label class="sr-only" for="exampleInputAmount">1</label> |
| 37 | 38 |
<div class="input-group"> |
| 38 | 39 |
<div class="input-group-addon">$</div> |
| 39 |
- <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="1000+?"> |
|
| 40 |
- <div class="input-group-addon">.00</div> |
|
| 40 |
+ <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount"> |
|
| 41 | 41 |
</div> |
| 42 | 42 |
</div> |
| 43 | 43 |
</div> |
Browse code
Fix paypal glitch.
Mike Perry authored on 23/11/2015 04:28:39
Showing 1 changed files
| ... | ... |
@@ -97,7 +97,7 @@ function displayVals() {
|
| 97 | 97 |
|
| 98 | 98 |
jQuery(function(){
|
| 99 | 99 |
jQuery("button[name='amnt']").click(displayVals);
|
| 100 |
- jQuery("input[name='cmd']").click(displayVals);
|
|
| 100 |
+ //jQuery("input[name='cmd']").click(displayVals);
|
|
| 101 | 101 |
jQuery("#exampleInputAmount").click(displayVals);
|
| 102 | 102 |
jQuery("#exampleInputAmount").change(displayVals);
|
| 103 | 103 |
displayVals(); |
Browse code
Donate page: Fix the radio button toggle amount glitch.
Mike Perry authored on 23/11/2015 03:33:04
Showing 1 changed files
| ... | ... |
@@ -36,7 +36,7 @@ |
| 36 | 36 |
<label class="sr-only" for="exampleInputAmount">1</label> |
| 37 | 37 |
<div class="input-group"> |
| 38 | 38 |
<div class="input-group-addon">$</div> |
| 39 |
- <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="1000!?"> |
|
| 39 |
+ <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="1000+?"> |
|
| 40 | 40 |
<div class="input-group-addon">.00</div> |
| 41 | 41 |
</div> |
| 42 | 42 |
</div> |
| ... | ... |
@@ -82,7 +82,7 @@ function displayVals() {
|
| 82 | 82 |
amount = $( this ).filter("input").val();
|
| 83 | 83 |
if (amount == null) {
|
| 84 | 84 |
amount = 100; |
| 85 |
- } else {
|
|
| 85 |
+ } else if (this.id == "exampleInputAmount") {
|
|
| 86 | 86 |
$( "button" ).removeClass('active');
|
| 87 | 87 |
$( this ).addClass('active');
|
| 88 | 88 |
} |
Browse code
Fix donate page footer
Sebastian Hahn authored on 20/11/2015 16:34:12
Showing 1 changed files
| ... | ... |
@@ -103,57 +103,4 @@ jQuery(function(){
|
| 103 | 103 |
displayVals(); |
| 104 | 104 |
}); |
| 105 | 105 |
</script> |
| 106 |
- |
|
| 107 |
- <!-- <div class="hundred toptwenty"> |
|
| 108 |
- <div class="dbox donate" style="text-align: center;"> |
|
| 109 |
- <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post"> |
|
| 110 |
- <p class="type"> |
|
| 111 |
- <select id="t3" name="t3"> |
|
| 112 |
- <option value="0">One-time Donation</option> |
|
| 113 |
- <option value="M">Monthly Subscription</option> |
|
| 114 |
- </select> |
|
| 115 |
- <small id="ppinfo">Does Not Require a PayPal |
|
| 116 |
-Account</small> |
|
| 117 |
- </p> |
|
| 118 |
- <div class="drow" style="text-align: center;"> |
|
| 119 |
- <div style="text-align: center;"> |
|
| 120 |
- <ul class="amounts"> |
|
| 121 |
- <li> |
|
| 122 |
- <select name="currency_code" class="cur"> |
|
| 123 |
- <option value="USD" selected="selected">$</option> |
|
| 124 |
- <option value="EUR">€</option> |
|
| 125 |
- <option value="GBP">£</option> |
|
| 126 |
- </select> |
|
| 127 |
- </li> |
|
| 128 |
- <li><input type="radio" class="radio" name="amount" value="10.00"><label for="10">10 </label></li> |
|
| 129 |
- <li><input type="radio" class="radio" name="amount" value="23.00"><label for="23">23 </label></li> |
|
| 130 |
- <li><input type="radio" class="radio" name="amount" value="100.00" checked="checked"><label for="100">100 </label></li> |
|
| 131 |
- <li><input type="radio" class="radio" name="amount" value="256.00"><label for="256">256</label></li> |
|
| 132 |
- <li><input type="radio" class="radio" name="amount" value="500.00"><label for="500">500</label></li> |
|
| 133 |
- <li><input id="other" type="radio" class="radio" name="amount" value="other"><label for="other">other</label></li> |
|
| 134 |
- <li><input style="display: none;" type="text" id="amount" class="amount" name="amount"></li> |
|
| 135 |
- </ul> |
|
| 136 |
- </div> |
|
| 137 |
- <div style="text-align: center;"> |
|
| 138 |
- <input type="hidden" id="a3" name="a3" value="0"> |
|
| 139 |
-< !-- <input class="donate-btn" type="submit" name="donate" value="Donate" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> -/- > |
|
| 140 |
- </div> |
|
| 141 |
- <input type="hidden" id="p3" name="p3" value="1"> |
|
| 142 |
- <input type="hidden" name="sra" value="1"> |
|
| 143 |
- <input type="hidden" name="src" value="1"> |
|
| 144 |
- <input type="hidden" name="no_shipping" value="1"> |
|
| 145 |
- <input type="hidden" name="no_note" value="1"> |
|
| 146 |
- <input type="hidden" id="cmd" name="cmd" value="_donations"> |
|
| 147 |
- <input type="hidden" name="business" value="donations@torproject.org"> |
|
| 148 |
- <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project"> |
|
| 149 |
- <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou"> |
|
| 150 |
- <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer"> |
|
| 151 |
- </div> |
|
| 152 |
- <div style="text-align: center;"> |
|
| 153 |
- <input type="image" src="$(IMGROOT)/paypal_logo.jpg" height="55" name="submit" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> |
|
| 154 |
- </div> |
|
| 155 |
- </form> |
|
| 156 |
- </div> |
|
| 157 |
- </div>--> |
|
| 158 |
-<!-- END PAYPAL --> |
|
| 159 |
-# include <donatefoot.wmi> |
|
| 106 |
+#include <donatefoot.wmi> |
Browse code
include some images
Sebastian Hahn authored on 20/11/2015 15:57:44
Showing 1 changed files
| ... | ... |
@@ -11,7 +11,7 @@ |
| 11 | 11 |
<div class="row col-md-offset-0"> |
| 12 | 12 |
<h2 style="padding:2px; margin-bottom:10px;" class="text-justify">This is what a Tor supporter looks like:</h2> |
| 13 | 13 |
<div class="col-md-4" style="padding:10px;"> |
| 14 |
- <img src="img/laura_poitras.jpg" class="class=img-rounded img-responsive" alt="Laura Poitras"> |
|
| 14 |
+ <img src="$(IMGROOT)/laura_poitras.jpg" class="class=img-rounded img-responsive" alt="Laura Poitras"> |
|
| 15 | 15 |
</div> |
| 16 | 16 |
<div class="col-md-8"> |
| 17 | 17 |
<h1><small>Laura Poitras</small></h1> |
Browse code
New donate page attempts
Sebastian Hahn authored on 20/11/2015 15:41:35
Showing 1 changed files
| ... | ... |
@@ -2,67 +2,109 @@ |
| 2 | 2 |
# Revision: $Revision$ |
| 3 | 3 |
# Translation-Priority: 3-low |
| 4 | 4 |
|
| 5 |
-#include "donatehead.wmi" TITLE="Tor Project: Donate to Tor" CHARSET="UTF-8" |
|
| 6 |
-<div id="content" class="clearfix"> |
|
| 7 |
-<!-- <div id="breadcrumbs"> |
|
| 8 |
- <a href="<page index>">Home » </a> |
|
| 9 |
- <a href="<page donate/donate>">Donate</a> |
|
| 10 |
- </div> --> |
|
| 11 |
-<div id="maincol"> |
|
| 12 |
- <h1>Make A Donation</h1> |
|
| 13 |
- <p><strong>Your support is critical to our success.</strong> The |
|
| 14 |
- Tor Project is a US non-profit organization dedicated to research, |
|
| 15 |
- development, and education about online anonymity and privacy. |
|
| 16 |
- </p> |
|
| 5 |
+#include "donatehead.wmi" TITLE="Donate to keep Tor alive!" CHARSET="UTF-8" |
|
| 6 |
+ |
|
| 7 |
+<div class="donation"> |
|
| 8 |
+ <div class="container"> |
|
| 9 |
+ <div class="row"> |
|
| 10 |
+ <div class="col-md-6"> |
|
| 11 |
+ <div class="row col-md-offset-0"> |
|
| 12 |
+ <h2 style="padding:2px; margin-bottom:10px;" class="text-justify">This is what a Tor supporter looks like:</h2> |
|
| 13 |
+ <div class="col-md-4" style="padding:10px;"> |
|
| 14 |
+ <img src="img/laura_poitras.jpg" class="class=img-rounded img-responsive" alt="Laura Poitras"> |
|
| 15 |
+ </div> |
|
| 16 |
+ <div class="col-md-8"> |
|
| 17 |
+ <h1><small>Laura Poitras</small></h1> |
|
| 18 |
+ <blockquote style="padding:5px;">"Edward Snowden would not have been able to contact me without Tor and other free software encryption projects. Journalists need Tor to protect their sources and to research freely. It is an essential tool, and it needs our support."</blockquote> |
|
| 19 |
+ </div> |
|
| 20 |
+ </div> |
|
| 21 |
+ </div> |
|
| 22 |
+ <div class="col-md-6"> |
|
| 23 |
+ <div style="margin-left:20px;"> |
|
| 24 |
+ <h2 class="text-justify">Donate!</h2> |
|
| 25 |
+ </div> |
|
| 26 |
+ |
|
| 27 |
+ <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post"> |
|
| 28 |
+ |
|
| 29 |
+ <div style="margin-top:20px;" class="btn-group btn-group-lg" role="group"> |
|
| 30 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount1" name="amnt" type="button" class="btn btn-default btn-lg btn-block">10</button></div> |
|
| 31 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount2" name="amnt" type="button" class="btn btn-default btn-lg btn-block active" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">100</button></div> |
|
| 32 |
+ <div style="padding-bottom:5px;" class="col-md-4" ><button id="amount3" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">256</button></div> |
|
| 33 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount4" name="amnt" type="button" class="btn btn-default btn-lg btn-block">23</button></div> |
|
| 34 |
+ <div style="padding-bottom:5px;" class="col-md-4"><button id="amount5" name="amnt" type="button" class="btn btn-default btn-lg btn-block" data-toggle="tooltip" data-placement="bottom" title="For this amount you get a tshirt!">500</button></div> |
|
| 35 |
+ <div class="row form-group-lg"> |
|
| 36 |
+ <label class="sr-only" for="exampleInputAmount">1</label> |
|
| 37 |
+ <div class="input-group"> |
|
| 38 |
+ <div class="input-group-addon">$</div> |
|
| 39 |
+ <input type="text" name="custom_amnt" class="form-control" id="exampleInputAmount" placeholder="1000!?"> |
|
| 40 |
+ <div class="input-group-addon">.00</div> |
|
| 41 |
+ </div> |
|
| 42 |
+ </div> |
|
| 43 |
+ </div> |
|
| 44 |
+ <div style="padding:10px;" class="row col-md-offset-0"> |
|
| 45 |
+ <label> |
|
| 46 |
+ <input type="radio" name="cmd" id="blankRadio1" value="_donations" aria-label="one_time"> One-time Donation |
|
| 47 |
+ </label> |
|
| 48 |
+ |
|
| 49 |
+ <label> |
|
| 50 |
+ <input type="radio" name="cmd" id="blankRadio2" value="_xclick-subscriptions" aria-label="monthly" checked> Monthly Donation |
|
| 51 |
+ </label> |
|
| 52 |
+ </div> |
|
| 53 |
+ <div class="row col-md-offset-0"> |
|
| 54 |
+ <button class="btn btn-primary btn-lg btn-block" style="padding:10px; margin:5px;">Donate</button> |
|
| 55 |
+ <h4><a href="<page donate/donate-options>">other ways to donate</a></h4> |
|
| 56 |
+ </div> |
|
| 57 |
+ <!-- Add the extra clearfix for only the required viewport --> |
|
| 58 |
+ <div class="clearfix visible-xs-block"></div> |
|
| 59 |
+ </div> |
|
| 60 |
+ <input type="hidden" id="amount" name="amount" value="100"> |
|
| 61 |
+ <input type="hidden" id="a3" name="a3" value="0"> |
|
| 62 |
+ <input type="hidden" id="p3" name="p3" value="1"> |
|
| 63 |
+ <input type="hidden" id="t3" name="t3" value="M"> |
|
| 64 |
+ <input type="hidden" name="sra" value="1"> |
|
| 65 |
+ <input type="hidden" name="src" value="1"> |
|
| 66 |
+ <input type="hidden" name="no_shipping" value="1"> |
|
| 67 |
+ <input type="hidden" name="no_note" value="1"> |
|
| 68 |
+ <input type="hidden" name="business" value="donations@torproject.org"> |
|
| 69 |
+ <input type="hidden" id="item_name" name="item_name" value="Donation to the Tor Project"> |
|
| 70 |
+ <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou"> |
|
| 71 |
+ <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer"> |
|
| 72 |
+ </form> |
|
| 73 |
+ </div> |
|
| 74 |
+</div> |
|
| 17 | 75 |
|
| 18 | 76 |
<!-- BEGIN PAYPAL --> |
| 19 | 77 |
<script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script> |
| 20 | 78 |
<script type="text/javascript"> |
| 21 | 79 |
function displayVals() {
|
| 22 |
- var radioVal = jQuery('input[@name="amount"]:checked').val();
|
|
| 23 |
- if (radioVal == 'other') {
|
|
| 24 |
- jQuery('#amount').show();
|
|
| 25 |
- } else {
|
|
| 26 |
- jQuery('#amount').val("");
|
|
| 27 |
- jQuery('#amount').hide();
|
|
| 28 |
- } |
|
| 29 |
- var t3 = jQuery('#t3').val();
|
|
| 30 |
- var amount = jQuery('#amount').val();
|
|
| 31 |
- if(t3 != 0){
|
|
| 32 |
- if( !amount ) {
|
|
| 33 |
- jQuery('#a3').val(radioVal);
|
|
| 34 |
- }else{
|
|
| 35 |
- jQuery('#a3').val(amount);
|
|
| 36 |
- } |
|
| 37 |
- jQuery('#p3').val(1);
|
|
| 38 |
- jQuery('#cmd').val('_xclick-subscriptions');
|
|
| 39 |
- jQuery('#item_name').val('Tor Project Membership');
|
|
| 40 |
- jQuery('#ppinfo').replaceWith('<small id="ppinfo">Requires a PayPal Account</small>');
|
|
| 41 |
- }else{
|
|
| 42 |
- jQuery('#a3').val(0);
|
|
| 43 |
- jQuery('#p3').val(0);
|
|
| 44 |
- jQuery('#cmd').val('_donations');
|
|
| 45 |
- jQuery('#item_name').val('Donation to the Tor Project');
|
|
| 46 |
- jQuery('#ppinfo').replaceWith('<small id="ppinfo">Does Not Require a PayPal Account</small>');
|
|
| 47 |
- } |
|
| 48 |
- if( !t3 ) {
|
|
| 49 |
- jQuery('#cmd').val('_donations');
|
|
| 50 |
- jQuery('#item_name').val('Donation to the Tor Project');
|
|
| 51 |
- jQuery('#ppinfo').replaceWith('<small id="ppinfo">Does Not Require a PayPal Account</small>');
|
|
| 52 |
- } |
|
| 80 |
+ var amount = $( this ).filter(":button").html();
|
|
| 81 |
+ if (amount == null) {
|
|
| 82 |
+ amount = $( this ).filter("input").val();
|
|
| 83 |
+ if (amount == null) {
|
|
| 84 |
+ amount = 100; |
|
| 85 |
+ } else {
|
|
| 86 |
+ $( "button" ).removeClass('active');
|
|
| 87 |
+ $( this ).addClass('active');
|
|
| 88 |
+ } |
|
| 89 |
+ } else {
|
|
| 90 |
+ $( "button" ).removeClass('active');
|
|
| 91 |
+ $( this ).addClass('active');
|
|
| 92 |
+ jQuery('#amount').val(amount);
|
|
| 93 |
+ } |
|
| 94 |
+ jQuery('#amount').val(amount);
|
|
| 95 |
+ jQuery('#a3').val(amount);
|
|
| 53 | 96 |
} |
| 54 | 97 |
|
| 55 | 98 |
jQuery(function(){
|
| 56 |
- jQuery("input[@name='amount']:checked").change(displayVals);
|
|
| 57 |
- jQuery("input[name='amount']").click(displayVals);
|
|
| 58 |
- jQuery("#amount").change(displayVals);
|
|
| 59 |
- jQuery("#t3").change(displayVals);
|
|
| 99 |
+ jQuery("button[name='amnt']").click(displayVals);
|
|
| 100 |
+ jQuery("input[name='cmd']").click(displayVals);
|
|
| 101 |
+ jQuery("#exampleInputAmount").click(displayVals);
|
|
| 102 |
+ jQuery("#exampleInputAmount").change(displayVals);
|
|
| 60 |