demo pages. KeyChain icon aligned right and the header put into a Her…

…o component
arrayio · Jan 31, 2019 · 635f9b9 · 635f9b9
1 parent 32e270f
commit 635f9b9
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 18 deletions.
diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -20,15 +20,22 @@
     </div>
   </div>
   <div class="columns">
-    <div class="column col-2 ">
-    </div>
-    <div class="column col-2">
-      <img src="../assets/logo.png" alt="KeyChain logo">
-    </div>
-    <div class="column col mx-2 my-2">
-      <h1>KeyChain demo</h1>
-      <h6>Test the WebSocket commands of KeyChain <span id="version"></span> - a highly secure key management app for generating keys and signing transactions.</h6>
-      <h6>Documentation: <a href="https://github.com/arrayio/array-io-keychain/wiki/KeyChain-Protocol">KeyChain Protocol</a></h6>
+    <div class="column">
+      <div class="hero hero-sm">
+        <div class="hero-body">
+          <div class="columns">
+            <div class="column col-2 text-right">
+              <img src="../assets/logo.png" alt="KeyChain logo">
+            </div>
+            <div class="column col-10">
+              <h1>KeyChain demo</h1>
+              <p>Test the WebSocket commands of KeyChain <span id="version"></span> - a highly secure key management app for generating keys and signing transactions. <br>
+                Documentation: <a href="https://github.com/arrayio/array-io-keychain/wiki/KeyChain-Protocol">KeyChain Protocol</a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
   <div class="columns my-1">

diff --git a/docs/index.html b/docs/index.html
@@ -20,15 +20,22 @@
     </div>
   </div>
   <div class="columns">
-    <div class="column col-2 ">
-    </div>
-    <div class="column col-2">
-      <img src="assets/logo.png" alt="KeyChain logo">
-    </div>
-    <div class="column col mx-2 my-2">
-      <h1>KeyChain demo</h1>
-      <h6>Test the WebSocket commands of KeyChain <span id="version"></span> - a highly secure key management app for generating keys and signing transactions.</h6>
-      <h6>Documentation: <a href="https://github.com/arrayio/array-io-keychain/wiki/KeyChain-Protocol">KeyChain Protocol</a></h6>
+    <div class="column">
+      <div class="hero hero-sm">
+        <div class="hero-body">
+          <div class="columns">
+            <div class="column col-2 text-right">
+              <img src="assets/logo.png" alt="KeyChain logo">
+            </div>
+            <div class="column col-10">
+              <h1>KeyChain demo</h1>
+              <p>Test the WebSocket commands of KeyChain <span id="version"></span> - a highly secure key management app for generating keys and signing transactions. <br>
+                Documentation: <a href="https://github.com/arrayio/array-io-keychain/wiki/KeyChain-Protocol">KeyChain Protocol</a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
   <div class="columns my-1">