From a6c5cafb43e8db6f3d4e02a1aff9574b9a36cb27 Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <nebel@fogtype.com>
Date: Wed, 21 Feb 2024 01:14:43 +0900
Subject: [PATCH] blur to private key

---
 src/index.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 75ec177..6c56467 100644
--- a/src/index.html
+++ b/src/index.html
@@ -67,9 +67,20 @@
         />
       </form>
       <label for="private">Private Key</label>
-      <pre id="private"></pre>
+      <textarea id="private" rows="11"></textarea>
       <label for="public">Public Key</label>
-      <pre id="public"></pre>
+      <textarea id="public" rows="10"></textarea>
+      <style>
+        textarea {
+          display: block;
+          width: 100%;
+        }
+
+        textarea#private:not(:focus) {
+          filter: blur(2rem);
+          cursor: pointer;
+        }
+      </style>
     </main>
   </body>
 </html>