feat: sponsors in about page and nav footer
This commit is contained in:
parent
2b3b5fe4cb
commit
e34bfee4a5
|
@ -41,7 +41,7 @@ We are grateful for the generous sponsorship and help of:
|
||||||
</a>
|
</a>
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
And all the companies and individuals sponsoring Elk Team members. If you're enjoying the app, consider sponsoring our team:
|
And all the companies and individuals sponsoring Elk Team and the members. If you're enjoying the app, consider sponsoring us:
|
||||||
|
|
||||||
- [Elk Team's GitHub Sponsors](https://github.com/sponsors/elk-zone)
|
- [Elk Team's GitHub Sponsors](https://github.com/sponsors/elk-zone)
|
||||||
|
|
||||||
|
|
|
@ -26,6 +26,16 @@ function toggleDark() {
|
||||||
@click="userSettings.zenMode = !userSettings.zenMode"
|
@click="userSettings.zenMode = !userSettings.zenMode"
|
||||||
/>
|
/>
|
||||||
</CommonTooltip>
|
</CommonTooltip>
|
||||||
|
<CommonTooltip :content="$t('settings.about.sponsor_action')">
|
||||||
|
<NuxtLink
|
||||||
|
flex
|
||||||
|
text-lg
|
||||||
|
i-ri-heart-3-line hover="i-ri-heart-3-fill text-rose"
|
||||||
|
:aria-label="$t('settings.about.sponsor_action')"
|
||||||
|
href="https://github.com/sponsors/elk-zone"
|
||||||
|
target="_blank"
|
||||||
|
/>
|
||||||
|
</CommonTooltip>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<i18n-t v-if="isHydrated" keypath="nav.built_at">
|
<i18n-t v-if="isHydrated" keypath="nav.built_at">
|
||||||
|
|
|
@ -62,7 +62,7 @@ useCommand({
|
||||||
/>
|
/>
|
||||||
</slot>
|
</slot>
|
||||||
</div>
|
</div>
|
||||||
<div space-y-1>
|
<div flex="~ col gap-0.5">
|
||||||
<p>
|
<p>
|
||||||
<slot>
|
<slot>
|
||||||
<span>{{ text }}</span>
|
<span>{{ text }}</span>
|
||||||
|
|
31
components/settings/SettingsSponsorsList.vue
Normal file
31
components/settings/SettingsSponsorsList.vue
Normal file
File diff suppressed because one or more lines are too long
|
@ -236,7 +236,13 @@
|
||||||
"settings": {
|
"settings": {
|
||||||
"about": {
|
"about": {
|
||||||
"label": "About",
|
"label": "About",
|
||||||
"meet_the_team": "Meet the team"
|
"meet_the_team": "Meet the team",
|
||||||
|
"sponsor_action": "Sponsor us",
|
||||||
|
"sponsor_action_desc": "To support the team developing Elk",
|
||||||
|
"sponsors": "Sponsors",
|
||||||
|
"sponsors_body_1": "Elk is made possible thanks the generous sponsoring and help of:",
|
||||||
|
"sponsors_body_2": "And all the companies and individuals sponsoring Elk Team and the members.",
|
||||||
|
"sponsors_body_3": "If you're enjoying the app, consider sponsoring us:"
|
||||||
},
|
},
|
||||||
"account_settings": {
|
"account_settings": {
|
||||||
"description": "Edit your account settings in Mastodon UI",
|
"description": "Edit your account settings in Mastodon UI",
|
||||||
|
|
|
@ -54,7 +54,7 @@ const handleShowCommit = () => {
|
||||||
<SettingsItem
|
<SettingsItem
|
||||||
:text="$t('nav.show_intro')"
|
:text="$t('nav.show_intro')"
|
||||||
icon="i-ri:article-line"
|
icon="i-ri:article-line"
|
||||||
cursor-pointer
|
cursor-pointer large
|
||||||
@click="openPreviewHelp"
|
@click="openPreviewHelp"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -62,27 +62,58 @@ const handleShowCommit = () => {
|
||||||
text="Mastodon"
|
text="Mastodon"
|
||||||
icon="i-ri:mastodon-line"
|
icon="i-ri:mastodon-line"
|
||||||
to="/m.webtoo.ls/@elk"
|
to="/m.webtoo.ls/@elk"
|
||||||
external target="_blank"
|
external large target="_blank"
|
||||||
/>
|
/>
|
||||||
<SettingsItem
|
<SettingsItem
|
||||||
text="Discord"
|
text="Discord"
|
||||||
icon="i-ri:discord-fill"
|
icon="i-ri:discord-fill"
|
||||||
to="https://chat.elk.zone"
|
to="https://chat.elk.zone"
|
||||||
external target="_blank"
|
external large target="_blank"
|
||||||
/>
|
/>
|
||||||
<SettingsItem
|
<SettingsItem
|
||||||
text="GitHub"
|
text="GitHub"
|
||||||
icon="i-ri:github-fill"
|
icon="i-ri:github-fill"
|
||||||
to="https://github.com/elk-zone"
|
to="https://github.com/elk-zone"
|
||||||
external target="_blank"
|
external large target="_blank"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div h-1px bg-border my2 />
|
<div h-1px bg-border my2 />
|
||||||
|
|
||||||
|
<p px5 py3 font-bold text-lg>
|
||||||
|
{{ $t('settings.about.sponsors') }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p px5 text-secondary>
|
||||||
|
{{ $t('settings.about.sponsors_body_1') }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<LazySettingsSponsorsList />
|
||||||
|
|
||||||
|
<p px5 mb1 text-secondary>
|
||||||
|
{{ $t('settings.about.sponsors_body_2') }}
|
||||||
|
</p>
|
||||||
|
<p px5 mb2 text-secondary>
|
||||||
|
{{ $t('settings.about.sponsors_body_3') }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<SettingsItem
|
||||||
|
:text="$t('settings.about.sponsor_action')"
|
||||||
|
to="https://github.com/sponsors/elk-zone"
|
||||||
|
:description="$t('settings.about.sponsor_action_desc')"
|
||||||
|
external large target="_blank"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<div i-ri-heart-3-fill text-rose rounded-full w-8 h-8 height="32" width="32" />
|
||||||
|
</template>
|
||||||
|
</SettingsItem>
|
||||||
|
|
||||||
|
<div h-1px bg-border my2 />
|
||||||
|
|
||||||
<template v-if="isHydrated">
|
<template v-if="isHydrated">
|
||||||
<p px5 py3 font-bold text-lg>
|
<p px5 py3 font-bold text-lg>
|
||||||
{{ $t('settings.about.meet_the_team') }}
|
{{ $t('settings.about.meet_the_team') }}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<SettingsItem
|
<SettingsItem
|
||||||
v-for="team in teams" :key="team.github"
|
v-for="team in teams" :key="team.github"
|
||||||
:text="team.display"
|
:text="team.display"
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
/* eslint-disable no-alert */
|
||||||
import { fileOpen } from 'browser-fs-access'
|
import { fileOpen } from 'browser-fs-access'
|
||||||
import type { UserLogin } from '~/types'
|
import type { UserLogin } from '~/types'
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue