ba4204b25e5ab56bc4e502270fbf5f030b489e5e
[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               <span class="help-block help-inline" id="paypal-note">
155                 Please note that in certain countries recurring donations are not possible with PayPal.
156               </span>
157             </label>
158           </div>
159           <div class="radio">
160             <label>
161               <input type="radio" name="paytype" id="se"
162                      value="se" /><!--CHECK_SE-->
163               SEPA (virement bancaire européen)
164             </label>
165           </div>
166           <div class="radio">
167             <label>
168               <input type="radio" name="paytype" id="bc"
169                      value="bc" /><!--CHECK_BC-->
170               Bitcoin
171             </label>
172           </div>
173         </div>
174       </div>
175
176       <!-- Name -->
177       <div class="form-group">
178         <label for="name" class="col-sm-2 control-label">
179           Nom <!--ERR_NAME-->
180           <p class="text-muted"><small>(optionnel)</small></p>
181         </label>
182         <div class="col-sm-6">
183           <input type="text" class="form-control" name="name"
184                  id="f_name" placeholder="Nom (optionnel)"
185                  value=""/><!--NAME-->
186           <span class="help-block">
187             Si vous souhaitez être listé sur notre
188              <a href="https://www.gnupg.org/donate/kudos.html"
189                 >liste de donateurs</a>, alors veuillez entrer votre nom tel
190              que vous voulez qu'il y apparaisse.
191           </span>
192         </div>
193       </div>
194
195       <!-- Email -->
196       <div class="form-group">
197         <label for="mail" class="col-sm-2 control-label">
198           Courriel <!--ERR_MAIL-->
199           <p class="text-muted"><small>(optionnel)</small></p>
200         </label>
201         <div class="col-sm-6">
202           <input type="email" class="form-control" name="mail"
203                  id="f_mail" placeholder="Courriel (optionnel)"
204                  value=""/><!--MAIL-->
205           <span class="help-block">
206             Votre adresse électronique nous permettra de vous contacter
207             en cas de problème avec votre paiement.
208           </span>
209         </div>
210       </div>
211
212       <!-- Message -->
213       <div class="form-group">
214         <label for="message" class="col-sm-2 control-label">
215           Message
216           <p class="text-muted"><small>(optionnel)</small></p>
217         </label>
218         <div class="col-sm-6">
219           <textarea class="form-control" name="message" id="f_message"
220                     rows="4"
221                     ></textarea><!--MESSAGE-->
222           <span class="help-block">
223             Si vous souhaitez nous laissez nous un message, vous pouvez le faire ici.
224           </span>
225         </div>
226       </div>
227       <div class="row">
228         <div class="col-sm-10 col-sm-offset-2">
229           <button type="submit" class="btn btn-primary btn-large"
230                   >Suivant</button>
231         </div>
232       </div>
233     </form>
234   </div>
235
236   <div class="camp-gutter container-fluid" id="camp-footer">
237     <div class="container">
238       <div class="row">
239         <div id="cpyright">
240           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
241             <img alt="CC-BY-SA 4.0" style="border: 0"
242                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
243           This web page is
244           Copyright 2017 The GnuPG Project and licensed under a
245           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
246           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
247           <a href="/copying.html">copying</a> for details.
248         </div>
249       </div>
250     </div>
251   </div>
252 </body>
253 #+END_HTML