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