67231c65e31a7b4f709157bd7aa1b0ed44040f21
[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="en">
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" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
31           <span class="sr-only">Toggle navigation</span>
32           <span class="icon-bar"></span>
33           <span class="icon-bar"></span>
34           <span class="icon-bar"></span>
35         </button>
36         <img class="navbar-brand" alt="GnuPG" src="/share/gnupg-lock-white-250x250.png">
37       </div>
38
39       <div id="navbar" class="navbar-collapse collapse">
40         <ul class="nav navbar-nav">
41           <li><a href="/donate">Back</a></li>
42         </ul>
43       </div><!--/.nav-collapse -->
44     </div>
45   </nav>
46
47   <div class="camp-gutter container">
48     <div class="row">
49       <div class="col-md-8 col-md-offset-2">
50         <h1>Support GnuPG</h1>
51         <p>To process your donation we need to collect some information.
52            This information is only used for the purpose of the donation
53            and no data will ever be send to any entity not directly
54            involved in the donation process.  Not giving a name makes
55            the donation “anonymous” in that the name won’t be listed
56            on the public thank you page.
57         </p>
58       </div>
59     </div>
60
61                 <div class="row">
62                         <div class="col-md-8 col-md-offset-2">
63                                 <!--ERRORPANEL-->
64                         </div>
65                 </div>
66
67
68     <form class="form-horizontal" role="form"
69           action="/cgi-bin/procdonate.cgi" method="POST">
70       <input type="hidden" name="mode" value="main">
71
72       <!-- Predefined amounts -->
73       <div class="form-group">
74         <label for="inputType" class="col-md-2 control-label">
75           Amount <!--ERR_AMOUNT-->
76         </label>
77         <div class="col-md-3">
78           <input type="text" class="form-control"
79                  name="amountother" id="amountother" placeholder=""
80                  value=""/><!--AMOUNT-->
81         </div>
82         <div class="col-md-2">
83           <select class="form-control" name="currency" id="currency">
84             <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
85             <option value="USD" ><!--SEL_USD-->US Dollar</option>
86             <option value="GBP" ><!--SEL_GBP-->British Pound</option>
87             <option value="JPY" ><!--SEL_JPY-->Yen</option>
88           </select>
89         </div>
90       </div>
91
92       <!-- Custom amounts -->
93       <div class="form-group">
94         <div class="col-md-offset-2 col-md-6">
95           <div class="btn-group" role="group" aria-label="suggested amounts">
96             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=500"
97                class="btn btn-default">500&#x202f;€</a>
98             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=200"
99                class="btn btn-default">200&#x202f;€</a>
100             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=100"
101                class="btn btn-default">100&#x202f;€</a>
102             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=50"
103                class="btn btn-default">50&#x202f;€</a>
104             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=20"
105                class="btn btn-default">20&#x202f;€</a>
106             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=10"
107                class="btn btn-default">10&#x202f;€</a>
108             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amount=5"
109                class="btn btn-default">5&#x202f;€</a>
110           </div>
111           <span class="help-block">
112             Suggested amounts.
113           </span>
114         </div>
115       </div>
116
117       <!-- Recurring -->
118       <div class="form-group">
119         <label for="recur" class="col-md-2 control-label">Recurring</label>
120         <div class="col-md-2">
121           <select class="form-control" name="recur">
122             <option value="0"
123             selected="selected"><!--RECUR_NONE-->Just once</option>
124             <option value="12" ><!--RECUR_MONTH-->Monthly</option>
125             <option value="4" ><!--RECUR_QUARTER-->Quarterly</option>
126             <option value="1" ><!--RECUR_YEAR-->Yearly</option>
127           </select>
128         </div>
129       </div>
130
131       <!-- Pay using -->
132       <div class="form-group">
133         <label for="paytype" class="col-md-2 control-label">
134           Pay using <!--ERR_PAYTYPE-->
135         </label>
136         <div class="col-md-6">
137           <div class="radio">
138             <label>
139               <input type="radio" name="paytype" id="cc"
140                      value="cc" /><!--CHECK_CC-->
141               Credit Card
142             </label>
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 class="radio">
159             <label>
160               <input type="radio" name="paytype" id="bc"
161                      value="bc" /><!--CHECK_BC-->
162               Bitcoin
163             </label>
164           </div>
165         </div>
166       </div>
167
168       <!-- Name -->
169       <div class="form-group">
170         <label for="name" class="col-md-2 control-label">
171           Name <!--ERR_NAME-->
172           <p class="text-muted"><small>(optional)</small></p>
173         </label>
174         <div class="col-md-6">
175           <input type="text" class="form-control" name="name"
176                  id="f_name" placeholder="Name (optional)"
177                  value=""/><!--NAME-->
178           <span class="help-block">
179             If you want to be listed on the
180              <a href="https://www.gnupg.org/donate/kudos.html"
181                 >list of donors</a>, please enter your name as
182              it shall appear there.
183           </span>
184         </div>
185       </div>
186
187       <!-- Email -->
188       <div class="form-group">
189         <label for="mail" class="col-md-2 control-label">
190           Email <!--ERR_MAIL-->
191           <p class="text-muted"><small>(optional)</small></p>
192         </label>
193         <div class="col-md-6">
194           <input type="email" class="form-control" name="mail"
195                  id="f_mail" placeholder="Email (optional)"
196                  value=""/><!--MAIL-->
197           <span class="help-block">
198             In case of payment problems we may want to contact you,
199             thus please enter your e-mail address.
200           </span>
201         </div>
202       </div>
203
204       <!-- Message -->
205       <div class="form-group">
206         <label for="message" class="col-md-2 control-label">
207           Message
208           <p class="text-muted"><small>(optional)</small></p>
209         </label>
210         <div class="col-md-6">
211           <textarea class="form-control" name="message" id="f_message"
212                     rows="4"
213                     ></textarea><!--MESSAGE-->
214           <span class="help-block">
215             If you want to leave a message for us, please enter it here.
216           </span>
217         </div>
218       </div>
219       <div class="row">
220         <div class="col-md-offset-2">
221           <button type="submit" class="btn btn-primary btn-large"
222                   >Proceed to donation</button>
223         </div>
224       </div>
225     </form>
226   </div>
227 </body>
228 #+END_HTML