[feat] new welcome page

src/App.svelte

@@ -15,11 +15,11 @@
     let didFirstSetup: boolean  = false
     let gridOpen = false
 
-    DataBase.subscribe(db => {
-        if(db.didFirstSetup !== didFirstSetup){
-            didFirstSetup = db.didFirstSetup || false
-        }
-    })
+    // DataBase.subscribe(db => {
+    //     if(db.didFirstSetup !== didFirstSetup){
+    //         didFirstSetup = db.didFirstSetup || false
+    //     }
+    // })
 
 </script>
 

src/lib/Others/WelcomeRisu.svelte

@@ -6,19 +6,21 @@
     import { DataBase } from "src/ts/storage/database";
     import { sleep } from "src/ts/util";
     import TextInput from "../UI/GUI/TextInput.svelte";
+  import Button from "../UI/GUI/Button.svelte";
 
     let step = 0
     let provider = 0
 </script>
 
-<div class="w-full h-full bg-bgcolor flex justify-center">
-    <article class="max-w-screen-md w-full prose prose-invert bg-darkbg p-5 overflow-y-auto overflow-x-hidden">
-        <div class="w-full justify-center flex">
-            <img src="/logo2.png" alt="logo">
-        </div>
-        <div class="w-full justify-center flex">
-            <h1>Welcome to RisuAI!</h1>
+<div class="w-full h-full flex justify-center welcome-bg text-neutral-200">
+    <article class="w-full overflow-y-hidden overflow-x-hidden max-w-full min-h-full h-full flex flex-col">
+        <div class="w-full justify-center flex mt-8">
+            <img src="/logo_typo_trans.png" alt="logo" class="w-full max-w-screen-sm  mb-0">
         </div>
+        <!-- <div class="w-full items-center flex flex-col justify-center mb-8">
+            <button class=" border border-selected rounded-md px-4 py-2 text-lg hover:border-neutral-200 transition">Get Started</button>
+        </div> -->
+        <div class="w-full flex-col bg-darkbg flex-grow mt-5 prose prose-invert max-w-full p-5 rounded-t-lg overflow-y-auto overflow-x-hidden">
             {#if step === 0}
                 <h2>Choose the language</h2>
                 <div class="flex flex-col items-start ml-2">
@@ -167,6 +169,7 @@
                     step = step - 1
                 }}>• Go Back</button>
             {/if}
+        </div>
 
     </article>
 </div>
@@ -177,4 +180,8 @@
     .classic-italic{
         color: #8C8D93;
     }
+    .welcome-bg{
+        background-image: url("/public/welcome/welcomebg.png");
+        background-size: cover;
+    }
 </style>