727d05915f
* fix: rtl arrows on settings page * fix: border on settings page for RTL languages * fix: RTL fixes for logo, search box and logout icon * fix: RTL layout bugs in conversations * chore: remove rtl setting icon * improve arabic locale * add new entries to arabic locale * chore: include number format * fix: RTL layout on several pages * fix: RTL layout of account header and sign in modal * fix: always display account handle in LTR * fix: move character counter in publish widget to left side for RTL * fix: remove border-ss-none unocss rule * fix: many RTL fixes * fix: RTL fixes for many pages * fix: use viewer's direction in all content * chore: use new arabic plural rules * chore: flip arrow on main content header * chore: fix StatusPoll and show_new_items for zh-TW * chore: StatusPoll tooltip on bottom * chore: add `en` variants to i18n conf * chore: update entry to use new plural rule * fix: automatic content direction for status * fix: direction for account handle * fix: direction of polls Co-authored-by: userquin <userquin@gmail.com> Co-authored-by: Jean-Paul Khawam <jeanpaulkhawam@protonmail.com> Co-authored-by: Daniel Roe <daniel@roe.dev>
80 lines
2.2 KiB
Vue
80 lines
2.2 KiB
Vue
<script setup lang="ts">
|
|
interface Team {
|
|
github: string
|
|
display: string
|
|
twitter: string
|
|
mastodon: string
|
|
}
|
|
|
|
const emit = defineEmits<{
|
|
(event: 'close'): void
|
|
}>()
|
|
|
|
const teams: Team[] = [
|
|
{
|
|
github: 'antfu',
|
|
display: 'Anthony Fu',
|
|
twitter: 'antfu7',
|
|
mastodon: 'antfu@mas.to',
|
|
},
|
|
{
|
|
github: 'patak-dev',
|
|
display: 'Patak',
|
|
twitter: 'patak_dev',
|
|
mastodon: 'patak@webtoo.ls',
|
|
},
|
|
{
|
|
github: 'danielroe',
|
|
display: 'Daniel Roe',
|
|
twitter: 'danielcroe',
|
|
mastodon: 'daniel@roe.dev',
|
|
},
|
|
{
|
|
github: 'sxzz',
|
|
display: 'sxzz',
|
|
twitter: 'sanxiaozhizi',
|
|
mastodon: 'sxzz@mas.to',
|
|
},
|
|
].sort(() => Math.random() - 0.5)
|
|
</script>
|
|
|
|
<template>
|
|
<div my-8 px-3 sm:px-8 md:max-w-200 flex="~ col gap-4" relative>
|
|
<button btn-action-icon absolute top--8 right-0 m1 aria-label="Close" @click="emit('close')">
|
|
<div i-ri:close-line />
|
|
</button>
|
|
|
|
<img :alt="$t('app_logo')" src="/logo.svg" w-20 h-20 height="80" width="80" mxa class="rtl-flip">
|
|
<h1 mxa text-4xl mb4>
|
|
{{ $t('help.title') }}
|
|
</h1>
|
|
<p>
|
|
{{ $t('help.desc_para1') }}
|
|
</p>
|
|
<p>
|
|
<b text-primary>{{ $t('help.desc_highlight') }}</b>
|
|
{{ $t('help.desc_para2') }}
|
|
</p>
|
|
<p>
|
|
Before that, if you'd like to help with testing, giving feedback, or contributing, <a font-bold text-primary href="/m.webtoo.ls/@elk" target="_blank">
|
|
reach out to us on Mastodon
|
|
</a> and get involved.
|
|
</p>
|
|
{{ $t('help.desc_para3') }}
|
|
<p flex="~ gap-2 wrap" mxa>
|
|
<template v-for="team of teams" :key="team.github">
|
|
<a :href="`https://github.com/sponsors/${team.github}`" target="_blank" rounded-full transition duration-300 border="~ transparent" hover="scale-105 border-primary">
|
|
<img :src="`https://res.cloudinary.com/dchoja2nb/image/twitter_name/h_120,w_120/f_auto/${team.twitter}.jpg`" :alt="team.display" rounded-full w-15 h-15 height="60" width="60">
|
|
</a>
|
|
</template>
|
|
</p>
|
|
<p italic flex justify-center w-full>
|
|
<span text-xl font-script>The Elk Team</span>
|
|
</p>
|
|
|
|
<button btn-solid mxa tabindex="2" @click="emit('close')">
|
|
{{ $t('action.enter_app') }}
|
|
</button>
|
|
</div>
|
|
</template>
|