Add onBoarding & funding.yml?

.github/funding.yml

@@ -0,0 +1 @@
+ko_fi: howard00

README.md

@@ -19,7 +19,7 @@ Video Guide: [YouTube](https://youtu.be/8P3qgVm6m6g)
 ## Demo:
 Production (Latest Docker Image): https://yhw.tw/news
 
-Beta (Beta Docekr Image): https://newsbeta.20090526.xyz
+Beta (Beta Docker Image): https://newsbeta.20090526.xyz
 
 ## Video Guide
 

components/app/windows/onBoarding.vue

@@ -1,9 +1,11 @@
 <template>
   <!--YouTube Embed-->
-  <div class="justify-center absolute inset-0 flex flex-col">
+  <div
+    class="justify-center align-center text-center absolute inset-0 flex flex-col mt-12"
+  >
     <iframe
-      width="560"
-      height="315"
+      width="600"
+      height="395"
       src="https://www.youtube-nocookie.com/embed/8P3qgVm6m6g?si=0t8eR0wtWv6b3REE"
       title="YouTube video player"
       frameborder="0"

createDatabase.ts

@@ -54,9 +54,9 @@ const createSources = await sql`
 const createArticlesArchive = await sql`
   create table if not exists news_articles (
   uuid text primary key,
-  article_id text primary key,
+  article_id text,
   jsondata json not null,
-  archive_timestamp timestamp default CURRENT_TIMESTAMP,
+  archive_timestamp timestamp default CURRENT_TIMESTAMP
   )
   `;
 

pages/desktop.vue

@@ -374,7 +374,9 @@ onMounted(async () => {
     if (openApp.value === "newsView") {
       return;
     }
+    setTimeout(() => {
       openWindow(openApp.value);
+    }, 2000);
   }
 });
 

pages/home.vue

@@ -132,7 +132,7 @@ useSeoMeta({
         <TooltipProvider>
           <Tooltip>
             <TooltipTrigger>
-              <NuxtLink :to="localePath('/desktop')">
+              <NuxtLink :to="localePath('/desktop?openapp=onboard')">
                 <button
                   class="m-4 mr-1 ml-1 bg-[#8C9393] text-white p-3 rounded-[10px] bg-gradient-to-l from-sky-500 to-purple-600 transition-all duration-150 hover:transform hover:scale-105 hover:shadow-lg"
                 >