Improve the horribly ugly secondary donation options page.
Mike Perry

Mike Perry commited on 2015-11-30 22:25:45
Zeige 1 geänderte Dateien mit 79 Einfügungen und 74 Löschungen.


This is not a masterpiece, but at least it probably won't provoke as much
laughter.
... ...
@@ -2,85 +2,65 @@
2 2
 # Revision: $Revision$
3 3
 # Translation-Priority: 3-low
4 4
 
5
-#include "head.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 &raquo; </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 501(c)(3) non-profit dedicated to research,
15
-   development, and education about online anonymity and privacy. Donations
16
-   to The Tor Project may be tax deductible to persons who are in the
17
-   US; or who pay taxes in countries with reciprocity with the US on
18
-   charitable donations. Our tax ID number is 20-8096820. We are listed on
19
-  <a href="http://www2.guidestar.org/organizations/20-8096820/tor-project.aspx">GuideStar</a>.</p>
5
+#include "donatehead.wmi" TITLE="Tor Project: Donate to Tor" CHARSET="UTF-8"
6
+
7
+<style>
8
+.hlist {
9
+    padding: 0px;
10
+    text-align: center;
11
+    display: block;
12
+    width: 100%;
13
+    list-style: outside none none;
14
+    margin: 0px 0px 18px;
15
+}
20 16
 
21
-   <p>We're happy to have you shop and indirectly support us via 
22
-<a href="http://smile.amazon.com/ch/20-8096820">Amazon Smile</a>. A
23
-portion of your purchase is donated to help keep us working.</p>
17
+.hlist li {
18
+    display: inline-block;
19
+    border-right: 1px solid #444;
20
+    margin-left: -4px;
21
+}
22
+.hlist a {
23
+    display: block;
24
+    top: 0px;
25
+    right: 0px;
26
+    bottom: 0px;
27
+    left: 0px;
28
+    text-decoration: none;
29
+    font-weight: bold;
30
+    padding: 0px 8px;
31
+}
24 32
 
25
-   We're happy to accept direct donations via:</p>
33
+.hlist li.last {
34
+    border-right: 0px solid #444;
35
+}
36
+</style>
37
+
38
+<div id="content" class="container">
39
+<div id="maincol">
40
+  <h1>Ways to Donate to Tor</h1>
41
+  <p>The Tor Project offers the following donation methods:</p>
26 42
   <ul class="hlist">
27
-    <li><a href="<page donate/donate>">Paypal</a></li>
28
-    <!-- <li><a href="#amazon">Amazon Payments</a></li> -->
29
-    <li><a href="#dwolla">Dwolla</a></li>
30 43
     <li><a href="#bitcoin">Bitcoins</a></li>
31
-    <li class="last"><a href="#cash">checks, money orders, or bank transfers</a></li>
44
+    <li><a href="<page donate/donate-amazon>">Amazon Payments</a></li>
45
+    <li><a href="https://smile.amazon.com/ch/20-8096820">Amazon Smile</a></li>
46
+    <li><a href="https://www.dwolla.com/hub/thetorproject">Dwolla</a></li>
47
+    <li><a href="<page donate/donate>">Paypal</a></li>
48
+    <li class="last"><a href="#cash">Checks or Money Orders</a></li>
32 49
   </ul>
33
-    <p>Contact us at donations@torproject.org for more donation details.</p>
34 50
   <div class="hundred toptwenty">
35
-<!-- BEGIN AMAZON -->
36
-    <!-- <a name="amazon"></a>
37
-	 <div class="dbox dsmall">
38
-		<h3>Donate via Amazon Payments</h3>
39
-	    <form action="https://authorize.payments.amazon.com/pba/paypipeline" method="post">
40
-	      <div class="drow toppad">
41
-		    <div>
42
-		     <label for="amazon">&#x24;</label>
43
-		     <input type="text" name="amount" size="6" value="20">
44
-			  <input class="donate-btn" type="image" src="$(IMGROOT)/golden_small_donate_withmsg_whitebg.gif">
45
-		    </div>
46
-		    <input type="hidden" name="immediateReturn" value="1">
47
-		    <input type="hidden" name="collectShippingAddress" value="0">
48
-		    <input type="hidden" name="minimumDonationAmount" value="USD 5">
49
-		    <input type="hidden" name="isDonationWidget" value="1">
50
-		    <input type="hidden" name="description" value="Supporting Online Anonymity &amp; Privacy">
51
-		    <input type="hidden" name="amazonPaymentsAccountId" value="XGSROLNTXRNC3N1P4TXKMNK14LN1D6SZUD8SN1">
52
-		    <input type="hidden" name="returnUrl" value="https://www.torproject.org/donate/thankyou.html">
53
-		    <input type="hidden" name="processImmediate" value="1">
54
-		    <input type="hidden" name="cobrandingStyle" value="logo">
55
-		    <input type="hidden" name="abandonUrl" value="https://www.torproject.org/donate/donate.html">
56
-		  </div>
57
-		</form>
58
-		<small>Requires an Amazon Account</small>
59
-	 </div> -->
60 51
 <!-- END AMAZON -->
61
-<!-- BEGIN DWOLLA -->
62
-    <a id="dwolla"></a>
63
-    <div class="dbox dsmall dwolla">
64
-      <h3>Donate via Dwolla</h3>
65
-      <p>Dwolla is a peer to peer payment platform which allows users to
66
-exchange money quickly, safely, at a lower cost.</p>
67
-      <p style="text-align:center;"><strong><a
68
-href="https://www.dwolla.com/hub/thetorproject">Continue to Dwolla
69
-&raquo;</a></strong></p>
70
-    </div>
71
-<!-- END DWOLLA -->
72 52
 <!-- BEGIN BITCOIN -->
73 53
    <a id="bitcoin"></a>
74 54
    <div class="hundred toptwenty">
75 55
     <div class="dbox donate">
76 56
     <h3>Bitcoins</h3>
77
-    <p>Please consider a donation to
78
-    <a href="https://www.torservers.net/donate.html">Torservers.net</a>,
57
+    <p>In order to comply with US 501(c)(3) non-profit regulations, our Bitcoin transaction limit is currently $10,000 USD per day.
58
+    If you wish to avoid transaction limits, please consider a direct Bitcoin donation to
59
+    <a href="https://www.torservers.net/donate.html#cryptocurrencies">Torservers.net</a>,
79 60
     <a href="http://noisetor.net/#bitcoin">NoiseTor</a>,
80
-    or <a href="https://tails.boum.org/contribute/how/donate/#bitcoin">Tails</a>
81
-    which will turn your bitcoin donation into a faster, larger Tor
82
-    Network for all.</p>
83
-  <p>If you are committed to donating bitcoins to Tor, please complete the form below.</p>
61
+    <a href="https://www.oniontip.com/">OnionTip</a>,
62
+    or <a href="https://tails.boum.org/contribute/how/donate/#bitcoin">Tails</a>.</p>
63
+  <p>If this transaction limit is not an issue for you, please complete the form below:</p>
84 64
   <form id="makeDonation" action="https://bitpay.com/checkout" method="post" onsubmit="return bp.validateMobileCheckoutForm($('#makeDonation'));">
85 65
         <input name="action" type="hidden" value="checkout">
86 66
         <fieldset class="phone-form well form-horizontal" style="margin-top: 5px;">
... ...
@@ -145,24 +125,49 @@ href="https://www.dwolla.com/hub/thetorproject">Continue to Dwolla
145 125
     </div>
146 126
    </div>
147 127
 <!-- END BITCOIN -->
128
+<!-- BEGIN AMAZON -->
129
+   <div class="hundred toptwenty">
130
+    <div class="dbox dsmall dwolla">
131
+      <h3>Donate via Amazon</h3>
132
+      <p>Amazon Payments allows you to donate to Tor via several different
133
+mechanisms using an Amazon account.</p>
134
+      <p style="text-align:center;"><strong><a
135
+href="<page donate/donate-amazon>">Donate via Amazon Payments
136
+&raquo;</a></strong></p>
137
+    </div>
138
+    <div class="dbox dsmall dwolla">
139
+      <h3>Donate via Amazon Smile</h3>
140
+      <p>Amazon Smile allows you to donate 0.5% of your Amazon purchases to the Tor Project.</p>
141
+      <p style="text-align:center;"><strong><a href="https://smile.amazon.com/ch/20-8096820">Donate with Amazon Smile
142
+&raquo;</a></strong></p>
143
+    </div>
144
+<!-- END AMAZON -->
145
+<!-- BEGIN DWOLLA -->
146
+    <a id="dwolla"></a>
147
+    <div class="dbox dsmall dwolla">
148
+      <h3>Donate via Dwolla</h3>
149
+      <p>Dwolla is a peer to peer payment platform which allows users to
150
+exchange money quickly, safely, at a lower cost.</p>
151
+      <p style="text-align:center;"><strong><a href="https://www.dwolla.com/hub/thetorproject">Donate via Dwolla
152
+&raquo;</a></strong></p>
153
+    </div>
154
+<!-- END DWOLLA -->
155
+   </div>
148 156
    </div>
149 157
 <!-- BEGIN CHECK -->
150 158
    <a id="cash"></a>
151 159
    <div class="hundred toptwenty">
152 160
      <div class="dbox donate">
153
-       <h3>Donate via Check, Cash, Money Order, Bank Transfer</h3>
161
+       <h3>Donate via Check or Money Order</h3>
154 162
        <h4>You can send checks or money orders to:</h4>
155 163
 	    <p>The Tor Project, Inc<br>
156 164
         7 Temple Street, Suite A<br>
157 165
         Cambridge, MA 02139-2403 USA</p>
158 166
 <!-- END CHECK -->
159
-<!-- END MAINCOL -->
160
-</div>
161
-  <div id = "sidecol">
162
-#include "side-donate.wmi"
163
-#include "info.wmi"
167
+
168
+  <p>Contact us at donations@torproject.org for more donation details.</p>
164 169
  </div>
165
-  <!-- END SIDECOL -->
166 170
 <!-- END CONTENT -->
167 171
 </div>
168
-#include <foot.wmi>
172
+</div>
173
+#include <donatefoot.wmi>
169 174