Update index.html

index.html

@@ -152,9 +152,33 @@
             </div>
         <!-- <div class="modal-content" style=" background-size: 120px; background-repeat: no-repeat; background-position: center 10%; padding-top: 90px;">-->
         <div class="modal-content" style="">
-            <div style="height:30px;width:100%;display: inline-block;margin-bottom:5px;text-align: center;"> A simple and secure POS terminal</div>
+            <div style="height:30px;width:100%;display: inline-block;margin-bottom:5px;text-align: center;"> a simple and secure mobile point of sale terminal</div>
             <div id="qrcode" style="height:200px;width:200px;display:none;"></div>
+            <div id="runtime" style="width:50%;margin-left:25%;">
+                
+            <p>Runtime</p>
+            <p>chain: #{sokoRuntime.chain}</p>
+                
+            </div>
                  <div class="row" style="position: absolute;bottom: 5%;    width: calc(100% - 56px);">
+                    <div class="webAuthInp input-field col s12" style="text-align:center;">
+                        <input id="login-num" type="text" class="validate characterCounter" prid="login-num" autocomplete="off" minlength="100" maxlength="150" data-length="150" required>
+                        <label for="login-num" class="" style="text-align:center;">12 word recovery phrase </label>
+                    </div>
+                    <button class="loginBtn loginBtn--webauth" style="background: #256D82;"> Generate new wallet </button>
+                            
+                        <div id="webAuthBtn" class="webAuthBtn" style="text-align:center;"> <span class="icon"></span> <span class="buttonText">
+                            <button class="loginBtn recBtn--webauth" style="border: 2px solid #256D82;
+    background: white;
+    line-height: 30px;
+    color: #256D82;
+"> Recover Wallet
+</button>
+</span> </div>
+         
+                </div>
+                <!--
+   <div class="row" style="position: absolute;bottom: 5%;    width: calc(100% - 56px);">
                     <div class="webAuthInp input-field col s12" style="text-align:center;">
                         <input id="login-num" type="tel" class="validate characterCounter" prid="login-num" autocomplete="off" minlength="12" maxlength="15" data-length="15" required>
                         <label for="login-num" class="" style="text-align:center;">Phone Number</label>
@@ -172,7 +196,7 @@
          
                 </div>
 
-         <!--<div id="customBtn" class="customGPlusSignIn" style="text-align:center;"> <span class="icon"></span> <span class="buttonText"><button class="loginBtn loginBtn--google"> Google Sign In </button></span> </div>
+         <div id="customBtn" class="customGPlusSignIn" style="text-align:center;"> <span class="icon"></span> <span class="buttonText"><button class="loginBtn loginBtn--google"> Google Sign In </button></span> </div>
             -->
         </div>
         <!--<div class="modal-footer">