feat: update info dialog (#2741)

components/help/HelpPreview.vue

@@ -30,10 +30,12 @@ const vAutoFocus = (el: HTMLElement) => el.focus()
       </NuxtLink>
       {{ $t('help.desc_para6') }}
     </p>
+    <NuxtLink hover:text-primary href="https://github.com/sponsors/elk-zone" target="_blank">
       {{ $t('help.desc_para3') }}
-    <p flex="~ gap-2 wrap" mxa>
+    </NuxtLink>
+    <p flex="~ gap-2 wrap justify-center" mxa>
       <template v-for="team of elkTeamMembers" :key="team.github">
-        <NuxtLink :href="`https://github.com/sponsors/${team.github}`" target="_blank" external rounded-full transition duration-300 border="~ transparent" hover="scale-105 border-primary">
+        <NuxtLink :href="team.link" target="_blank" external rounded-full transition duration-300 border="~ transparent" hover="scale-105 border-primary">
           <img :src="`/avatars/${team.github}-100x100.png`" :alt="team.display" rounded-full w-15 h-15 height="60" width="60">
         </NuxtLink>
       </template>

composables/about.ts

@@ -3,8 +3,10 @@ import type { BuildInfo } from '~~/types'
 export interface Team {
   github: string
   display: string
-  twitter: string
+  twitter?: string
   mastodon: string
+  link: string
+  sponsors?: string
 }
 
 export const elkTeamMembers: Team[] = [
@@ -13,24 +15,43 @@ export const elkTeamMembers: Team[] = [
     display: 'Anthony Fu',
     twitter: 'antfu7',
     mastodon: 'antfu@webtoo.ls',
+    link: '/m.webtoo.ls/@antfu',
   },
   {
     github: 'patak-dev',
     display: 'Patak',
     twitter: 'patak_dev',
     mastodon: 'patak@webtoo.ls',
+    link: '/m.webtoo.ls/@patak',
   },
   {
     github: 'danielroe',
     display: 'Daniel Roe',
     twitter: 'danielcroe',
     mastodon: 'daniel@roe.dev',
+    link: '/mastodon.roe.dev/@daniel',
   },
   {
     github: 'sxzz',
     display: '三咲智子 Kevin Deng',
     twitter: 'sanxiaozhizi',
     mastodon: 'sxzz@webtoo.ls',
+    link: '/m.webtoo.ls/@sxzz',
+  },
+  {
+    github: 'userquin',
+    display: 'Joaquín Sánchez',
+    twitter: 'userquin',
+    mastodon: 'userquin@webtoo.ls',
+    link: '/m.webtoo.ls/@userquin',
+    sponsors: 'elk-zone', // sponsors/userquin isn't enabled
+  },
+  {
+    github: 'shuuji3',
+    display: 'TAKAHASHI Shuuji',
+    mastodon: 'shuuji3@webtoo.ls',
+    link: '/m.webtoo.ls/@shuuji3',
+    sponsors: 'elk-zone', // sponsors/shuuji3 isn't enabled
   },
 ].sort(() => Math.random() - 0.5)
 

locales/en.json

@@ -196,14 +196,14 @@
       "title": "Preview deploy"
     },
     "desc_highlight": "Expect some bugs and missing features here and there.",
-    "desc_para1": "Thanks for your interest in trying out Elk, our work-in-progress Mastodon web client!",
-    "desc_para2": "we are working hard on the development and improving it over time.",
+    "desc_para1": "Elk is a nimble Mastodon web client. You can login to your Mastodon account and use it to interact with the fediverse.",
+    "desc_para2": "Elk is Open Source and we're actively improving it as a community project. Join us and let's build it together!",
     "desc_para3": "To boost development, you can sponsor the Team through GitHub Sponsors. We hope you enjoy Elk!",
-    "desc_para4": "Elk is Open Source. If you'd like to help with testing, giving feedback, or contributing,",
+    "desc_para4": "If you'd like to report a bug, help us testing, give feedback, or contribute,",
     "desc_para5": "reach out to us on GitHub",
     "desc_para6": "and get involved.",
     "footer_team": "The Elk Team",
-    "title": "Elk is in Preview!"
+    "title": "Welcome to Elk!"
   },
   "language": {
     "search": "Search"

pages/settings/about/index.vue

@@ -124,7 +124,7 @@ function handleShowCommit() {
       <SettingsItem
         v-for="team in elkTeamMembers" :key="team.github"
         :text="team.display"
-        :to="`https://github.com/sponsors/${team.github}`"
+        :to="team.link"
         external target="_blank"
       >
         <template #icon>