campaign: Add an Imprint link to the main pages.
[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/index.ja.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            この情報は寄付の目的のためだけに用いられ、寄付の処理に直接関係ないところには、何のデータも送信されません。名前を書かない場合、匿名で寄付が行われ、公開される感謝のページには掲載されません。
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="ja" />
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=ja"
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=ja"
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=ja"
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=ja"
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=ja"
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=ja"
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=ja"
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               <span class="help-block help-inline" id="paypal-note">
150                 Please note that in certain countries recurring donations are not possible with PayPal.
151               </span>
152             </label>
153           </div>
154           <div class="radio">
155             <label>
156               <input type="radio" name="paytype" id="se"
157                      value="se" /><!--CHECK_SE-->
158               SEPA (ヨーロッパの銀行送金)
159             </label>
160           </div>
161           <div class="radio">
162             <label>
163               <input type="radio" name="paytype" id="bc"
164                      value="bc" /><!--CHECK_BC-->
165               Bitcoin
166             </label>
167           </div>
168         </div>
169       </div>
170
171       <!-- Name -->
172       <div class="form-group">
173         <label for="name" class="col-sm-2 control-label">
174           名前 <!--ERR_NAME-->
175           <p class="text-muted"><small>(オプション)</small></p>
176         </label>
177         <div class="col-sm-6">
178           <input type="text" class="form-control" name="name"
179                  id="f_name" placeholder="Name (optional)"
180                  value=""/><!--NAME-->
181           <span class="help-block">
182              <a href="https://www.gnupg.org/donate/kudos.html"
183                 >寄付者の一覧</a>に掲示を望む場合、そこに掲載される名前を入力してください。
184           </span>
185         </div>
186       </div>
187
188       <!-- Email -->
189       <div class="form-group">
190         <label for="mail" class="col-sm-2 control-label">
191           メールアドレス<!--ERR_MAIL-->
192           <p class="text-muted"><small>(オプション)</small></p>
193         </label>
194         <div class="col-sm-6">
195           <input type="email" class="form-control" name="mail"
196                  id="f_mail" placeholder="Email (optional)"
197                  value=""/><!--MAIL-->
198           <span class="help-block">
199             支払いに問題がある場合、連絡する可能性があります。
200             その際のメールアドレスを入力してください。
201           </span>
202         </div>
203       </div>
204
205       <!-- Message -->
206       <div class="form-group">
207         <label for="message" class="col-sm-2 control-label">
208           メッセージ
209           <p class="text-muted"><small>(オプション)</small></p>
210         </label>
211         <div class="col-sm-6">
212           <textarea class="form-control" name="message" id="f_message"
213                     rows="4"
214                     ></textarea><!--MESSAGE-->
215           <span class="help-block">
216             わたしたちにメッセージを残したい場合、ここに入力してください。
217           </span>
218         </div>
219       </div>
220       <div class="row">
221         <div class="col-sm-10 col-sm-offset-2">
222           <button type="submit" class="btn btn-primary btn-large"
223                   >寄付に進む</button>
224         </div>
225       </div>
226     </form>
227   </div>
228
229   <div class="camp-gutter container-fluid" id="camp-footer">
230     <div class="container">
231       <div class="row">
232         <div id="cpyright">
233           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
234             <img alt="CC-BY-SA 4.0" style="border: 0"
235                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
236           This web page is
237           Copyright 2017 The GnuPG Project and licensed under a
238           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
239           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
240           <a href="/copying.html">copying</a> for details.
241           See the <a href="/imprint.html">Imprint</a>.
242         </div>
243       </div>
244     </div>
245   </div>
246 </body>
247 #+END_HTML