campaign: Improve twitter card text.
[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="<!--LANG-->">
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 erlauben 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               <input type="hidden" name="lang" value="<!--LANG-->" />
125               <script
126                 src="https://checkout.stripe.com/checkout.js"
127                 class="stripe-button"
128                 data-key="<!--STRIPEPUBKEY-->"
129                 data-image="/share/gnupg-badge-128x128.png"
130                 data-name="GnuPG"
131                 data-description="Spende an das GnuPG Projekt"
132                 data-locale="<!--STRIPELOCALE-->"
133                 data-amount="<!--STRIPEAMOUNT-->"
134                 data-currency="<!--CURRENCY-->"
135                 data-panel-label="Spende von {{amount}} <!--RECUR_TEXT-->"
136                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
137                 <!--STRIPE_DATA_EMAIL-->
138               >
139               </script>
140             </form>
141           </p>
142           <p>
143             <form action="/cgi-bin/procdonate.cgi" method="POST"
144                   class="form-inline">
145               <input type="hidden" name="mode" value="re-main" />
146               <input type="hidden" name="sessid" value="<!--SESSID-->" />
147               <input type="hidden" name="lang" value="<!--LANG-->" />
148               <input type="submit" class="btn btn-default btn-sm"
149                      value="Zurück" />
150             </form>
151           </p>
152         </div>
153       </div>
154     </div>
155
156     <div class="camp-gutter container-fluid" id="camp-footer">
157       <div class="container">
158         <div class="row">
159           <div id="cpyright">
160             <a rel="license"
161                href="https://creativecommons.org/licenses/by-sa/3.0/">
162               <img alt="CC-BY-SA 4.0" style="border: 0"
163                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
164             This web page is
165             Copyright 2017 The GnuPG Project and licensed under a
166             <a rel="license"
167                href="https://creativecommons.org/licenses/by-sa/4.0/">
168               Creative Commons Attribution-ShareAlike 4.0
169               International License
170             </a>.  See <a href="/copying.html">copying</a> for details.
171           </div>
172         </div>
173       </div>
174     </div>
175
176   </body>
177 </html>
178 #+END_HTML