donate.html 4.94 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
10
11
<div class="row">
  <div class="col-md-5 col-md-offset-6">

12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<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">
<input type="hidden" name="return" value="https://tails.boum.org/donate/thankyou">
<input type="hidden" name="cancel_return" value="https://tails.boum.org/donate/oops">

<!-- 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">

33
34
35
<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">
36
    <input type="radio" id="dollars" autocomplete="off" checked data-complete-text="finished!"> Dollars</input>
37
  </label>
38
  <label class="btn btn-lg btn-primary" id="currency-euro">
39
    <input type="radio" id="euros" autocomplete="off" checked data-complete-text="finished!"> Euros</input>
40
41
  </label>
</div>
42
</div>
43

44
45
<div id="frequency" class="row">
<div class="col-md-12 btn-group btn-group-justified" data-toggle="buttons" role="group">
46
47
  <label class="btn btn-lg btn-primary" id="one-time">
    <input type="radio" autocomplete="off"> One-time</input>
48
  </label>
49
50
  <label class="btn btn-lg btn-primary" id="monthly">
    <input type="radio" autocomplete="off"> Monthly</input>
51
  </label>
52
53
  <label class="btn btn-lg btn-primary active" id="yearly">
    <input type="radio" autocomplete="off" checked> Yearly</input>
54
55
  </label>
</div>
56
</div>
57

58
<div id="dollar-amounts" class="row amounts" data-toggle="buttons" role="group">
59
60
  <label class="btn btn-lg btn-primary col-md-3 5">
    <input type="radio" autocomplete="off">$5</input>
61
  </label>
62
63
  <label class="btn btn-lg btn-primary col-md-3 10">
    <input type="radio" autocomplete="off">$10</input>
64
  </label>
65
66
  <label class="btn btn-lg btn-primary col-md-3 20">
    <input type="radio" autocomplete="off">$20</input>
67
  </label>
68
69
  <label class="btn btn-lg btn-primary col-md-3 50">
    <input type="radio" autocomplete="off">$50</input>
70
  </label>
71
72
  <label class="btn btn-lg btn-primary col-md-3 100">
    <input type="radio" autocomplete="off">$100</input>
73
  </label>
74
75
  <label class="btn btn-lg btn-primary col-md-3 250">
    <input type="radio" autocomplete="off">$250</input>
76
  </label>
77
78
  <label class="btn btn-lg btn-primary col-md-3 500">
    <input type="radio" autocomplete="off">$500</input>
79
  </label>
sajolida's avatar
sajolida committed
80
81
82
83
  <label class="btn btn-lg btn-primary col-md-3 other">
    <span>Other</span>
    <div class="input-group">
      <span class="input-group-addon">$</span>
84
      <input type="text" class="form-control" id="other-dollar">
sajolida's avatar
sajolida committed
85
    </div>
86
87
88
  </label>
</div>

89
<div id="euro-amounts" class="row amounts" data-toggle="buttons" role="group">
90
91
  <label class="btn btn-lg btn-primary col-md-3 5">
    <input type="radio" autocomplete="off">5€</input>
92
  </label>
93
94
  <label class="btn btn-lg btn-primary col-md-3 10">
    <input type="radio" autocomplete="off">10€</input>
95
  </label>
96
97
  <label class="btn btn-lg btn-primary col-md-3 20">
    <input type="radio" autocomplete="off">20€</input>
98
  </label>
99
100
  <label class="btn btn-lg btn-primary col-md-3 50">
    <input type="radio" autocomplete="off">50€</input>
101
  </label>
102
103
  <label class="btn btn-lg btn-primary col-md-3 100">
    <input type="radio" autocomplete="off">100€</input>
104
  </label>
105
106
  <label class="btn btn-lg btn-primary col-md-3 250">
    <input type="radio" autocomplete="off">250€</input>
107
  </label>
108
109
  <label class="btn btn-lg btn-primary col-md-3 500">
    <input type="radio" autocomplete="off">500€</input>
110
  </label>
sajolida's avatar
sajolida committed
111
112
113
  <label class="btn btn-lg btn-primary col-md-3 other">
    <span>Other</span>
    <div class="input-group">
114
      <input type="text" class="form-control text-right" id="other-euro">
sajolida's avatar
sajolida committed
115
116
      <span class="input-group-addon"></span>
    </div>
117
118
  </label>
</div>
119

sajolida's avatar
sajolida committed
120
121
122
123
<div id="donate-button" class="row">
  <button class="btn btn-primary btn-lg btn-block col-md-12">Donate</button>
</div>

124
125
</form>

126
127
  </div>
</div>