campaign,ja: Fix checkout messages.
[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"><!--AMOUNT--> <!--CURRENCY--> <!--RECUR_TEXT--></p>
63               </div>
64             </div>
65             <div class="form-group">
66               <label class="col-sm-3 control-label">名前</label>
67               <div class="col-sm-9">
68                 <p class="form-control-static"><!--NAME--></p>
69               </div>
70             </div>
71             <div class="form-group">
72               <label class="col-sm-3 control-label">メール</label>
73               <div class="col-sm-9">
74                 <p class="form-control-static"><!--MAIL--></p>
75               </div>
76             </div>
77             <div class="form-group">
78               <label class="col-sm-3 control-label">メッセージ</label>
79               <div class="col-sm-9">
80                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
81               </div>
82             </div>
83           </form>
84           <p>
85           何か問題がありましたら、以下の「戻る」ボタンで変更してください。
86           データがあっていれば、支払いに進んでください。
87           </p>
88
89           <noscript>
90             <div class="alert alert-danger" role="alert">
91               <p>
92                 <strong>Javascriptを有効としてください。</strong>
93                 セキュリティ上の理由からJavascriptをブラウザで禁止することは、一般に好まれることです。しかし、クレジットカード番号をわたしたち自身で扱い、その重要な情報を、あなたのブラウザと支払い業者のサービスの間で運ぶようにするのは、わたしたちはやりたくありません。
94                 このため、Javascriptを<em>gnupg.org</em>と<em>stripe.com</em>に対して有効にするようにしてください。
95               </p>
96             </div>
97           </noscript>
98
99         </div>
100       </div>
101       <div class="row">
102         <!-- ERRORSTR -->
103       </div>
104       <div class="row">
105         <div class="col-sm-5 col-md-offset-2">
106           <p>
107             <form action="/cgi-bin/procdonate.cgi" method="POST"
108                   class="form-inline">
109               <input type="hidden" name="mode" value="checkout-stripe" />
110               <input type="hidden" name="sessid" value="<!--SESSID-->" />
111               <script
112                 src="https://checkout.stripe.com/checkout.js"
113                 class="stripe-button"
114                 data-key="<!--STRIPEPUBKEY-->"
115                 data-image="/share/gnupg-badge-128x128.png"
116                 data-name="GnuPG"
117                 data-description="GnuPGプロジェクトへの寄付"
118                 data-locale="<!--STRIPELOCALE-->"
119                 data-amount="<!--STRIPEAMOUNT-->"
120                 data-currency="<!--CURRENCY-->"
121                 data-panel-label="{{amount}} <!--RECUR_TEXT--> 寄付する"
122                 data-label="<!--STRIPE_DATA_LABEL_VALUE-->"
123                 <!--STRIPE_DATA_EMAIL-->
124               >
125               </script>
126             </form>
127           </p>
128           <p>
129             <form action="/cgi-bin/procdonate.cgi" method="POST"
130                   class="form-inline">
131               <input type="hidden" name="mode" value="re-main">
132               <input type="hidden" name="sessid" value="<!--SESSID-->">
133               <input type="hidden" name="lang" value="<!--LANG-->">
134               <input type="submit" class="btn btn-default btn-sm"
135                      value="戻る" />
136             </form>
137           </p>
138         </div>
139       </div>
140     </div>
141
142     <div class="camp-gutter container-fluid" id="camp-footer">
143       <div class="container">
144         <div class="row">
145           <div id="cpyright">
146             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
147               <img alt="CC-BY-SA 4.0" style="border: 0"
148                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
149             This web page is
150             Copyright 2017 The GnuPG Project and licensed under a
151             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
152             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
153             <a href="/copying.html">copying</a> for details.
154           </div>
155         </div>
156       </div>
157     </div>
158
159   </body>
160 </html>
161 #+END_HTML