0.0.7

css/main.css

@@ -271,6 +271,10 @@ button:disabled {
 #sign_in_popup p {
   margin: 1rem 0;
 }
+#sign_in_popup h5 {
+  text-align: center;
+  margin-bottom: 1rem;
+}
 
 .copy-row {
   display: grid;

css/main.scss

@@ -268,6 +268,10 @@ button {
     p {
         margin: 1rem 0;
     }
+    h5{
+        text-align: center;
+        margin-bottom: 1rem;
+    }
 }
 .copy-row {
     display: grid;

index.html

@@ -54,12 +54,18 @@
                     hideLoader()
                     showPopup('sign_in_popup', true)
                     let signInBtn = document.getElementById('sign_in_btn'),
+                        guestButton = document.getElementById('guest_btn'),
                         privateKeyInput = document.getElementById('get_priv_key_field')
                     signInBtn.onclick = () => {
                         hidePopup()
                         showLoader()
                         resolve(privateKeyInput.value)
                     }
+                    guestButton.onclick = () => {
+                        hidePopup()
+                        showLoader()
+                        reject(null)
+                    }
                 })
             })
             //invoke the startup functions
@@ -133,6 +139,8 @@
         <button id="sign_in_btn" class="primary-btn expand" type="submit" disabled>
             Sign In
         </button>
+        <h5>OR</h5>
+        <sm-button id="guest_btn">Login as guest</sm-button>
     </sm-popup>
 
     <!-- User settings popup -->