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