2022-11-24 02:38:14 +00:00
|
|
|
<script setup lang="ts">
|
2022-11-27 03:13:39 +00:00
|
|
|
const emit = defineEmits<{
|
|
|
|
(event: 'close'): void
|
|
|
|
}>()
|
2022-11-24 02:38:14 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-12-04 06:27:08 +00:00
|
|
|
<div my-8 px-3 sm:px-8 md:max-w-200 flex="~ col gap-4" relative>
|
2022-12-02 07:27:44 +00:00
|
|
|
<button btn-action-icon absolute top--8 right-0 m1 aria-label="Close" @click="emit('close')">
|
2022-12-19 20:31:12 +00:00
|
|
|
<div i-ri:close-line />
|
2022-11-27 03:13:39 +00:00
|
|
|
</button>
|
|
|
|
|
2023-01-01 14:29:11 +00:00
|
|
|
<img :alt="$t('app_logo')" src="/logo.svg" w-20 h-20 height="80" width="80" mxa class="rtl-flip">
|
2022-11-24 02:38:14 +00:00
|
|
|
<h1 mxa text-4xl mb4>
|
2022-12-02 18:18:16 +00:00
|
|
|
{{ $t('help.title') }}
|
2022-11-24 02:38:14 +00:00
|
|
|
</h1>
|
|
|
|
<p>
|
2022-12-02 18:18:16 +00:00
|
|
|
{{ $t('help.desc_para1') }}
|
2022-11-24 02:38:14 +00:00
|
|
|
</p>
|
|
|
|
<p>
|
2022-12-02 18:18:16 +00:00
|
|
|
<b text-primary>{{ $t('help.desc_highlight') }}</b>
|
|
|
|
{{ $t('help.desc_para2') }}
|
2022-11-24 02:38:14 +00:00
|
|
|
</p>
|
2022-12-20 10:58:50 +00:00
|
|
|
<p>
|
2023-01-03 10:32:02 +00:00
|
|
|
{{ $t('help.desc_para4') }}
|
2023-01-09 13:22:19 +00:00
|
|
|
<NuxtLink font-bold text-primary href="/m.webtoo.ls/@elk" target="_blank">
|
2023-01-03 10:32:02 +00:00
|
|
|
{{ $t('help.desc_para5') }}
|
2023-01-09 13:22:19 +00:00
|
|
|
</NuxtLink>
|
2023-01-03 10:32:02 +00:00
|
|
|
{{ $t('help.desc_para6') }}
|
2022-12-20 10:58:50 +00:00
|
|
|
</p>
|
2022-12-02 18:18:16 +00:00
|
|
|
{{ $t('help.desc_para3') }}
|
2022-11-25 07:39:30 +00:00
|
|
|
<p flex="~ gap-2 wrap" mxa>
|
2022-11-24 02:38:14 +00:00
|
|
|
<template v-for="team of teams" :key="team.github">
|
2023-01-09 13:22:19 +00:00
|
|
|
<NuxtLink :href="`https://github.com/sponsors/${team.github}`" target="_blank" external rounded-full transition duration-300 border="~ transparent" hover="scale-105 border-primary">
|
2023-01-05 10:03:32 +00:00
|
|
|
<img :src="`/avatars/${team.github}-100x100.png`" :alt="team.display" rounded-full w-15 h-15 height="60" width="60">
|
2023-01-09 13:22:19 +00:00
|
|
|
</NuxtLink>
|
2022-11-24 02:38:14 +00:00
|
|
|
</template>
|
|
|
|
</p>
|
2022-12-20 10:58:50 +00:00
|
|
|
<p italic flex justify-center w-full>
|
|
|
|
<span text-xl font-script>The Elk Team</span>
|
2022-11-24 02:38:14 +00:00
|
|
|
</p>
|
2022-11-27 03:13:39 +00:00
|
|
|
|
2022-12-19 21:30:27 +00:00
|
|
|
<button btn-solid mxa tabindex="2" @click="emit('close')">
|
2022-11-29 07:18:28 +00:00
|
|
|
{{ $t('action.enter_app') }}
|
2022-11-27 03:13:39 +00:00
|
|
|
</button>
|
2022-11-24 02:38:14 +00:00
|
|
|
</div>
|
|
|
|
</template>
|