donate.html 6.82 KB
Newer Older
1
2
3
[[!meta title="Donate to Tails"]]

[[!meta stylesheet="bootstrap" rel="stylesheet" title=""]]
sajolida's avatar
sajolida committed
4
[[!meta stylesheet="donate" rel="stylesheet" title=""]]
5
6
7
8
[[!meta script="lib/js/jquery"]] <!-- https://code.jquery.com/jquery-1.9.1.min.js -->
[[!meta script="lib/js/bootstrap/button"]] <!-- https://github.com/twbs/bootstrap/raw/v3.3.6/js/button.js -->
[[!meta script="donate"]]

9
<div class="row">
sajolida's avatar
sajolida committed
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

  <div id="feature" class="col-md-6">

  <h2>Tails is free because nobody should have to pay to be safe while
  using computers.</h2>

  <h3>But we need your support to stay alive!</h3>

  <p>Illum qui dolor nam odit sunt voluptatibus asperiores consequatur.
  Debitis at id voluptatem. Praesentium et quis voluptates mollitia
  modi. Quaerat molestiae eaque eos deserunt natus…</p>

  <p>Thanks,</p>

  </div>

  <div class="col-md-1"></div>

  <div class="col-md-5">
29

30
31
32
33
34
35
36
37
38
<form method="post" action="https://www.paypal.com/cgi-bin/webscr">

<!-- HTML Variables for PayPal Payments Standard:
     https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/Appx_websitestandard_htmlvariables/ -->
<input type="hidden" name="cmd" value="_xclick-subscriptions" id="cmd">
<input type="hidden" name="business" value="tailsriseuplabs@riseup.net" id="business">
<input type="hidden" name="currency_code" value="USD" id="currency_code">
<input type="hidden" name="item_name" value="Donation+to+Tails">
<input type="hidden" name="no_note" value="1">
39
<input type="hidden" name="return" value="https://tails.boum.org/donate/thanks">
sajolida's avatar
sajolida committed
40
<input type="hidden" name="cancel_return" value="https://tails.boum.org/donate/canceled">
41
42
43
44
45
46
47
48
49
50

<!-- For recurring donations only. -->
<input type="hidden" name="a3" value="5" id="a3">
<input type="hidden" name="t3" value="Y" id="t3">
<input type="hidden" name="p3" value="1">
<input type="hidden" name="src" value="1">

<!-- For one-time donation only. -->
<input type="hidden" name="amount" value="5" id="amount">

51
52
53
<div id="currency" class="row">
<div class="col-md-12 btn-group btn-group-justified" data-toggle="buttons" role="group">
  <label class="btn btn-lg btn-primary active" id="currency-dollar">
54
    <input type="radio" id="dollars" autocomplete="off" checked data-complete-text="finished!"> Dollars</input>
55
  </label>
56
  <label class="btn btn-lg btn-primary" id="currency-euro">
57
    <input type="radio" id="euros" autocomplete="off" checked data-complete-text="finished!"> Euros</input>
58
59
  </label>
</div>
60
</div>
61

62
63
<div id="frequency" class="row">
<div class="col-md-12 btn-group btn-group-justified" data-toggle="buttons" role="group">
64
65
  <label class="btn btn-lg btn-primary" id="one-time">
    <input type="radio" autocomplete="off"> One-time</input>
66
  </label>
67
68
  <label class="btn btn-lg btn-primary" id="monthly">
    <input type="radio" autocomplete="off"> Monthly</input>
69
  </label>
70
71
  <label class="btn btn-lg btn-primary active" id="yearly">
    <input type="radio" autocomplete="off" checked> Yearly</input>
72
73
  </label>
</div>
74
</div>
75

76
<div id="dollar-amounts" class="row amounts" data-toggle="buttons" role="group">
77
78
  <label class="btn btn-lg btn-primary col-md-3 5">
    <input type="radio" autocomplete="off">$5</input>
79
  </label>
80
81
  <label class="btn btn-lg btn-primary col-md-3 10">
    <input type="radio" autocomplete="off">$10</input>
82
  </label>
83
84
  <label class="btn btn-lg btn-primary col-md-3 20">
    <input type="radio" autocomplete="off">$20</input>
85
  </label>
86
87
  <label class="btn btn-lg btn-primary col-md-3 50">
    <input type="radio" autocomplete="off">$50</input>
88
  </label>
89
90
  <label class="btn btn-lg btn-primary col-md-3 100">
    <input type="radio" autocomplete="off">$100</input>
91
  </label>
92
93
  <label class="btn btn-lg btn-primary col-md-3 250">
    <input type="radio" autocomplete="off">$250</input>
94
  </label>
95
96
  <label class="btn btn-lg btn-primary col-md-3 500">
    <input type="radio" autocomplete="off">$500</input>
97
  </label>
sajolida's avatar
sajolida committed
98
99
100
101
  <label class="btn btn-lg btn-primary col-md-3 other">
    <span>Other</span>
    <div class="input-group">
      <span class="input-group-addon">$</span>
102
      <input type="text" class="form-control" id="other-dollar">
sajolida's avatar
sajolida committed
103
    </div>
104
105
106
  </label>
</div>

107
<div id="euro-amounts" class="row amounts" data-toggle="buttons" role="group">
108
109
  <label class="btn btn-lg btn-primary col-md-3 5">
    <input type="radio" autocomplete="off">5€</input>
110
  </label>
111
112
  <label class="btn btn-lg btn-primary col-md-3 10">
    <input type="radio" autocomplete="off">10€</input>
113
  </label>
114
115
  <label class="btn btn-lg btn-primary col-md-3 20">
    <input type="radio" autocomplete="off">20€</input>
116
  </label>
117
118
  <label class="btn btn-lg btn-primary col-md-3 50">
    <input type="radio" autocomplete="off">50€</input>
119
  </label>
120
121
  <label class="btn btn-lg btn-primary col-md-3 100">
    <input type="radio" autocomplete="off">100€</input>
122
  </label>
123
124
  <label class="btn btn-lg btn-primary col-md-3 250">
    <input type="radio" autocomplete="off">250€</input>
125
  </label>
126
127
  <label class="btn btn-lg btn-primary col-md-3 500">
    <input type="radio" autocomplete="off">500€</input>
128
  </label>
sajolida's avatar
sajolida committed
129
130
131
  <label class="btn btn-lg btn-primary col-md-3 other">
    <span>Other</span>
    <div class="input-group">
132
      <input type="text" class="form-control text-right" id="other-euro">
sajolida's avatar
sajolida committed
133
134
      <span class="input-group-addon"></span>
    </div>
135
136
  </label>
</div>
137

sajolida's avatar
sajolida committed
138
139
140
141
<div id="donate-button" class="row">
  <button class="btn btn-primary btn-lg btn-block col-md-12">Donate</button>
</div>

142
143
</form>

144
145
146
147
<p id="require-paypal" class="row">Monthly and yearly donations require
a [[!img paypal-inline.png link="no" class="paypal-inline" alt="PayPal"]]
account.</p>

148
149
150
151
152
153
154
155
156
157
<p id="dollar-tax" class="tax-deducible row">Your donation will be
handled by RiseupLabs which is a 501(c)(3) non-profit organization in
the USA.<br/><strong>All donations are tax-deductible to the full extent
permitted by law.</strong></p>

<p id="euro-tax" class="tax-deducible row">Your donation will be handled
by Zwiebelfreunde which is a non-profit organization in
Germany.<br/><strong>All donations are tax-deductible to the full extent
permitted by law.</strong></p>

158
159
  </div>
</div>
sajolida's avatar
sajolida committed
160
161
162
163
164
165
166
167
168

<div id="other-ways" class="row">
  <h3 class="col-md-12">Other ways to donate</h3>
  <div id="bitcoin" class="col-md-4">
    <h4>Bitcoin</h4>
    <a href="bitcoin:1BvBMSEYstWetqTFn5Au4m4GFg7xJaNVN2">[[!img bitcoin-1BvBMSEYstWetqTFn5Au4m4GFg7xJaNVN2.png link="no"]]</a>
  </div>
  <div id="flattr" class="col-md-4">
    <h4>Flattr</h4>
sajolida's avatar
sajolida committed
169
    <a href="https://flattr.com/submit/auto?fid=j1rqzg&url=https%3A%2F%2Ftails.boum.org%2Fdonate%2F" target="_blank">[[!img flattr-badge-large.png link="no" alt="Flattr this"]]</a>
sajolida's avatar
sajolida committed
170
171
172
173
174
175
176
177
178
179
180
181
  </div>
  <div id="zwiebelfreunde" class="col-md-4">
    <h4>Bank Transfer</h4>
    <strong>Zwiebelfreunde e.V.</strong><br>
    <em>IBAN</em>: DE25 4306 0967 1126 8256 03<br>
    <em>BIC</em>: GENODEM1GLS<br>
    <em>Bank</em>: GLS Gemeinschaftsbank eG<br>
    Christstrasse 9<br>
    44789 Bochum<br>
    Germany
  </div>
</div>