cgi: Make the donation page work with the CGI.
[gnupg-doc.git] / web / donate / donate.org
1 #+TITLE: GnuPG - Donate
2 #+STARTUP: showall
3 #+SETUPFILE: "../share/setup.inc"
4 #
5 # Note: Do not use relative links because this page is also used as a
6 #       template from cgi-bin/.  Using https://www.gnupg.org/... is
7 #       fine as it is stripped before publishing.
8
9 #+BEGIN_HTML
10 <!--custom-page-->  <!-- this disables all standard processing. -->
11 <link rel="stylesheet" href="/share/site.css" type="text/css" />
12 </head>
13 <body lang="en">
14   <!-- Fixed navbar -->
15   <nav class="navbar navbar-default navbar-fixed-top">
16     <div class="container">
17
18       <div class="navbar-header">
19         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
20           <span class="sr-only">Toggle navigation</span>
21           <span class="icon-bar"></span>
22           <span class="icon-bar"></span>
23           <span class="icon-bar"></span>
24         </button>
25         <img class="navbar-brand" alt="GnuPG" src="gnupg-white-plain.png">
26       </div>
27
28       <div id="navbar" class="navbar-collapse collapse">
29         <ul class="nav navbar-nav">
30           <li><a href="/">Back</a></li>
31         </ul>
32       </div><!--/.nav-collapse -->
33     </div>
34   </nav>
35
36   <div class="camp-gutter container">
37     <div class="row">
38       <div class="col-md-8 col-md-offset-2">
39         <h1>Support GnuPG</h1>
40         <p>To process your donation we need to collect some information. This information is only used for the purpose of the donation and no data will ever be send to any entity not directly involved in the donation process. Not giving a name makes the donation “anonymous” in that the name won’t be listed on the public thank you page.</p>
41         <p>You can also send us <b>Bitcoin<span class="glyphicon glyphicon-btc" aria-hidden="true"></span></b>. Our address is <a href="bitcoin:175tWpb8K1S7NmH4Zx6rewF9WQrcZv245W"><small><tt>175tWpb8K1S7NmH4Zx6rewF9WQrcZv245W</tt></small></a>.</p>
42       </div>
43     </div>
44
45     <!--ERRORPANEL-->
46
47     <form class="form-horizontal" role="form"
48           action="/cgi-bin/procdonate.cgi" method="POST">
49       <input type="hidden" name="mode" value="main">
50
51       <!-- Predefined amounts -->
52       <div class="form-group">
53         <label for="inputType" class="col-md-2 control-label">Amount</label>
54         <div class="col-md-6">
55           <label class="radio-inline">
56             <input type="radio" name="amount" id="amount500" value="500"> 500€
57           </label>
58
59           <label class="radio-inline">
60             <input type="radio" name="amount" id="amount200" value="200"> 200€
61           </label>
62
63           <label class="radio-inline">
64             <input type="radio" name="amount" id="amount100" value="100"> 100€
65           </label>
66
67           <label class="radio-inline">
68             <input type="radio" name="amount" id="amount50" value="50"> 50€
69           </label>
70
71           <label class="radio-inline">
72             <input type="radio" name="amount" id="amount20" value="20"> 20€
73           </label>
74
75           <label class="radio-inline">
76             <input type="radio" name="amount" id="amount10" value="10"> 10€
77           </label>
78
79           <label class="radio-inline">
80             <input type="radio" name="amount" id="amount5" value="5"> 5€
81           </label>
82         </div>
83       </div>
84
85       <!-- Custom amounts -->
86       <div class="form-group">
87         <div class="col-md-offset-2 col-md-6">
88           <div class="form-group row">
89             <div class="col-md-2">
90               <div class="radio">
91                 <label for="amount_radio_other">
92                   <input type="radio" id="amount_radio_other" name="amount"
93                          value="other" /><!--CHECKOTHER-->
94                   other
95                 </label>
96               </div>
97             </div>
98             <div class="col-md-4">
99               <input type="text" class="form-control"
100                      name="amountother" id="amountother" placeholder=""
101                      value=""/><!--AMOUNT-->
102             </div>
103             <div class="col-md-4">
104               <select class="form-control" name="currency" id="currency">
105                 <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
106                 <option value="USD" ><!--SEL_USD-->US Dollar</option>
107                 <option value="GBP" ><!--SEL_GBP-->British Pound</option>
108                 <option value="JPY" ><!--SEL_JPY-->Yen</option>
109               </select>
110               <!--ERR_AMOUNT-->
111             </div>
112           </div>
113           <span class="help-block">Choosing “other” allows to donate
114                 in other currencies.</span>
115         </div>
116       </div>
117
118       <!-- Recurring -->
119       <div class="form-group">
120         <label for="inputType" class="col-md-2 control-label">Recurring</label>
121         <div class="col-md-2">
122           <select class="form-control">
123             <option value="0"
124             selected="selected"><!--RECUR_NONE-->Just once</option>
125             <option value="12" ><!--RECUR_MONTH-->Monthly</option>
126             <option value="4" ><!--RECUR_QUARTER-->Quarterly</option>
127             <option value="1" ><!--RECUR_YEAR-->Yearly</option>
128           </select>
129         </div>
130       </div>
131
132       <!-- Pay using -->
133       <div class="form-group">
134         <label for="inputType" class="col-md-2 control-label">Pay using</label>
135         <div class="col-md-6">
136           <div class="radio">
137             <label>
138               <input type="radio" name="paytype" id="cc"
139                      value="cc" /><!--CHECK_CC-->
140               Credit Card
141             </label>
142             <!--ERR_PAYTYPE-->
143           </div>
144           <div class="radio">
145             <label>
146               <input type="radio" name="paytype" id="pp"
147                      value="pp" /><!--CHECK_PP-->
148               PayPal
149             </label>
150           </div>
151           <div class="radio">
152             <label>
153               <input type="radio" name="paytype" id="se"
154                      value="se" /><!--CHECK_SE-->
155               SEPA (European bank transfer)
156             </label>
157           </div>
158         </div>
159       </div>
160
161       <!-- Name -->
162       <div class="form-group">
163         <label for="inputType" class="col-md-2 control-label">
164           Name
165           <p class="text-muted"><small>(optional)</small></p>
166         </label>
167         <div class="col-md-6">
168           <input type="text" class="form-control" name="name"
169                  id="f_name" placeholder="Name (optional)"
170                  value=""/><!--NAME-->
171           <!--ERR_NAME-->
172           <span class="help-block">
173             If you want to be listed on the
174              <a href="https://www.gnupg.org/donate/kudos.html"
175                 >list of donors</a>, please enter your name as
176              it shall appear there.
177           </span>
178         </div>
179       </div>
180
181       <!-- Email -->
182       <div class="form-group">
183         <label for="inputType" class="col-md-2 control-label">
184           Email
185           <p class="text-muted"><small>(optional)</small></p>
186         </label>
187         <div class="col-md-6">
188           <input type="email" class="form-control" name="mail"
189                  id="f_mail" placeholder="Email (optional)"
190                  value=""/><!--MAIL-->
191            <!--ERR_MAIL-->
192           <span class="help-block">
193             In case of payment problems we may want to contact you,
194             thus please enter your e-mail address.
195           </span>
196         </div>
197       </div>
198
199       <!-- Message -->
200       <div class="form-group">
201         <label for="inputType" class="col-md-2 control-label">
202           Message
203           <p class="text-muted"><small>(optional)</small></p>
204         </label>
205         <div class="col-md-6">
206           <textarea class="form-control" name="message" id="f_message"
207                     rows="4"
208                     ></textarea><!--MESSAGE-->
209           <span class="help-block">
210             If you want to leave a message for us, please enter it here.
211           </span>
212         </div>
213       </div>
214       <div class="row">
215         <div class="col-md-offset-2">
216           <button type="submit" class="btn btn-primary btn-large"
217                   >Proceed to checkout</button>
218         </div>
219       </div>
220     </form>
221   </div>
222 </body>
223 #+END_HTML