campaign: Add an Imprint link to the main pages.
[gnupg-doc.git] / web / donate / donate.org
1 #                                                       -*- html -*-
2 #+TITLE: GnuPG - Donate
3 #+STARTUP: showall
4 #+SETUPFILE: "../share/setup.inc"
5 #
6 # Note: Do not use relative links because this page is also used as a
7 #       template from cgi-bin/.  Using https://www.gnupg.org/... is
8 #       fine as it is stripped before publishing.
9
10 #+BEGIN_HTML
11 <!--custom-page-->  <!-- this disables all standard processing. -->
12   <!-- bootstrap core and site css -->
13   <link href="/share/3rdparty/bootstrap/bootstrap-gnupg.css" rel="stylesheet">
14   <link href="/share/campaign/campaign.css" rel="stylesheet">
15
16   <script defer src="/share/3rdparty/jquery/jquery.min.js"></script>
17   <script defer src="/share/3rdparty/bootstrap/bootstrap.min.js"></script>
18   <script defer src="/share/3rdparty/bootstrap/carousel.js"></script>
19   <script defer src="/share/3rdparty/bs-autohidingnavbar.js"></script>
20   <script defer src="/share/3rdparty/bcswipe.js"></script>
21   <script defer src="/share/campaign/campaign.js"></script>
22
23 </head>
24 <body lang="<!--LANG-->">
25   <!-- Fixed navbar -->
26   <nav class="navbar navbar-default navbar-fixed-top">
27     <div class="container">
28
29       <div class="navbar-header">
30         <button type="button" class="navbar-toggle collapsed"
31                 data-toggle="collapse" data-target="#navbar"
32                 aria-expanded="false" aria-controls="navbar">
33           <span class="sr-only">Toggle navigation</span>
34           <span class="icon-bar"></span>
35           <span class="icon-bar"></span>
36           <span class="icon-bar"></span>
37         </button>
38         <img class="navbar-brand" alt="GnuPG"
39              src="/share/gnupg-lock-white-250x250.png">
40       </div>
41
42       <div id="navbar" class="navbar-collapse collapse">
43         <ul class="nav navbar-nav">
44           <li><a href="/donate">Back</a></li>
45         </ul>
46       </div><!--/.nav-collapse -->
47     </div>
48   </nav>
49
50   <div class="camp-gutter container">
51     <div class="row">
52       <div class="col-md-8 col-md-offset-2">
53         <h1>Support GnuPG</h1>
54         <p>To process your donation we need to collect some information.
55            This information is only used for the purpose of the donation
56            and no data will ever be send to any entity not directly
57            involved in the donation process.  Not giving a name makes
58            the donation “anonymous” in that the name won’t be listed
59            on the public thank you page.
60         </p>
61       </div>
62     </div>
63
64     <div class="row">
65       <div class="col-md-8 col-md-offset-2">
66         <!--ERRORPANEL-->
67       </div>
68     </div>
69
70     <form class="form-horizontal" role="form"
71           action="/cgi-bin/procdonate.cgi" method="POST">
72       <input type="hidden" name="mode" value="main" />
73
74       <!-- Amount and currency input field -->
75       <div class="form-group">
76         <label for="inputType" class="col-xs-12 col-sm-2 control-label">
77           Amount <!--ERR_AMOUNT-->
78         </label>
79         <div class="col-xs-5 col-sm-3">
80           <input type="text" class="form-control"
81                  name="amount" id="amountother" placeholder=""
82                  value=""/><!--AMOUNT-->
83         </div>
84         <div class="col-xs-7 col-sm-3 col-lg-2">
85           <select class="form-control" name="currency" id="currency">
86             <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
87             <option value="USD" ><!--SEL_USD-->US Dollar</option>
88             <option value="GBP" ><!--SEL_GBP-->British Pound</option>
89             <option value="JPY" ><!--SEL_JPY-->Yen</option>
90           </select>
91         </div>
92       </div>
93
94       <!-- Custom amounts -->
95       <div class="form-group">
96         <div class="col-sm-offset-2 col-sm-6">
97           <div class="btn-group btn-group-xs" role="group"
98                aria-label="suggested amounts">
99             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=500&s_cur=eur"
100                class="btn btn-default amount-btn-500">500&#x202f;€</a>
101             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=200&s_cur=eur"
102                class="btn btn-default amount-btn-200">200&#x202f;€</a>
103             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=100&s_cur=eur"
104                class="btn btn-default amount-btn-100">100&#x202f;€</a>
105             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=50&s_cur=eur"
106                class="btn btn-default amount-btn-50">50&#x202f;€</a>
107             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=20&s_cur=eur"
108                class="btn btn-default amount-btn-20">20&#x202f;€</a>
109             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=10&s_cur=eur"
110                class="btn btn-default amount-btn-10">10&#x202f;€</a>
111             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=5&s_cur=eur"
112                class="btn btn-default amount-btn-5">5&#x202f;€</a>
113           </div>
114           <span class="help-block">
115             Suggested amounts.
116           </span>
117         </div>
118       </div>
119
120       <!-- Recurring -->
121       <div class="form-group">
122         <label for="recur" class="col-sm-2 control-label">Recurring</label>
123         <div class="col-sm-2">
124           <select class="form-control" name="recur" id="recur">
125             <option value="0"
126             selected="selected"><!--RECUR_NONE-->Just once</option>
127             <option value="12" ><!--RECUR_MONTH-->Monthly</option>
128             <option value="4" ><!--RECUR_QUARTER-->Quarterly</option>
129             <option value="1" ><!--RECUR_YEAR-->Yearly</option>
130           </select>
131         </div>
132       </div>
133
134       <!-- Pay using -->
135       <div class="form-group">
136         <label for="paytype" class="col-sm-2 control-label">
137           Pay using <!--ERR_PAYTYPE-->
138         </label>
139         <div class="col-sm-6">
140           <div class="radio">
141             <label>
142               <input type="radio" name="paytype" id="cc"
143                      value="cc" /><!--CHECK_CC-->
144               Credit Card
145             </label>
146           </div>
147           <div class="radio">
148             <label>
149               <input type="radio" name="paytype" id="pp"
150                      value="pp" /><!--CHECK_PP-->
151               PayPal
152               <span class="help-block help-inline" id="paypal-note">
153                 Please note that in certain countries recurring donations are not possible with PayPal.
154               </span>
155             </label>
156           </div>
157           <div class="radio">
158             <label>
159               <input type="radio" name="paytype" id="se"
160                      value="se" /><!--CHECK_SE-->
161               SEPA (European bank transfer)
162             </label>
163           </div>
164           <div class="radio">
165             <label>
166               <input type="radio" name="paytype" id="bc"
167                      value="bc" /><!--CHECK_BC-->
168               Bitcoin
169             </label>
170           </div>
171         </div>
172       </div>
173
174       <!-- Name -->
175       <div class="form-group">
176         <label for="name" class="col-sm-2 control-label">
177           Name <!--ERR_NAME-->
178           <p class="text-muted"><small>(optional)</small></p>
179         </label>
180         <div class="col-sm-6">
181           <input type="text" class="form-control" name="name"
182                  id="f_name" placeholder="Name (optional)"
183                  value=""/><!--NAME-->
184           <span class="help-block">
185             If you want to be listed on the
186              <a href="https://www.gnupg.org/donate/kudos.html"
187                 >list of donors</a>, please enter your name as
188              it shall appear there.
189           </span>
190         </div>
191       </div>
192
193       <!-- Email -->
194       <div class="form-group">
195         <label for="mail" class="col-sm-2 control-label">
196           Email <!--ERR_MAIL-->
197           <p class="text-muted"><small>(optional)</small></p>
198         </label>
199         <div class="col-sm-6">
200           <input type="email" class="form-control" name="mail"
201                  id="f_mail" placeholder="Email (optional)"
202                  value=""/><!--MAIL-->
203           <span class="help-block">
204             In case of payment problems we may want to contact you,
205             thus please enter your e-mail address.
206           </span>
207         </div>
208       </div>
209
210       <!-- Message -->
211       <div class="form-group">
212         <label for="message" class="col-sm-2 control-label">
213           Message
214           <p class="text-muted"><small>(optional)</small></p>
215         </label>
216         <div class="col-sm-6">
217           <textarea class="form-control" name="message" id="f_message"
218                     rows="4"
219                     ></textarea><!--MESSAGE-->
220           <span class="help-block">
221             If you want to leave a message for us, please enter it here.
222           </span>
223         </div>
224       </div>
225       <div class="row">
226         <div class="col-sm-10 col-sm-offset-2">
227           <button type="submit" class="btn btn-primary btn-large"
228                   >Proceed to donation</button>
229         </div>
230       </div>
231     </form>
232   </div>
233
234   <div class="camp-gutter container-fluid" id="camp-footer">
235     <div class="container">
236       <div class="row">
237         <div id="cpyright">
238           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
239             <img alt="CC-BY-SA 4.0" style="border: 0"
240                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
241           This web page is
242           Copyright 2017 The GnuPG Project and licensed under a
243           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
244           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
245           <a href="/copying.html">copying</a> for details.
246         See the <a href="/imprint.html">Imprint</a>.
247         </div>
248       </div>
249     </div>
250   </div>
251 </body>
252 #+END_HTML