diff --git a/components/AboutPage/index.tsx b/components/AboutPage/index.tsx index 54579976..8519ef6f 100644 --- a/components/AboutPage/index.tsx +++ b/components/AboutPage/index.tsx @@ -2,7 +2,7 @@ import React from 'react' import Link from 'next/link' import { useRouter } from 'next/router' -import { useTranslation } from 'next-i18next' +import { Trans, useTranslation } from 'next-i18next' import ShareIcon from '~public/icons/Share.svg' import DiscordIcon from '~public/icons/discord.svg' @@ -14,42 +14,34 @@ interface Props {} const AboutPage: React.FC = (props: Props) => { const { t: common } = useTranslation('common') + const { t: about } = useTranslation('about') + return (

{common('about.segmented_control.about')}

- Granblue.team is a tool to save and share team compositions for{' '} - - Granblue Fantasy - - , a social RPG from Cygames. + + Granblue.team is a tool to save and share team compositions for{' '} + + Granblue Fantasy + + , a social RPG from Cygames. +

- -

- To get started, all you have to do is add an item to a team and a URL - will be created for you to share wherever you like, no account needed. -

- -

- If you do make an account, you can save any teams you find for future - reference and keep all of your teams together in one place. -

- +

{about('about.explanation.0')}

+

{about('about.explanation.1')}

-

Feedback

-

- If you have a feature request, would like to report a bug, or are - enjoying the tool and want to say thanks, come hang out in Discord. -

-

Feedback and suggestions are greatly appreciated!

+

{about('about.feedback.title')}

+

{about('about.feedback.explanation')}

+

{about('about.feedback.solicit')}

= (props: Props) => {
-

Credits

+

{about('about.credits.title')}

- Granblue.team was built and is maintained by{' '} - - @jedmund - - . + + Granblue.team was built and is maintained by{' '} + + @jedmund + + . +

- Many thanks to{' '} - - @lalalalinna - {' '} - and{' '} - - @tarngerine - - , who both provided a lot of help and advice as I was ramping up. + + Many thanks to{' '} + + @lalalalinna + {' '} + and{' '} + + @tarngerine + + , who both provided a lot of help and advice as I was ramping up. +

- Many thanks also go to everyone in{' '} - - Fireplace - {' '} - and the granblue-tools Discord for all of their help with with bug - testing, feature requests, and moral support. (P.S. We're - recruiting!) + + Many thanks also go to everyone in{' '} + + Fireplace + {' '} + and the granblue-tools Discord for all of their help with with bug + testing, feature requests, and moral support. (P.S. We're + recruiting!) +

-

Contributing

+

{about('about.contributing.title')}

-

- If you know how to program, this app is completely open-source. - There's an abundance of features to build and bugs to fix, so - help is always greatly appreciated! -

+

{about('about.contributing.explanation')}

  • @@ -156,23 +150,25 @@ const AboutPage: React.FC = (props: Props) => {
-

License

+

{about('about.license.title')}

- This app is licensed under{' '} - - GNU AGPLv3 - - . -

-

- Plainly, that means you can download the source, modify it, and - redistribute it as long as you attribute this project, use the same - license, and keep your derivative work open source as well. + + This app is licensed under{' '} + + GNU AGPLv3 + + . +

+

{about('about.license.explanation')}

+
+
+

{about('about.copyright.title')}

+

{about('about.copyright.explanation')}

) diff --git a/public/locales/en/about.json b/public/locales/en/about.json index cf8a7d9d..7be9285f 100644 --- a/public/locales/en/about.json +++ b/public/locales/en/about.json @@ -19,6 +19,37 @@ "intro": "You can see the full roadmap on Github below:", "title": "granblue.team Roadmap" }, + "about": { + "subtitle": "Granblue.team is a tool to save and share team compositions for <2>Granblue Fantasy, a social RPG from Cygames.", + "explanation": [ + "To get started, all you have to do is add an item to a team and a URL will be created for you to share wherever you like, no account needed.", + "If you do make an account, you can save any teams you find for future reference and keep all of your teams together in one place." + ], + "feedback": { + "title": "Feedback", + "explanation": "If you have a feature request, would like to report a bug, or are enjoying the tool and want to say thanks, come hang out in Discord.", + "solicit": "Feedback and suggestions are greatly appreciated!" + }, + "credits": { + "title": "Credits", + "maintainer": "Granblue.team was built and is maintained by <2>@jedmund.", + "assistance": "Many thanks to <2>@lalalalinna and <6>@tarngerine, who both provided a lot of help and advice as I was ramping up.", + "support": "Many thanks also go to everyone in <2>Fireplace and the granblue-tools Discord for all of their help with with bug testing, feature requests, and moral support. (P.S. We're recruiting!)" + }, + "contributing": { + "title": "Contributing", + "explanation": "If you know how to program, this app is completely open-source. There's an abundance of features to build and bugs to fix, so help is always greatly appreciated!" + }, + "license": { + "title": "License", + "license": "This app is licensed under <2>GNU AGPLv3.", + "explanation": "Plainly, that means you can download the source, modify it, and redistribute it as long as you attribute this project, use the same license, and keep your derivative work open source as well." + }, + "copyright": { + "title": "Copyright", + "explanation": "This app is a fan work. Granblue Fantasy and all characters, weapons, summons, items and artwork are wholly owned by Cygames, Inc." + } + }, "roadmap": { "item1": { "title": "Account promotion", diff --git a/public/locales/ja/about.json b/public/locales/ja/about.json index 455bd49b..7f7faf03 100644 --- a/public/locales/ja/about.json +++ b/public/locales/ja/about.json @@ -19,6 +19,37 @@ "intro": "全部のロードマップは以下のGithubリンクで:", "title": "granblue.teamのロードマップ" }, + "about": { + "subtitle": "Granblue.teamは<2>グランブルーファンタジーの編成を作成・保存・共有するサイトです。", + "explanation": [ + "新しい編成にキャラクター・武器・召喚石を追加するだけで、好きな場所で共有できるURLが作成されます—アカウントなしで！", + "しかしアカウントを作れば、見つけた編成を保存して今後の参考の参考にすることができますし、すべての編成を1つの場所にまとめておくことができます。" + ], + "feedback": { + "title": "フィードバック", + "explanation": "もし、機能的な要望がある場合・バグを報告したい場合・あるいはこのサイトは役に立っているなら、Discordのサーバーに連絡ができます。", + "solicit": "ご意見、ご感想をお待ちしております。" + }, + "credits": { + "title": "謝意", + "maintainer": "Granblue.teamの創造者・維持者は<2>@jedmund.", + "assistance": "<2>@lalalalinnaさんと<6>@tarngerineさんがプロジェクト開始の時にたくさん助かりました。", + "support": "<2>Fireplace団（アナザーver)とgranblue-toolsのDiscordの皆さんの協力も感謝しています。(募集中です！)" + }, + "contributing": { + "title": "協力", + "explanation": "このサイトはオープンソースで協力したい方であったら、ご遠慮なくGitHubへ" + }, + "license": { + "title": "ライセンス", + "license": "このサイトは<2>GNU AGPLv3のライセンスで提供されています.", + "explanation": "派生のプロジェクトを作成したら、このプロジェクトをちゃんとリンクしてリンクし・派生のプロジェクトもオープンソースで同じライセンスで提供されたら、自由にソースコードをダウンロド・改変・再配布を許可されています。" + }, + "copyright": { + "title": "著作権", + "explanation": "このサイトはファン制作です。グランブルーファンタジーおよびすべてのキャラクター・武器・召喚獣・アイテム・イラストなどは、株式会社Cygamesの完全所有物です。" + } + }, "roadmap": { "item1": { "title": "編成をリミックス",