campaign: typo on paypal cancel page
[gnupg-doc.git] / web / donate / checkout-cc.org
1 #                                                    -*- html -*-
2 #+TITLE: GnuPG - Donate - Checkout with card
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="/">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>Summary</h2>
57           <p>Information on your intended donation.</p>
58           <form class="form-horizontal">
59             <div class="form-group">
60               <label class="col-sm-3 control-label">Amount</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">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">Message</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           If something is wrong, please use the back button below to change
90           it.  If the data is correct, you may now continue with the payment.
91           </p>
92
93           <noscript>
94             <div class="alert alert-danger" role="alert">
95               <p>
96                 <strong>Please enable Javascript.</strong>
97                 Right, for security reasons it is in general preferable to
98                 disable Javascript in a browser.  However, we do not want
99                 to handle credit card numbers ourselves and use a service of
100                 our payment processor to convey this sensitive information
101                 directly between your browser and them.  This requires that
102                 you enable enable Javascript for <em>gnupg.org</em>
103                 and <em>stripe.com</em>.
104               </p>
105             </div>
106           </noscript>
107
108         </div>
109       </div>
110       <div class="row">
111         <!-- ERRORSTR -->
112       </div>
113       <div class="row">
114         <div class="col-sm-5 col-md-offset-2">
115           <p>
116             <form action="/cgi-bin/procdonate.cgi" method="POST"
117                   class="form-inline">
118               <input type="hidden" name="mode" value="checkout-stripe" />
119               <input type="hidden" name="sessid" value="<!--SESSID-->" />
120               <script
121                 src="https://checkout.stripe.com/checkout.js"
122                 class="stripe-button"
123                 data-key="<!--STRIPEPUBKEY-->"
124                 data-image="/share/gnupg-badge-128x128.png"
125                 data-name="GnuPG"
126                 data-description="Donation to the GnuPG project"
127                 data-locale="<!--STRIPELOCALE-->"
128                 data-amount="<!--STRIPEAMOUNT-->"
129                 data-currency="<!--CURRENCY-->"
130                 data-panel-label="Donate {{amount}} <!--RECUR_TEXT-->"
131                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
132                 <!--STRIPE_DATA_EMAIL-->
133               >
134               </script>
135             </form>
136           </p>
137           <p>
138             <form action="/cgi-bin/procdonate.cgi" method="POST"
139                   class="form-inline">
140               <input type="hidden" name="mode" value="re-main">
141               <input type="hidden" name="sessid" value="<!--SESSID-->">
142               <input type="hidden" name="lang" value="<!--LANG-->">
143               <input type="submit" class="btn btn-default btn-sm"
144                      value="Back" />
145             </form>
146           </p>
147         </div>
148       </div>
149     </div>
150
151     <div class="camp-gutter container-fluid" id="camp-footer">
152       <div class="container">
153         <div class="row">
154           <div id="cpyright">
155             <a rel="license"
156                href="https://creativecommons.org/licenses/by-sa/3.0/">
157               <img alt="CC-BY-SA 4.0" style="border: 0"
158                    src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
159             This web page is
160             Copyright 2017 The GnuPG Project and licensed under a
161             <a rel="license"
162                href="https://creativecommons.org/licenses/by-sa/4.0/">
163               Creative Commons Attribution-ShareAlike 4.0
164               International License
165             </a>.  See <a href="/copying.html">copying</a> for details.
166           </div>
167         </div>
168       </div>
169     </div>
170
171   </body>
172 </html>
173 #+END_HTML