From 59c5ae5c8b9ae884b821bb058000e803cf081691 Mon Sep 17 00:00:00 2001
From: willclarktech <willclarktech@users.noreply.github.com>
Date: Thu, 10 Sep 2020 11:26:11 +0200
Subject: [PATCH] launchpad-ledger: Add demo html/css

---
 packages/launchpad-ledger/ledger-demo.css  | 24 ++++++++++
 packages/launchpad-ledger/ledger-demo.html | 54 ++++++++++++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 packages/launchpad-ledger/ledger-demo.css
 create mode 100644 packages/launchpad-ledger/ledger-demo.html
diff --git a/packages/launchpad-ledger/ledger-demo.css b/packages/launchpad-ledger/ledger-demo.css
new file mode 100644
index 00000000..4cc56f58
--- /dev/null
+++ b/packages/launchpad-ledger/ledger-demo.css
@@ -0,0 +1,24 @@
+div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+  padding: 0.5em;
+}
+
+button {
+  padding: 1em;
+}
+
+label {
+  margin-right: 1em;
+}
+
+input {
+  width: 32em;
+}
+
+textarea {
+  width: 32em;
+  height: 14em;
+}
diff --git a/packages/launchpad-ledger/ledger-demo.html b/packages/launchpad-ledger/ledger-demo.html
new file mode 100644
index 00000000..ecff0065
--- /dev/null
+++ b/packages/launchpad-ledger/ledger-demo.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ledger Demo</title>
+    <link rel="stylesheet" href="ledger-demo.css"></style>
+    <script src="dist/demo/ledger.js"></script>
+  </head>
+  <body>
+    <div>
+      <h1>Ledger Demo</h1>
+    </div>
+    <div>
+      <ol>
+        <li>Connect the Ledger device via USB</li>
+        <li>Open the Cosmos app on the Ledger device</li>
+        <li>Click the buttons below</li>
+      </ol>
+    </div>
+    <div>
+      <button onclick="getAccounts()">
+        Get Accounts
+      </button>
+    </div>
+    <div id="accounts"></div>
+    <div>
+      <label>Address</label>
+      <input id="address" type="text" value=""></input>
+    </div>
+    <div>
+      <label>Message</label>
+      <textarea id="message">
+{
+  "account_number": 0,
+  "chain_id": "testing",
+  "fee": {
+    "amount": [{ "amount": 100, "denom": "ucosm" }],
+    "gas": 250
+  },
+  "memo": "Some memo",
+  "msgs": [],
+  "sequence": 0
+}
+      </textarea>
+    </div>
+    <div>
+      <button onclick="sign()">
+        Sign Message
+      </button>
+    </div>
+    <div id="signature"></div>
+  </body>
+</html>
