a30a1f5067d83208e6bd6f82a3ffdf903fb73fbb
[gnupg-doc.git] / web / donate / checkout-cc.fr.org
1 #                                                    -*- html -*-
2 #+TITLE: GnuPG - Faire un don - Paiement par carte de crédit
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="fr">
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">Afficher/masquer le menu</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="/">Page d'accueil</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>Règlement</h2>
57           <p>Informations sur votre don prévu.</p>
58           <form class="form-horizontal">
59             <div class="form-group">
60               <label class="col-sm-3 control-label">Montant</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">Nom</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">Courriel</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           Dans le cas où une entrée serait incorrecte, veuillez utiliser le bouton
86           <em>Précédent</em> ci-dessous pour la changer.
87           Si les champs ci-dessus sont tous corrects, vous pouvez alors continuer le paiement.
88           </p>
89
90           <noscript>
91             <div class="alert alert-danger" role="alert">
92               <p>
93                 <strong>Veuillez activer JavaScript.</strong>
94                 En effet, pour des raisons de sécurité il est en général préférable
95                 de désactiver JavaScript dans votre navigateur.  En revanche,
96                 nous ne voulons pas manipuler les numéros de carte de crédit
97                 nous-mêmes, et c'est pourquoi nous utilisons un processeur de
98                 paiement en ligne pour transférer cette information sensible
99                 directement entre votre navigateur eux ledit processeur.
100                 Ceci nécessite que vous activiez JavaScript pour <emph>gnupg.org</emph>
101                 et <emph>stripe.com</emph>.
102               </p>
103             </div>
104           </noscript>
105
106         </div>
107       </div>
108       <div class="row">
109         <!-- ERRORSTR -->
110       </div>
111       <div class="row">
112         <div class="col-sm-5 col-md-offset-2">
113           <p>
114             <form action="/cgi-bin/procdonate.cgi" method="POST" class="form-inline">
115               <input type="hidden" name="mode" value="checkout-stripe">
116               <input type="hidden" name="sessid" value="<!--SESSID-->">
117               <script
118                 src="https://checkout.stripe.com/checkout.js"
119                 class="stripe-button"
120                 data-key="<!--STRIPEPUBKEY-->"
121                 data-image="/share/gnupg-badge-128x128.png"
122                 data-name="GnuPG"
123                 data-description="Donation to the GnuPG project"
124                 data-locale="<!--STRIPELOCALE-->"
125                 data-amount="<!--STRIPEAMOUNT-->"
126                 data-currency="<!--CURRENCY-->"
127                 data-panel-label="Donate {{amount}} <!--RECUR_TEXT-->"
128                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
129                 <!--STRIPE_DATA_EMAIL-->
130               >
131               </script>
132             </form>
133           </p>
134           <p>
135             <form action="/cgi-bin/procdonate.cgi" method="POST" class="form-inline">
136               <input type="hidden" name="mode" value="re-main">
137               <input type="hidden" name="sessid" value="<!--SESSID-->">
138               <input type="hidden" name="lang" value="<!--LANG-->">
139               <input type="submit" class="btn btn-default btn-sm" value="Précédent" />
140             </form>
141           </p>
142         </div>
143       </div>
144     </div>
145
146     <div class="camp-gutter container-fluid" id="camp-footer">
147       <div class="container">
148         <div class="row">
149           <div id="cpyright">
150             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
151               <img alt="CC-BY-SA 4.0" style="border: 0"
152                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
153             This web page is
154             Copyright 2017 The GnuPG Project and licensed under a
155             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
156             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
157             <a href="/copying.html">copying</a> for details.
158           </div>
159         </div>
160       </div>
161     </div>
162
163   </body>
164 </html>
165 #+END_HTML