campaign: typo on paypal cancel page
[gnupg-doc.git] / web / donate / checkout-cc.de.org
1 #                                                    -*- html -*-
2 #+TITLE: GnuPG - Spenden - Zahlen mit Kreditkarte
3 #+STARTUP: showall
4 #+SETUPFILE: "../share/setup.inc"
5
6 #+BEGIN_HTML
7 <!--custom-page-->  <!-- this disables all standard processing. -->
8   <!-- bootstrap core and site css -->
9   <link href="/share/3rdparty/bootstrap/bootstrap-gnupg.css" rel="stylesheet">
10   <link href="/share/campaign/campaign.css" rel="stylesheet">
11
12   <script defer src="/share/3rdparty/jquery/jquery.min.js"></script>
13   <script defer src="/share/3rdparty/bootstrap/bootstrap.min.js"></script>
14
15 </head>
16   <body lang="en">
17 <style>
18 .control-label {
19   padding-top: 0 !important;
20 }
21
22 .form-control-static {
23   padding-top: 0 !important;
24   padding-bottom: 0 !important;
25   min-height: 0 !important;
26 }
27 </style>
28     <!-- Fixed navbar -->
29     <nav class="navbar navbar-default navbar-fixed-top">
30       <div class="container">
31
32         <div class="navbar-header">
33           <button type="button" class="navbar-toggle collapsed"
34                   data-toggle="collapse" data-target="#navbar"
35                   aria-expanded="false" aria-controls="navbar">
36             <span class="sr-only">Toggle navigation</span>
37             <span class="icon-bar"></span>
38             <span class="icon-bar"></span>
39             <span class="icon-bar"></span>
40           </button>
41           <img class="navbar-brand" alt="GnuPG"
42                src="/share/gnupg-lock-white-250x250.png">
43         </div>
44
45         <div id="navbar" class="navbar-collapse collapse">
46           <ul class="nav navbar-nav">
47             <li><a href="/donate/index.de.html">Home</a></li>
48           </ul>
49         </div><!--/.nav-collapse -->
50       </div>
51     </nav>
52
53     <div class="camp-gutter container">
54       <div class="row">
55         <div class="col-md-7 col-md-offset-2">
56           <h2>Übersicht</h2>
57           <p>Informationen zu Ihrer gewünschten Spende:</p>
58           <form class="form-horizontal">
59             <div class="form-group">
60               <label class="col-sm-3 control-label">Betrag</label>
61               <div class="col-sm-9">
62                 <p class="form-control-static">
63                   <!--AMOUNT-->
64                   <!--CURRENCY-->
65                   <!--RECUR_TEXT-->
66                 </p>
67               </div>
68             </div>
69             <div class="form-group">
70               <label class="col-sm-3 control-label">Name</label>
71               <div class="col-sm-9">
72                 <p class="form-control-static"><!--NAME--></p>
73               </div>
74             </div>
75             <div class="form-group">
76               <label class="col-sm-3 control-label">E-Mail</label>
77               <div class="col-sm-9">
78                 <p class="form-control-static"><!--MAIL--></p>
79               </div>
80             </div>
81             <div class="form-group">
82               <label class="col-sm-3 control-label">Nachricht</label>
83               <div class="col-sm-9">
84                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
85               </div>
86             </div>
87           </form>
88           <p>
89             Falls etwas nicht korrekt ist, benutzen Sie bitte den
90             Zurück-Knopf weiter unten auf dieser Seite.  Wenn die
91             Daten korrekt sind, können sie nun mit der Spende
92             fortfahren.
93           </p>
94
95           <noscript>
96             <div class="alert alert-danger" role="alert">
97               <p>
98                 <strong>Bitte schalten Sie Javascript ein.</strong>
99                 Aus Sicherheitsgründen ist es empfehlenswert
100                 Javascript im Browser abzuschalten.  Wir möchten
101                 jedoch die Kreditkarteninformationen nicht selbst
102                 verarbeiten, sondern den Services eines
103                 Zahlungsabwicklers in Anspruch nehmen und die
104                 sensiblen Informationen direkt von Ihrem Browser an
105                 diese übermitteln.  Bitte schalten Sie deswegen
106                 Javascript für <emph>gnupg.org</emph>
107                 und <emph>stripe.com</emph> ein.
108               </p>
109             </div>
110           </noscript>
111
112         </div>
113       </div>
114       <div class="row">
115         <!-- ERRORSTR -->
116       </div>
117       <div class="row">
118         <div class="col-sm-5 col-md-offset-2">
119           <p>
120             <form action="/cgi-bin/procdonate.cgi" method="POST"
121                   class="form-inline">
122               <input type="hidden" name="mode" value="checkout-stripe" />
123               <input type="hidden" name="sessid" value="<!--SESSID-->" />
124               <script
125                 src="https://checkout.stripe.com/checkout.js"
126                 class="stripe-button"
127                 data-key="<!--STRIPEPUBKEY-->"
128                 data-image="/share/gnupg-badge-128x128.png"
129                 data-name="GnuPG"
130                 data-description="Spende an das GnuPG Projekt"
131                 data-locale="<!--STRIPELOCALE-->"
132                 data-amount="<!--STRIPEAMOUNT-->"
133                 data-currency="<!--CURRENCY-->"
134                 data-panel-label="Donate {{amount}} <!--RECUR_TEXT-->"
135                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
136                 <!--STRIPE_DATA_EMAIL-->
137               >
138               </script>
139             </form>
140           </p>
141           <p>
142             <form action="/cgi-bin/procdonate.cgi" method="POST"
143                   class="form-inline">
144               <input type="hidden" name="mode" value="re-main" />
145               <input type="hidden" name="sessid" value="<!--SESSID-->" />
146               <input type="hidden" name="lang" value="<!--LANG-->" />
147               <input type="submit" class="btn btn-default btn-sm"
148                      value="Zurück" />
149             </form>
150           </p>
151         </div>
152       </div>
153     </div>
154
155     <div class="camp-gutter container-fluid" id="camp-footer">
156       <div class="container">
157         <div class="row">
158           <div id="cpyright">
159             <a rel="license"
160                href="https://creativecommons.org/licenses/by-sa/3.0/">
161               <img alt="CC-BY-SA 4.0" style="border: 0"
162                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
163             This web page is
164             Copyright 2017 The GnuPG Project and licensed under a
165             <a rel="license"
166                href="https://creativecommons.org/licenses/by-sa/4.0/">
167               Creative Commons Attribution-ShareAlike 4.0
168               International License
169             </a>.  See <a href="/copying.html">copying</a> for details.
170           </div>
171         </div>
172       </div>
173     </div>
174
175   </body>
176 </html>
177 #+END_HTML