campaign: fix get parameters
[gnupg-doc.git] / web / donate / donate.de.org
1 #                                                       -*- html -*-
2 #+TITLE: GnuPG - Spenden
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="de">
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/index.de.html">Zurück</a></li>
45         </ul>
46       </div><!--/.nav-collapse -->
47     </div>
48   </nav>
49
50   <div class="camp-gutter container"> <div class="row"> <div
51     class="col-sm-8 col-sm-offset-2"> <h1>Unterstützen Sie GnuPG</h1>
52         <p>Um Ihre Spende zu verarbeiten, benötigen wir einige
53         Informationen.  Diese Informationen werden ausschliesslich für den
54         Bezahlprozess erhoben und werden niemals an nicht direkt an dem
55         Prozess beteiligte Personen weitergegeben.  Wenn sie keinen Namen
56         angeben, ist die Spende anonym und wird nicht in der Liste der
57         Spender aufgeführt.</p>
58       </div>
59     </div>
60
61     <div class="row">
62       <div class="col-sm-8 col-sm-offset-2">
63         <!--ERRORPANEL-->
64       </div>
65     </div>
66
67     <form class="form-horizontal" role="form"
68           action="/cgi-bin/procdonate.cgi" method="POST">
69       <input type="hidden" name="mode" value="main">
70       <input type="hidden" name="lang" value="de">
71
72       <!-- Amount and currency input field -->
73       <div class="form-group">
74         <label for="inputType" class="col-xs-12 col-sm-2 control-label">
75           Betrag <!--ERR_AMOUNT-->
76         </label>
77         <div class="col-xs-12 col-sm-3">
78           <input type="text" class="form-control"
79                  name="amount" id="amountother" placeholder=""
80                  value=""/><!--AMOUNT-->
81         </div>
82         <div class="col-xs-12 col-sm-3 col-lg-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-->Britische Pfund</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-sm-offset-2 col-sm-6">
95           <div class="btn-group btn-group-xs" role="group"
96                aria-label="vorgeschlagene Beträge">
97             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=500&s_cur=eur&lang=de"
98                class="btn btn-default amount-btn-500">500&#x202f;€</a>
99             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=200&s_cur=eur&lang=de"
100                class="btn btn-default amount-btn-200">200&#x202f;€</a>
101             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=100&s_cur=eur&lang=de"
102                class="btn btn-default amount-btn-100">100&#x202f;€</a>
103             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=50&s_cur=eur&lang=de"
104                class="btn btn-default amount-btn-50">50&#x202f;€</a>
105             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=20&s_cur=eur&lang=de"
106                class="btn btn-default amount-btn-20">20&#x202f;€</a>
107             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=10&s_cur=eur&lang=de"
108                class="btn btn-default amount-btn-10">10&#x202f;€</a>
109             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=5&s_cur=eur&lang=de"
110                class="btn btn-default amount-btn-5">5&#x202f;€</a>
111           </div>
112           <span class="help-block">
113             Vorgeschlagene Beträge.
114           </span>
115         </div>
116       </div>
117
118       <!-- Recurring -->
119       <div class="form-group">
120         <label for="recur" class="col-sm-2 control-label">Dauerauftrag</label>
121         <div class="col-sm-2">
122           <select class="form-control" name="recur">
123             <option value="0"
124             selected="selected"><!--RECUR_NONE-->nein</option>
125             <option value="12" ><!--RECUR_MONTH-->monatlich</option>
126             <option value="4" ><!--RECUR_QUARTER-->vierteljährlich</option>
127             <option value="1" ><!--RECUR_YEAR-->jährlich</option>
128           </select>
129         </div>
130       </div>
131
132       <!-- Pay using -->
133       <div class="form-group">
134         <label for="paytype" class="col-sm-2 control-label">
135           Bezahlen mit <!--ERR_PAYTYPE-->
136         </label>
137         <div class="col-sm-6">
138           <div class="radio">
139             <label>
140               <input type="radio" name="paytype" id="cc"
141                      value="cc" /><!--CHECK_CC-->
142               Kreditkarte
143             </label>
144           </div>
145           <div class="radio">
146             <label>
147               <input type="radio" name="paytype" id="pp"
148                      value="pp" /><!--CHECK_PP-->
149               PayPal
150             </label>
151           </div>
152           <div class="radio">
153             <label>
154               <input type="radio" name="paytype" id="se"
155                      value="se" /><!--CHECK_SE-->
156               Überweisung
157             </label>
158           </div>
159           <div class="radio">
160             <label>
161               <input type="radio" name="paytype" id="bc"
162                      value="bc" /><!--CHECK_BC-->
163               Bitcoin
164             </label>
165           </div>
166         </div>
167       </div>
168
169       <!-- Name -->
170       <div class="form-group">
171         <label for="name" class="col-sm-2 control-label">
172           Name <!--ERR_NAME-->
173           <p class="text-muted"><small>(optional)</small></p>
174         </label>
175         <div class="col-sm-6">
176           <input type="text" class="form-control" name="name"
177                  id="f_name" placeholder="Name (optional)"
178                  value=""/><!--NAME-->
179           <span class="help-block">
180             Wenn Sie auf der
181              <a href="https://www.gnupg.org/donate/kudos.html"
182                 >Liste der Spender</a> aufgeführt werden möchten, geben Sie bitte
183                 Ihren Namen so wie er dort erscheinen soll ein.
184           </span>
185         </div>
186       </div>
187
188       <!-- Email -->
189       <div class="form-group">
190         <label for="mail" class="col-sm-2 control-label">
191           E-Mail <!--ERR_MAIL-->
192           <p class="text-muted"><small>(optional)</small></p>
193         </label>
194         <div class="col-sm-6">
195           <input type="email" class="form-control" name="mail"
196                  id="f_mail" placeholder="E-Mail (optional)"
197                  value=""/><!--MAIL-->
198           <span class="help-block">
199             Sollten bei der Bezahlung Probleme entstehen, möchten wir
200             Sie kontaktieren.  Bitte hinterlassen Sie dazu Ihre E-Mail
201             Adresse.
202           </span>
203         </div>
204       </div>
205
206       <!-- Message -->
207       <div class="form-group">
208         <label for="message" class="col-sm-2 control-label">
209           Nachricht
210           <p class="text-muted"><small>(optional)</small></p>
211         </label>
212         <div class="col-sm-6">
213           <textarea class="form-control" name="message" id="f_message"
214                     rows="4"
215                     ></textarea><!--MESSAGE-->
216           <span class="help-block">
217             Hier können Sie gerne eine Nachricht an uns übermitteln.
218           </span>
219         </div>
220       </div>
221       <div class="row">
222         <div class="col-sm-offset-2">
223           <button type="submit" class="btn btn-primary btn-large"
224                   >Mit der Spende fortfahren</button>
225         </div>
226       </div>
227     </form>
228   </div>
229
230   <div class="camp-gutter container-fluid" id="camp-footer">
231     <div class="container">
232       <div class="row">
233         <div id="cpyright">
234           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
235             <img alt="CC-BY-SA 4.0" style="border: 0"
236                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
237           This web page is
238           Copyright 2017 The GnuPG Project and licensed under a
239           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
240           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
241           <a href="/copying.html">copying</a> for details.
242         </div>
243       </div>
244     </div>
245   </div>
246 </body>
247 #+END_HTML