From e34bfee4a57f7e609714a36afd2e658f90d4187c Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Wed, 11 Jan 2023 23:24:00 +0100 Subject: [PATCH] feat: sponsors in about page and nav footer --- README.md | 2 +- components/nav/NavFooter.vue | 10 +++++ components/settings/SettingsItem.vue | 2 +- components/settings/SettingsSponsorsList.vue | 31 ++++++++++++++++ locales/en-US.json | 8 +++- pages/settings/about/index.vue | 39 ++++++++++++++++++-- pages/settings/users/index.vue | 1 + 7 files changed, 86 insertions(+), 7 deletions(-) create mode 100644 components/settings/SettingsSponsorsList.vue diff --git a/README.md b/README.md index 9debeaf7..4da950ff 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ We are grateful for the generous sponsorship and help of:

-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) diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue index a14a72f6..4da9a96c 100644 --- a/components/nav/NavFooter.vue +++ b/components/nav/NavFooter.vue @@ -26,6 +26,16 @@ function toggleDark() { @click="userSettings.zenMode = !userSettings.zenMode" /> + + +
diff --git a/components/settings/SettingsItem.vue b/components/settings/SettingsItem.vue index cda8029b..59b62882 100644 --- a/components/settings/SettingsItem.vue +++ b/components/settings/SettingsItem.vue @@ -62,7 +62,7 @@ useCommand({ />
-
+

{{ text }} diff --git a/components/settings/SettingsSponsorsList.vue b/components/settings/SettingsSponsorsList.vue new file mode 100644 index 00000000..4f7de041 --- /dev/null +++ b/components/settings/SettingsSponsorsList.vue @@ -0,0 +1,31 @@ + diff --git a/locales/en-US.json b/locales/en-US.json index a4b372ff..0e5b1580 100644 --- a/locales/en-US.json +++ b/locales/en-US.json @@ -236,7 +236,13 @@ "settings": { "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": { "description": "Edit your account settings in Mastodon UI", diff --git a/pages/settings/about/index.vue b/pages/settings/about/index.vue index 5651dee5..a4eb67f2 100644 --- a/pages/settings/about/index.vue +++ b/pages/settings/about/index.vue @@ -54,7 +54,7 @@ const handleShowCommit = () => { @@ -62,27 +62,58 @@ const handleShowCommit = () => { text="Mastodon" icon="i-ri:mastodon-line" to="/m.webtoo.ls/@elk" - external target="_blank" + external large target="_blank" />

+

+ {{ $t('settings.about.sponsors') }} +

+ +

+ {{ $t('settings.about.sponsors_body_1') }} +

+ + + +

+ {{ $t('settings.about.sponsors_body_2') }} +

+

+ {{ $t('settings.about.sponsors_body_3') }} +

+ + + + + +
+