update sign-in page

Author: koko37

src/App.jsx

@@ -62,6 +62,12 @@ const Footer = styled.footer`
     color: ${({ theme }) => theme.colors.gray400};
   }
 
+  ${media.md`
+    p {
+      display: none;
+    }
+  `}
+
   ${media.sm`
     flex-direction: column;
     gap: ${({ theme }) => theme.sizes.xs};
@@ -140,6 +146,14 @@ function App() {
 
       <Footer>
         <h5>&copy; 2024 Mybucks.online MIT Licensed</h5>
+
+        <p>
+          Audited by{" "}
+          <a href="https://app.secure3.io/5c92d55acd" target="_blank">
+            <strong>Secure3</strong>
+          </a>
+        </p>
+
         <nav>
           <ul>
             <li>

src/lib/conf.js

@@ -130,9 +130,9 @@ export const LOADING_PLACEHOLDER = "-----";
 
 export const UNKNOWN_FACTS = [
   "🌟 Brute-forcing takes millions of years!",
-  "🔐 It runs only in your browser. Your password stays safe!",
-  "📂 We never store or transmit your password.",
+  "🔐 It runs only in your browser.",
+  "📂 It never stores or transmits your password.",
   "🤫 Your account's origin remains anonymous.",
   "💼 Feel free to transfer your wallet anytime.",
-  "⚠️ Don't forget your password! There's no reset or recovery option.",
+  "⚠️ There's no reset or recovery option.",
 ];

src/pages/Signin/index.jsx

@@ -181,8 +181,8 @@ const SignIn = () => {
   );
 
   const unknownFact = useMemo(
-    () => UNKNOWN_FACTS[Math.floor(Math.random() * UNKNOWN_FACTS.length)],
-    []
+    () => UNKNOWN_FACTS[Math.floor(progress / 17)],
+    [progress]
   );
 
   const onSubmit = async () => {
@@ -227,8 +227,8 @@ const SignIn = () => {
         </LogoWrapper>
 
         <Box>
-          <Title>Open your account</Title>
-          <Caption>Keep your password strong and secure</Caption>
+          <Title>Unlock your wallet</Title>
+          <Caption>Use your own unique credentials</Caption>
 
           <div>
             <Label htmlFor="password">Password</Label>