campaign: Fix language form elements.
[gnupg-doc.git] / web / donate / donate.fr.org
1 #                                                       -*- html -*-
2 #+TITLE: GnuPG - Faire un don
3 #+STARTUP: showall
4 #+SETUPFILE: "../share/setup.inc"
5 #
6 # Note: Do not use relative links because this page is also used as a
7 #       template from cgi-bin/.  Using https://www.gnupg.org/... is
8 #       fine as it is stripped before publishing.
9
10 #+BEGIN_HTML
11 <!--custom-page-->  <!-- this disables all standard processing. -->
12   <!-- bootstrap core and site css -->
13   <link href="/share/3rdparty/bootstrap/bootstrap-gnupg.css" rel="stylesheet">
14   <link href="/share/campaign/campaign.css" rel="stylesheet">
15
16   <script defer src="/share/3rdparty/jquery/jquery.min.js"></script>
17   <script defer src="/share/3rdparty/bootstrap/bootstrap.min.js"></script>
18   <script defer src="/share/3rdparty/bootstrap/carousel.js"></script>
19   <script defer src="/share/3rdparty/bs-autohidingnavbar.js"></script>
20   <script defer src="/share/3rdparty/bcswipe.js"></script>
21   <script defer src="/share/campaign/campaign.js"></script>
22
23 </head>
24 <body lang="fr">
25   <!-- Fixed navbar -->
26   <nav class="navbar navbar-default navbar-fixed-top">
27     <div class="container">
28
29       <div class="navbar-header">
30         <button type="button" class="navbar-toggle collapsed"
31                 data-toggle="collapse" data-target="#navbar"
32                 aria-expanded="false" aria-controls="navbar">
33           <span class="sr-only">Afficher/masquer le menu</span>
34           <span class="icon-bar"></span>
35           <span class="icon-bar"></span>
36           <span class="icon-bar"></span>
37         </button>
38         <img class="navbar-brand" alt="GnuPG"
39              src="/share/gnupg-lock-white-250x250.png">
40       </div>
41
42       <div id="navbar" class="navbar-collapse collapse">
43         <ul class="nav navbar-nav">
44           <li><a href="/donate/index.fr.html">Précédent</a></li>
45         </ul>
46       </div><!--/.nav-collapse -->
47     </div>
48   </nav>
49
50   <div class="camp-gutter container">
51     <div class="row">
52       <div class="col-md-8 col-md-offset-2">
53         <h1>Soutenez GnuPG</h1>
54         <p>Veuillez remplir le formulaire suivant afin que nous
55            puissions traiter votre donation.
56            Les informations entrées sont uniquement utilisées pour ce
57            traitement, et aucune donnée ne sera envoyée à quelconque entité
58            qui ne serait pas directement concerné par votre donation.
59            L'absence de nom rend la donation « anonyme », dans le sens
60            où nom ne sera pas listé dans la page publique de remerciements.
61         </p>
62       </div>
63     </div>
64
65     <div class="row">
66       <div class="col-md-8 col-md-offset-2">
67         <!--ERRORPANEL-->
68       </div>
69     </div>
70
71     <form class="form-horizontal" role="form"
72           action="/cgi-bin/procdonate.cgi" method="POST">
73       <input type="hidden" name="mode" value="main" />
74       <input type="hidden" name="lang" value="fr" />
75
76       <!-- Amount and currency input field -->
77       <div class="form-group">
78         <label for="inputType" class="col-xs-12 col-sm-2 control-label">
79           Montant <!--ERR_AMOUNT-->
80         </label>
81         <div class="col-xs-5 col-sm-3">
82           <input type="text" class="form-control"
83                  name="amount" id="amountother" placeholder=""
84                  value=""/><!--AMOUNT-->
85         </div>
86         <div class="col-xs-7 col-sm-3 col-lg-2">
87           <select class="form-control" name="currency" id="currency">
88             <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
89             <option value="USD" ><!--SEL_USD-->US Dollar</option>
90             <option value="GBP" ><!--SEL_GBP-->British Pound</option>
91             <option value="JPY" ><!--SEL_JPY-->Yen</option>
92           </select>
93         </div>
94       </div>
95
96       <!-- Custom amounts -->
97       <div class="form-group">
98         <div class="col-sm-offset-2 col-sm-6">
99           <div class="btn-group btn-group-xs" role="group"
100                aria-label="suggested amounts">
101             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=500&s_cur=eur&lang=fr"
102                class="btn btn-default amount-btn-500">500&#x202f;€</a>
103             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=200&s_cur=eur&lang=fr"
104                class="btn btn-default amount-btn-200">200&#x202f;€</a>
105             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=100&s_cur=eur&lang=fr"
106                class="btn btn-default amount-btn-100">100&#x202f;€</a>
107             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=50&s_cur=eur&lang=fr"
108                class="btn btn-default amount-btn-50">50&#x202f;€</a>
109             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=20&s_cur=eur&lang=fr"
110                class="btn btn-default amount-btn-20">20&#x202f;€</a>
111             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=10&s_cur=eur&lang=fr"
112                class="btn btn-default amount-btn-10">10&#x202f;€</a>
113             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=5&s_cur=eur&lang=fr"
114                class="btn btn-default amount-btn-5">5&#x202f;€</a>
115           </div>
116           <span class="help-block">
117             Montants suggérés.
118           </span>
119         </div>
120       </div>
121
122       <!-- Recurring -->
123       <div class="form-group">
124         <label for="recur" class="col-sm-2 control-label">Fréquence</label>
125         <div class="col-sm-2">
126           <select class="form-control" name="recur" id="recur">
127             <option value="0"
128             selected="selected"><!--RECUR_NONE-->unique</option>
129             <option value="12" ><!--RECUR_MONTH-->mensuelle</option>
130             <option value="4" ><!--RECUR_QUARTER-->trimestrielle</option>
131             <option value="1" ><!--RECUR_YEAR-->annuelle</option>
132           </select>
133         </div>
134       </div>
135
136       <!-- Pay using -->
137       <div class="form-group">
138         <label for="paytype" class="col-sm-2 control-label">
139           Mode de paiement <!--ERR_PAYTYPE-->
140         </label>
141         <div class="col-sm-6">
142           <div class="radio">
143             <label>
144               <input type="radio" name="paytype" id="cc"
145                      value="cc" /><!--CHECK_CC-->
146               carte de crédit
147             </label>
148           </div>
149           <div class="radio">
150             <label>
151               <input type="radio" name="paytype" id="pp"
152                      value="pp" /><!--CHECK_PP-->
153               PayPal
154             </label>
155           </div>
156           <div class="radio">
157             <label>
158               <input type="radio" name="paytype" id="se"
159                      value="se" /><!--CHECK_SE-->
160               SEPA (virement bancaire européen)
161             </label>
162           </div>
163           <div class="radio">
164             <label>
165               <input type="radio" name="paytype" id="bc"
166                      value="bc" /><!--CHECK_BC-->
167               Bitcoin
168             </label>
169           </div>
170         </div>
171       </div>
172
173       <!-- Name -->
174       <div class="form-group">
175         <label for="name" class="col-sm-2 control-label">
176           Nom <!--ERR_NAME-->
177           <p class="text-muted"><small>(optionnel)</small></p>
178         </label>
179         <div class="col-sm-6">
180           <input type="text" class="form-control" name="name"
181                  id="f_name" placeholder="Nom (optionnel)"
182                  value=""/><!--NAME-->
183           <span class="help-block">
184             Si vous souhaitez être listé sur notre
185              <a href="https://www.gnupg.org/donate/kudos.html"
186                 >liste de donateurs</a>, alors veuillez entrer votre nom tel
187              que vous voulez qu'il y apparaisse.
188           </span>
189         </div>
190       </div>
191
192       <!-- Email -->
193       <div class="form-group">
194         <label for="mail" class="col-sm-2 control-label">
195           Courriel <!--ERR_MAIL-->
196           <p class="text-muted"><small>(optionnel)</small></p>
197         </label>
198         <div class="col-sm-6">
199           <input type="email" class="form-control" name="mail"
200                  id="f_mail" placeholder="Courriel (optionnel)"
201                  value=""/><!--MAIL-->
202           <span class="help-block">
203             Votre adresse électronique nous permettra de vous contacter
204             en cas de problème avec votre paiement.
205           </span>
206         </div>
207       </div>
208
209       <!-- Message -->
210       <div class="form-group">
211         <label for="message" class="col-sm-2 control-label">
212           Message
213           <p class="text-muted"><small>(optionnel)</small></p>
214         </label>
215         <div class="col-sm-6">
216           <textarea class="form-control" name="message" id="f_message"
217                     rows="4"
218                     ></textarea><!--MESSAGE-->
219           <span class="help-block">
220             Si vous souhaitez nous laissez nous un message, vous pouvez le faire ici.
221           </span>
222         </div>
223       </div>
224       <div class="row">
225         <div class="col-sm-10 col-sm-offset-2">
226           <button type="submit" class="btn btn-primary btn-large"
227                   >Suivant</button>
228         </div>
229       </div>
230     </form>
231   </div>
232
233   <div class="camp-gutter container-fluid" id="camp-footer">
234     <div class="container">
235       <div class="row">
236         <div id="cpyright">
237           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
238             <img alt="CC-BY-SA 4.0" style="border: 0"
239                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
240           This web page is
241           Copyright 2017 The GnuPG Project and licensed under a
242           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
243           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
244           <a href="/copying.html">copying</a> for details.
245         </div>
246       </div>
247     </div>
248   </div>
249 </body>
250 #+END_HTML