campaign: fix tracking languages, improve diffability by using LANG
[gnupg-doc.git] / web / donate / donate.ja.org
1 #                                                       -*- html -*-
2 #+TITLE: GnuPG - 寄付
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="<!--LANG-->">
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">ナビゲーションのオンオフ</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.<!--LANG-->.html">戻る</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>GnuPGを支援する</h1>
54         <p>あなたの寄付を処理するために情報を入力してもらう必要があります。
55            この情報は寄付の目的のためだけに用いられ、寄付の処理に直接関係ないところには、何のデータも送信されません。名前を書かない場合、"anonymous" として寄付が行われ、公開される官舎のページには掲載されません。
56         </p>
57       </div>
58     </div>
59
60     <div class="row">
61       <div class="col-md-8 col-md-offset-2">
62         <!--ERRORPANEL-->
63       </div>
64     </div>
65
66     <form class="form-horizontal" role="form"
67           action="/cgi-bin/procdonate.cgi" method="POST">
68       <input type="hidden" name="mode" value="main" />
69       <input type="hidden" name="lang" value="<!--LANG-->" />
70
71       <!-- Amount and currency input field -->
72       <div class="form-group">
73         <label for="inputType" class="col-xs-12 col-sm-2 control-label">
74           Amount <!--ERR_AMOUNT-->
75         </label>
76         <div class="col-xs-5 col-sm-3">
77           <input type="text" class="form-control"
78                  name="amount" id="amountother" placeholder=""
79                  value=""/><!--AMOUNT-->
80         </div>
81         <div class="col-xs-7 col-sm-3 col-lg-2">
82           <select class="form-control" name="currency" id="currency">
83             <option value="EUR" selected="selected"><!--SEL_EUR-->ユーロ</option>
84             <option value="USD" ><!--SEL_USD-->米ドル</option>
85             <option value="GBP" ><!--SEL_GBP-->英ポンド</option>
86             <option value="JPY" ><!--SEL_JPY-->円</option>
87           </select>
88         </div>
89       </div>
90
91       <!-- Custom amounts -->
92       <div class="form-group">
93         <div class="col-sm-offset-2 col-sm-6">
94           <div class="btn-group btn-group-xs" role="group"
95                aria-label="suggested amounts">
96             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=500&s_cur=eur&lang=<!--LANG-->"
97                class="btn btn-default amount-btn-500">500&#x202f;€</a>
98             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=200&s_cur=eur&lang=<!--LANG-->"
99                class="btn btn-default amount-btn-200">200&#x202f;€</a>
100             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=100&s_cur=eur&lang=<!--LANG-->"
101                class="btn btn-default amount-btn-100">100&#x202f;€</a>
102             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=50&s_cur=eur&lang=<!--LANG-->"
103                class="btn btn-default amount-btn-50">50&#x202f;€</a>
104             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=20&s_cur=eur&lang=<!--LANG-->"
105                class="btn btn-default amount-btn-20">20&#x202f;€</a>
106             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=10&s_cur=eur&lang=<!--LANG-->"
107                class="btn btn-default amount-btn-10">10&#x202f;€</a>
108             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=5&s_cur=eur&lang=<!--LANG-->"
109                class="btn btn-default amount-btn-5">5&#x202f;€</a>
110           </div>
111           <span class="help-block">
112             提案される金額。
113           </span>
114         </div>
115       </div>
116
117       <!-- Recurring -->
118       <div class="form-group">
119         <label for="recur" class="col-sm-2 control-label">毎回?一度?</label>
120         <div class="col-sm-2">
121           <select class="form-control" name="recur" id="recur">
122             <option value="0"
123             selected="selected"><!--RECUR_NONE-->一回限り</option>
124             <option value="12" ><!--RECUR_MONTH-->毎月</option>
125             <option value="4" ><!--RECUR_QUARTER-->3ヶ月毎</option>
126             <option value="1" ><!--RECUR_YEAR-->毎年</option>
127           </select>
128         </div>
129       </div>
130
131       <!-- Pay using -->
132       <div class="form-group">
133         <label for="paytype" class="col-sm-2 control-label">
134           支払い方式 <!--ERR_PAYTYPE-->
135         </label>
136         <div class="col-sm-6">
137           <div class="radio">
138             <label>
139               <input type="radio" name="paytype" id="cc"
140                      value="cc" /><!--CHECK_CC-->
141               クレジットカード
142             </label>
143           </div>
144           <div class="radio">
145             <label>
146               <input type="radio" name="paytype" id="pp"
147                      value="pp" /><!--CHECK_PP-->
148               PayPal
149             </label>
150           </div>
151           <div class="radio">
152             <label>
153               <input type="radio" name="paytype" id="se"
154                      value="se" /><!--CHECK_SE-->
155               SEPA (ヨーロッパの銀行送金)
156             </label>
157           </div>
158           <div class="radio">
159             <label>
160               <input type="radio" name="paytype" id="bc"
161                      value="bc" /><!--CHECK_BC-->
162               Bitcoin
163             </label>
164           </div>
165         </div>
166       </div>
167
168       <!-- Name -->
169       <div class="form-group">
170         <label for="name" class="col-sm-2 control-label">
171           名前 <!--ERR_NAME-->
172           <p class="text-muted"><small>(オプション)</small></p>
173         </label>
174         <div class="col-sm-6">
175           <input type="text" class="form-control" name="name"
176                  id="f_name" placeholder="Name (optional)"
177                  value=""/><!--NAME-->
178           <span class="help-block">
179              <a href="https://www.gnupg.org/donate/kudos.html"
180                 >寄付者の一覧</a>に掲示を望む場合、そこに掲載される名前を入力してください。
181           </span>
182         </div>
183       </div>
184
185       <!-- Email -->
186       <div class="form-group">
187         <label for="mail" class="col-sm-2 control-label">
188           メールアドレス<!--ERR_MAIL-->
189           <p class="text-muted"><small>(オプション)</small></p>
190         </label>
191         <div class="col-sm-6">
192           <input type="email" class="form-control" name="mail"
193                  id="f_mail" placeholder="Email (optional)"
194                  value=""/><!--MAIL-->
195           <span class="help-block">
196             支払いに問題がある場合、連絡する可能性があります。
197             その際のメールアドレスを入力してください。
198           </span>
199         </div>
200       </div>
201
202       <!-- Message -->
203       <div class="form-group">
204         <label for="message" class="col-sm-2 control-label">
205           メッセージ
206           <p class="text-muted"><small>(オプション)</small></p>
207         </label>
208         <div class="col-sm-6">
209           <textarea class="form-control" name="message" id="f_message"
210                     rows="4"
211                     ></textarea><!--MESSAGE-->
212           <span class="help-block">
213             わたしたちにメッセージを残したい場合、ここに入力してください。
214           </span>
215         </div>
216       </div>
217       <div class="row">
218         <div class="col-sm-10 col-sm-offset-2">
219           <button type="submit" class="btn btn-primary btn-large"
220                   >寄付に進む</button>
221         </div>
222       </div>
223     </form>
224   </div>
225
226   <div class="camp-gutter container-fluid" id="camp-footer">
227     <div class="container">
228       <div class="row">
229         <div id="cpyright">
230           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
231             <img alt="CC-BY-SA 4.0" style="border: 0"
232                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
233           This web page is
234           Copyright 2017 The GnuPG Project and licensed under a
235           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
236           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
237           <a href="/copying.html">copying</a> for details.
238         </div>
239       </div>
240     </div>
241   </div>
242 </body>
243 #+END_HTML