web: Update playlist.
[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"><!--AMOUNT--> <!--CURRENCY--> <!--RECUR_TEXT--></p>
63               </div>
64             </div>
65             <div class="form-group">
66               <label class="col-sm-3 control-label">Name</label>
67               <div class="col-sm-9">
68                 <p class="form-control-static"><!--NAME--></p>
69               </div>
70             </div>
71             <div class="form-group">
72               <label class="col-sm-3 control-label">Mail</label>
73               <div class="col-sm-9">
74                 <p class="form-control-static"><!--MAIL--></p>
75               </div>
76             </div>
77             <div class="form-group">
78               <label class="col-sm-3 control-label">Message</label>
79               <div class="col-sm-9">
80                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
81               </div>
82             </div>
83           </form>
84           <p>
85           If something is wrong, please use the back button below to change
86           it.  If the data is correct, you may now continue with the payment.
87           </p>
88
89           <noscript>
90             <div class="alert alert-danger" role="alert">
91               <p>
92                 <strong>Please enable Javascript.</strong>
93                 Right, for security reasons it is in general preferable to
94                 disable Javascript in a browser.  However, we do not want
95                 to handle credit card numbers ourselves and use a service of
96                 our payment processor to convey this sensitive information
97                 directly between your browser and them.  This requires that
98                 you enable enable Javascript for <em>gnupg.org</em>
99                 and <em>stripe.com</em>.
100               </p>
101             </div>
102           </noscript>
103
104         </div>
105       </div>
106       <div class="row">
107         <!-- ERRORSTR -->
108       </div>
109       <div class="row">
110         <div class="col-sm-5 col-md-offset-2">
111           <p>
112             <form action="/cgi-bin/procdonate.cgi" method="POST" class="form-inline">
113               <input type="hidden" name="mode" value="checkout-stripe">
114               <input type="hidden" name="sessid" value="<!--SESSID-->">
115               <script
116                 src="https://checkout.stripe.com/checkout.js"
117                 class="stripe-button"
118                 data-key="<!--STRIPEPUBKEY-->"
119                 data-image="/share/gnupg-badge-128x128.png"
120                 data-name="GnuPG"
121                 data-description="Donation to the GnuPG project"
122                 data-locale="<!--STRIPELOCALE-->"
123                 data-amount="<!--STRIPEAMOUNT-->"
124                 data-currency="<!--CURRENCY-->"
125                 data-panel-label="Donate {{amount}} <!--RECUR_TEXT-->"
126                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
127                 <!--STRIPE_DATA_EMAIL-->
128               >
129               </script>
130             </form>
131           </p>
132           <p>
133             <form action="/cgi-bin/procdonate.cgi" method="POST" class="form-inline">
134               <input type="hidden" name="mode" value="re-main">
135               <input type="hidden" name="sessid" value="<!--SESSID-->">
136               <input type="hidden" name="lang" value="<!--LANG-->">
137               <input type="submit" class="btn btn-default btn-sm" value="Back" />
138             </form>
139           </p>
140         </div>
141       </div>
142     </div>
143
144     <div class="camp-gutter container-fluid" id="camp-footer">
145       <div class="container">
146         <div class="row">
147           <div id="cpyright">
148             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
149               <img alt="CC-BY-SA 4.0" style="border: 0"
150                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
151             This web page is
152             Copyright 2017 The GnuPG Project and licensed under a
153             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
154             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
155             <a href="/copying.html">copying</a> for details.
156           </div>
157         </div>
158       </div>
159     </div>
160
161   </body>
162 </html>
163 #+END_HTML