From f9609df7e18f110903b67df4065b15348593d7de Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Thu, 24 May 2018 23:03:56 +0900
Subject: [PATCH] update payment

---
 .vscode/settings.json |  3 +++
 _pages/pay.html       | 35 +++++++++++++++++++++++++++++++++++
 _pages/remit.html     | 36 ------------------------------------
 _sass/post.scss       | 18 ++++++++++++++----
 4 files changed, 52 insertions(+), 40 deletions(-)
 create mode 100644 .vscode/settings.json
 create mode 100644 _pages/pay.html
 delete mode 100644 _pages/remit.html

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..9792498
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "editor.formatOnSave": false
+}
\ No newline at end of file
diff --git a/_pages/pay.html b/_pages/pay.html
new file mode 100644
index 0000000..c3f9075
--- /dev/null
+++ b/_pages/pay.html
@@ -0,0 +1,35 @@
+---
+title: "Send &amp; Claim"
+permalink: "/pay"
+layout: default
+---
+
+<div id="pay">
+    <section>
+        <p>いずれか都合の良い方法で送金または請求してください。</p>
+    </section>
+    <section>
+        <h1>Kyash</h1>
+        <p>メッセージアプリ経由で、または<span class="monospace">uechi</span>でID検索して送金・請求してください。</p>
+        <img src="/images/remit/kyash.png" width="200" height="200" />
+        <a class="button" href="https://kyash.co/">Kyashを入手</a>
+        <br/>
+    </section>
+    <section>
+        <h1>Amazon Gift</h1>
+        <p>メッセージアプリ経由、または <span class="monospace">y@uechi.io</span> 宛にお送りください。</p>
+        <a class="button" href="https://www.amazon.co.jp/gp/product/B004N3APGO/">Amazon Giftを購入</a>
+    </section>
+    <section>
+        <h1>LINE Pay</h1>
+        <p>LINE宛に送金・請求してください。</p>
+        <a class="button" href="https://line.me/ja/pay">LINE Payについて</a>
+    </section>
+    <section>
+        <h1>Bitcoin</h1>
+        <p><span class="monospace">14nD7MyrEdA8w7hxmGU19UbGrxNu7q5K6N</span>宛にお送りください。</p>
+        <img src="/images/remit/bitcoin.png" width="200" height="200" />
+        <a class="button" href="bitcoin:14nD7MyrEdA8w7hxmGU19UbGrxNu7q5K6N">Bitcoinを送金</a>
+        <br/>
+    </section>
+</div>
\ No newline at end of file
diff --git a/_pages/remit.html b/_pages/remit.html
deleted file mode 100644
index 9f3237f..0000000
--- a/_pages/remit.html
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Remit
-permalink: "/remit"
-layout: default
----
-
-<div id="remit">
-    <section>
-        <p>いずれか都合の良い方法で送金・請求してください。</p>
-    </section>
-    <section>
-        <h1>Amazon Gift</h1>
-        <p><pre>y@uechi.io</pre> 宛にメール、またはメッセージアプリでお送りください。</p>
-        <a class="button" href="https://www.amazon.co.jp/gp/product/B004N3APGO/">Amazon Gift</a>
-    </section>
-    <section>
-        <h1>Kyash</h1>
-        <p><pre>uechi</pre> でID検索、またはリンク共有で送金・請求してください。</p>
-        <img src="/images/remit/kyash.png" width="200" height="200"/>
-        <a class="button" href="kyash://qr/u/7175222723044580164">Kyashで送金</a><br/>
-    </section>
-    <section>
-        <h1>LINE Pay</h1>
-        <p><pre></pre>LINE宛に直接送金・請求してください。</p>
-    </section>
-    <section>
-        <h1>Bitcoin</h1>
-        <p><pre>14nD7MyrEdA8w7hxmGU19UbGrxNu7q5K6N</pre> 宛にお送りください。</p>
-        <img src="/images/remit/bitcoin.png" width="200" height="200"/>
-        <a class="button" href="bitcoin:14nD7MyrEdA8w7hxmGU19UbGrxNu7q5K6N">Bitcoinを送る</a><br/>
-    </section>
-    <section>
-        <h1>Paymo</h1>
-        <p><pre>uechi</pre> でID検索して送金・請求してください。割り勘のみに使用できます。</p>
-    </section>
-</div>
\ No newline at end of file
diff --git a/_sass/post.scss b/_sass/post.scss
index 0e245b0..5f9e675 100644
--- a/_sass/post.scss
+++ b/_sass/post.scss
@@ -177,12 +177,22 @@ a.article-list__item__button {
 }
 
 
-// Remit
-#remit {
+// Pay
+#pay {
   font-family: sans-serif;
 
-  pre {
-    display: inline-block;
+  .monospace {
+    font-family: monospace;
+    font-weight: bold;
+    padding: 0 5px;
+    font-size: 12pt;
+    user-select: all;
+    -webkit-user-select: all;
+    -moz-user-select: all;
+  }
+
+  p {
+    padding: 10px 0;
   }
 
   a.button {