campaign: Add an Imprint link to the main pages.
[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               <span class="help-block help-inline" id="paypal-note">
151                 Bitte beachten Sie, das in einigen Ländern (z.B. Deutschland) Daueraufträge mit PayPal nicht möglich sind.
152               </span>
153             </label>
154           </div>
155           <div class="radio">
156             <label>
157               <input type="radio" name="paytype" id="se"
158                      value="se" /><!--CHECK_SE-->
159               Überweisung
160             </label>
161           </div>
162           <div class="radio">
163             <label>
164               <input type="radio" name="paytype" id="bc"
165                      value="bc" /><!--CHECK_BC-->
166               Bitcoin
167             </label>
168           </div>
169         </div>
170       </div>
171
172       <!-- Name -->
173       <div class="form-group">
174         <label for="name" class="col-sm-2 control-label">
175           Name <!--ERR_NAME-->
176           <p class="text-muted"><small>(optional)</small></p>
177         </label>
178         <div class="col-sm-6">
179           <input type="text" class="form-control" name="name"
180                  id="f_name" placeholder="Name (optional)"
181                  value=""/><!--NAME-->
182           <span class="help-block">
183             Wenn Sie auf der
184              <a href="https://www.gnupg.org/donate/kudos.html"
185                 >Liste der Spender</a> aufgeführt werden möchten, geben Sie bitte
186                 Ihren Namen so wie er dort erscheinen soll ein.
187           </span>
188         </div>
189       </div>
190
191       <!-- Email -->
192       <div class="form-group">
193         <label for="mail" class="col-sm-2 control-label">
194           E-Mail <!--ERR_MAIL-->
195           <p class="text-muted"><small>(optional)</small></p>
196         </label>
197         <div class="col-sm-6">
198           <input type="email" class="form-control" name="mail"
199                  id="f_mail" placeholder="E-Mail (optional)"
200                  value=""/><!--MAIL-->
201           <span class="help-block">
202             Sollten bei der Bezahlung Probleme entstehen, möchten wir
203             Sie kontaktieren.  Bitte hinterlassen Sie dazu Ihre E-Mail
204             Adresse.
205           </span>
206         </div>
207       </div>
208
209       <!-- Message -->
210       <div class="form-group">
211         <label for="message" class="col-sm-2 control-label">
212           Nachricht
213           <p class="text-muted"><small>(optional)</small></p>
214         </label>
215         <div class="col-sm-6">
216           <textarea class="form-control" name="message" id="f_message"
217                     rows="4"
218                     ></textarea><!--MESSAGE-->
219           <span class="help-block">
220             Hier können Sie gerne eine Nachricht an uns übermitteln.
221           </span>
222         </div>
223       </div>
224       <div class="row">
225         <div class="col-sm-offset-2">
226           <button type="submit" class="btn btn-primary btn-large"
227                   >Mit der Spende fortfahren</button>
228         </div>
229       </div>
230     </form>
231   </div>
232
233   <div class="camp-gutter container-fluid" id="camp-footer">
234     <div class="container">
235       <div class="row">
236         <div id="cpyright">
237           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
238             <img alt="CC-BY-SA 4.0" style="border: 0"
239                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
240           This web page is
241           Copyright 2017 The GnuPG Project and licensed under a
242           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
243           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
244           <a href="/copying.html">copying</a> for details.
245         See the <a href="/imprint.html">Imprint</a>.
246         </div>
247       </div>
248     </div>
249   </div>
250 </body>
251 #+END_HTML