0.0.91

css/main.css

@@ -38,7 +38,7 @@ body[data-theme=dark] .flo-balance-card {
 }
 
 a {
-  font-weight: 600;
+  font-weight: 500;
   text-decoration: none;
   color: var(--accent-color);
 }
@@ -558,11 +558,15 @@ details p {
   line-height: 1.1em;
   font-weight: 800;
   font-size: clamp(1.5rem, 8vw, 4rem);
+  margin-top: 1rem;
+}
+#sign_in_page .info h4 {
+  color: var(--accent-color);
 }
 #sign_in_page .sign-in-box {
   background: rgba(var(--foreground-color), 1);
   z-index: 1;
-  padding: 3rem 2rem;
+  padding: 2rem;
   border-radius: 1rem;
   box-shadow: 0 0 1rem #00000016, 0 4rem 2rem -2rem #00000016;
   justify-self: center;
@@ -590,6 +594,9 @@ details p {
 #sign_in_page .sign-in-box p {
   margin-bottom: 0.5rem;
 }
+#sign_in_page .sign-in-box p:last-of-type {
+  margin-top: 1.5rem;
+}
 
 .primary-btn {
   padding: 0.6rem 1.2rem !important;

css/main.scss

@@ -36,7 +36,7 @@ body[data-theme="dark"]{
 }
 
 a {
-    font-weight: 600;
+    font-weight: 500;
     text-decoration: none;
     color: var(--accent-color);
 }
@@ -574,12 +574,16 @@ details{
             line-height: 1.1em;
             font-weight: 800;
             font-size: clamp(1.5rem, 8vw, 4rem);
+            margin-top: 1rem;
+        }
+        h4{
+            color: var(--accent-color);
         }
     }
     .sign-in-box{
         background: rgba(var(--foreground-color), 1);
         z-index: 1;
-        padding: 3rem 2rem; 
+        padding: 2rem; 
         border-radius: 1rem;
         box-shadow: 0 0 1rem #00000016, 0 4rem 2rem -2rem #00000016;
         justify-self: center;
@@ -605,6 +609,9 @@ details{
         }
         p {
             margin-bottom: 0.5rem;
+            &:last-of-type{
+                margin-top: 1.5rem;
+            }
         }
     }
 }

index.html

@@ -57,6 +57,7 @@
                     Sign In
                 </button>
             </form>
+            <p>New here? <a href="https://flo-webwallet.duckdns.org/" target="_blank">Get your sign-in credentials.</a></p>
         </div>
     </section>
     <sm-popup id="qr_code_popup">
@@ -1075,6 +1076,7 @@
     <script id="onLoadStartUp">
         const userFloIdContainers = document.querySelectorAll('.user-flo-id')
         function onLoadStartUp() {
+            floDapps.setCustomPrivKeyInput(signIn)
             showLoader()
             console.log("Starting the app! Please Wait!")
             floDapps.launchStartUp().then(async result => {
@@ -2654,7 +2656,7 @@
             }
         }
 
-        function signIn() {
+        const signIn = () => {
             return new Promise((resolve, reject) => {
                 hideLoader()
                 showSignIn()
@@ -11702,7 +11704,7 @@
 
                         const defaultInput = function (type) {
                             return new Promise(async (resolve, reject) => {
-                                let inputVal = await signIn(`Enter ${type}: `)
+                                let inputVal = prompt(`Enter ${type}: `)
                                 if (inputVal === null)
                                     reject(null)
                                 else {