Merge branch 'preview' into wk-master
[gnupg-doc.git] / web / donate / checkout-cc.ja.org
1 #                                                    -*- html -*-
2 #+TITLE: GnuPG - 寄付 - カードで寄付する
3 #+STARTUP: showall
4 #+SETUPFILE: "../share/setup.inc"
5
6 #+BEGIN_HTML
7 <!--custom-page-->  <!-- this disables all standard processing. -->
8   <!-- bootstrap core and site css -->
9   <link href="/share/3rdparty/bootstrap/bootstrap-gnupg.css" rel="stylesheet">
10   <link href="/share/campaign/campaign.css" rel="stylesheet">
11
12   <script defer src="/share/3rdparty/jquery/jquery.min.js"></script>
13   <script defer src="/share/3rdparty/bootstrap/bootstrap.min.js"></script>
14
15 </head>
16   <body lang="<!--LANG-->">
17 <style>
18 .control-label {
19   padding-top: 0 !important;
20 }
21
22 .form-control-static {
23   padding-top: 0 !important;
24   padding-bottom: 0 !important;
25   min-height: 0 !important;
26 }
27 </style>
28     <!-- Fixed navbar -->
29     <nav class="navbar navbar-default navbar-fixed-top">
30       <div class="container">
31
32         <div class="navbar-header">
33           <button type="button" class="navbar-toggle collapsed"
34                   data-toggle="collapse" data-target="#navbar"
35                   aria-expanded="false" aria-controls="navbar">
36             <span class="sr-only">ナビゲーションのオンオフ</span>
37             <span class="icon-bar"></span>
38             <span class="icon-bar"></span>
39             <span class="icon-bar"></span>
40           </button>
41           <img class="navbar-brand" alt="GnuPG"
42                src="/share/gnupg-lock-white-250x250.png">
43         </div>
44
45         <div id="navbar" class="navbar-collapse collapse">
46           <ul class="nav navbar-nav">
47             <li><a href="/">ホーム</a></li>
48           </ul>
49         </div><!--/.nav-collapse -->
50       </div>
51     </nav>
52
53     <div class="camp-gutter container">
54       <div class="row">
55         <div class="col-md-7 col-md-offset-2">
56           <h2>サマリ</h2>
57           <p>寄付のための情報。</p>
58           <form class="form-horizontal">
59             <div class="form-group">
60               <label class="col-sm-3 control-label">金額</label>
61               <div class="col-sm-9">
62                 <p class="form-control-static">
63                   <!--AMOUNT-->
64                   <!--CURRENCY-->
65                   <!--RECUR_TEXT-->
66                 </p>
67               </div>
68             </div>
69             <div class="form-group">
70               <label class="col-sm-3 control-label">名前</label>
71               <div class="col-sm-9">
72                 <p class="form-control-static"><!--NAME--></p>
73               </div>
74             </div>
75             <div class="form-group">
76               <label class="col-sm-3 control-label">メール</label>
77               <div class="col-sm-9">
78                 <p class="form-control-static"><!--MAIL--></p>
79               </div>
80             </div>
81             <div class="form-group">
82               <label class="col-sm-3 control-label">メッセージ</label>
83               <div class="col-sm-9">
84                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
85               </div>
86             </div>
87           </form>
88           <p>
89           何か問題がありましたら、以下の「戻る」ボタンで変更してください。
90           データがあっていれば、支払いに進んでください。
91           </p>
92
93           <noscript>
94             <div class="alert alert-danger" role="alert">
95               <p>
96                 <strong>Javascriptを有効としてください。</strong>
97                 セキュリティ上の理由からJavascriptをブラウザで禁止することは、一般に好まれることです。しかし、クレジットカード番号をわたしたち自身で扱い、その重要な情報を、あなたのブラウザと支払い業者のサービスの間で運ぶようにするのは、わたしたちはやりたくありません。
98                 このため、Javascriptを<em>gnupg.org</em>と<em>stripe.com</em>に対して有効にするようにしてください。
99               </p>
100             </div>
101           </noscript>
102
103         </div>
104       </div>
105       <div class="row">
106         <!-- ERRORSTR -->
107       </div>
108       <div class="row">
109         <div class="col-sm-5 col-md-offset-2">
110           <p>
111             <form action="/cgi-bin/procdonate.cgi" method="POST"
112                   class="form-inline">
113               <input type="hidden" name="mode" value="checkout-stripe" />
114               <input type="hidden" name="sessid" value="<!--SESSID-->" />
115               <input type="hidden" name="lang" value="<!--LANG-->" />
116               <script
117                 src="https://checkout.stripe.com/checkout.js"
118                 class="stripe-button"
119                 data-key="<!--STRIPEPUBKEY-->"
120                 data-image="/share/gnupg-badge-128x128.png"
121                 data-name="GnuPG"
122                 data-description="GnuPGプロジェクトへの寄付"
123                 data-locale="<!--STRIPELOCALE-->"
124                 data-amount="<!--STRIPEAMOUNT-->"
125                 data-currency="<!--CURRENCY-->"
126                 data-panel-label="{{amount}} <!--RECUR_TEXT--> 寄付する"
127                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
128                 <!--STRIPE_DATA_EMAIL-->
129               >
130               </script>
131             </form>
132           </p>
133           <p>
134             <form action="/cgi-bin/procdonate.cgi" method="POST"
135                   class="form-inline">
136               <input type="hidden" name="mode" value="re-main" />
137               <input type="hidden" name="sessid" value="<!--SESSID-->" />
138               <input type="hidden" name="lang" value="<!--LANG-->" />
139               <input type="submit" class="btn btn-default btn-sm"
140                      value="戻る" />
141             </form>
142           </p>
143         </div>
144       </div>
145     </div>
146
147     <div class="camp-gutter container-fluid" id="camp-footer">
148       <div class="container">
149         <div class="row">
150           <div id="cpyright">
151             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
152               <img alt="CC-BY-SA 4.0" style="border: 0"
153                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
154             This web page is
155             Copyright 2017 The GnuPG Project and licensed under a
156             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
157             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
158             <a href="/copying.html">copying</a> for details.
159           </div>
160         </div>
161       </div>
162     </div>
163
164   </body>
165 </html>
166 #+END_HTML