Add translation for About page
This commit is contained in:
parent
7d0adeceec
commit
64438ccb45
3 changed files with 144 additions and 86 deletions
|
|
@ -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: Props) => {
|
||||
const { t: common } = useTranslation('common')
|
||||
const { t: about } = useTranslation('about')
|
||||
|
||||
return (
|
||||
<div className="About PageContent">
|
||||
<h1>{common('about.segmented_control.about')}</h1>
|
||||
<section>
|
||||
<h2>
|
||||
Granblue.team is a tool to save and share team compositions for{' '}
|
||||
<a
|
||||
href="https://game.granbluefantasy.jp"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Granblue Fantasy
|
||||
</a>
|
||||
, a social RPG from Cygames.
|
||||
<Trans i18nKey="about:about.subtitle">
|
||||
Granblue.team is a tool to save and share team compositions for{' '}
|
||||
<a
|
||||
href="https://game.granbluefantasy.jp"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Granblue Fantasy
|
||||
</a>
|
||||
, a social RPG from Cygames.
|
||||
</Trans>
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
|
||||
<p>{about('about.explanation.0')}</p>
|
||||
<p>{about('about.explanation.1')}</p>
|
||||
<div className="Hero" />
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Feedback</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>Feedback and suggestions are greatly appreciated!</p>
|
||||
<h2>{about('about.feedback.title')}</h2>
|
||||
<p>{about('about.feedback.explanation')}</p>
|
||||
<p>{about('about.feedback.solicit')}</p>
|
||||
<div className="Discord LinkItem">
|
||||
<Link href="https://discord.gg/qyZ5hGdPC8">
|
||||
<a
|
||||
|
|
@ -68,60 +60,62 @@ const AboutPage: React.FC<Props> = (props: Props) => {
|
|||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Credits</h2>
|
||||
<h2>{about('about.credits.title')}</h2>
|
||||
<p>
|
||||
Granblue.team was built and is maintained by{' '}
|
||||
<a
|
||||
href="https://twitter.com/jedmund"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
@jedmund
|
||||
</a>
|
||||
.
|
||||
<Trans i18nKey="about:about.credits.maintainer">
|
||||
Granblue.team was built and is maintained by{' '}
|
||||
<a
|
||||
href="https://twitter.com/jedmund"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
@jedmund
|
||||
</a>
|
||||
.
|
||||
</Trans>
|
||||
</p>
|
||||
<p>
|
||||
Many thanks to{' '}
|
||||
<a
|
||||
href="https://twitter.com/lalalalinna"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
@lalalalinna
|
||||
</a>{' '}
|
||||
and{' '}
|
||||
<a
|
||||
href="https://twitter.com/tarngerine"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
@tarngerine
|
||||
</a>
|
||||
, who both provided a lot of help and advice as I was ramping up.
|
||||
<Trans i18nKey="about:about.credits.assistance">
|
||||
Many thanks to{' '}
|
||||
<a
|
||||
href="https://twitter.com/lalalalinna"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
@lalalalinna
|
||||
</a>{' '}
|
||||
and{' '}
|
||||
<a
|
||||
href="https://twitter.com/tarngerine"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
@tarngerine
|
||||
</a>
|
||||
, who both provided a lot of help and advice as I was ramping up.
|
||||
</Trans>
|
||||
</p>
|
||||
<p>
|
||||
Many thanks also go to everyone in{' '}
|
||||
<a
|
||||
href="https://game.granbluefantasy.jp/#guild/detail/1190185"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Fireplace
|
||||
</a>{' '}
|
||||
and the granblue-tools Discord for all of their help with with bug
|
||||
testing, feature requests, and moral support. (P.S. We're
|
||||
recruiting!)
|
||||
<Trans i18nKey="about:about.credits.support">
|
||||
Many thanks also go to everyone in{' '}
|
||||
<a
|
||||
href="https://game.granbluefantasy.jp/#guild/detail/1190185"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Fireplace
|
||||
</a>{' '}
|
||||
and the granblue-tools Discord for all of their help with with bug
|
||||
testing, feature requests, and moral support. (P.S. We're
|
||||
recruiting!)
|
||||
</Trans>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Contributing</h2>
|
||||
<h2>{about('about.contributing.title')}</h2>
|
||||
|
||||
<p>
|
||||
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!
|
||||
</p>
|
||||
<p>{about('about.contributing.explanation')}</p>
|
||||
<ul className="Links">
|
||||
<li className="Github LinkItem">
|
||||
<Link href="https://github.com/jedmund/hensei-api">
|
||||
|
|
@ -156,23 +150,25 @@ const AboutPage: React.FC<Props> = (props: Props) => {
|
|||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h2>License</h2>
|
||||
<h2>{about('about.license.title')}</h2>
|
||||
<p>
|
||||
This app is licensed under{' '}
|
||||
<a
|
||||
href="https://choosealicense.com/licenses/agpl-3.0/"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
GNU AGPLv3
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
<Trans i18nKey="about:about.license.license">
|
||||
This app is licensed under{' '}
|
||||
<a
|
||||
href="https://choosealicense.com/licenses/agpl-3.0/"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
GNU AGPLv3
|
||||
</a>
|
||||
.
|
||||
</Trans>
|
||||
</p>
|
||||
<p>{about('about.license.explanation')}</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>{about('about.copyright.title')}</h2>
|
||||
<p>{about('about.copyright.explanation')}</p>
|
||||
</section>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -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</2>, 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</2>.",
|
||||
"assistance": "Many thanks to <2>@lalalalinna</2> and <6>@tarngerine</6>, who both provided a lot of help and advice as I was ramping up.",
|
||||
"support": "Many thanks also go to everyone in <2>Fireplace</2> 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</2>.",
|
||||
"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",
|
||||
|
|
|
|||
|
|
@ -19,6 +19,37 @@
|
|||
"intro": "全部のロードマップは以下のGithubリンクで:",
|
||||
"title": "granblue.teamのロードマップ"
|
||||
},
|
||||
"about": {
|
||||
"subtitle": "Granblue.teamは<2>グランブルーファンタジー</2>の編成を作成・保存・共有するサイトです。",
|
||||
"explanation": [
|
||||
"新しい編成にキャラクター・武器・召喚石を追加するだけで、好きな場所で共有できるURLが作成されます—アカウントなしで！",
|
||||
"しかしアカウントを作れば、見つけた編成を保存して今後の参考の参考にすることができますし、すべての編成を1つの場所にまとめておくことができます。"
|
||||
],
|
||||
"feedback": {
|
||||
"title": "フィードバック",
|
||||
"explanation": "もし、機能的な要望がある場合・バグを報告したい場合・あるいはこのサイトは役に立っているなら、Discordのサーバーに連絡ができます。",
|
||||
"solicit": "ご意見、ご感想をお待ちしております。"
|
||||
},
|
||||
"credits": {
|
||||
"title": "謝意",
|
||||
"maintainer": "Granblue.teamの創造者・維持者は<2>@jedmund</2>.",
|
||||
"assistance": "<2>@lalalalinna</2>さんと<6>@tarngerine</6>さんがプロジェクト開始の時にたくさん助かりました。",
|
||||
"support": "<2>Fireplace</2>団（アナザーver)とgranblue-toolsのDiscordの皆さんの協力も感謝しています。(募集中です！)"
|
||||
},
|
||||
"contributing": {
|
||||
"title": "協力",
|
||||
"explanation": "このサイトはオープンソースで協力したい方であったら、ご遠慮なくGitHubへ"
|
||||
},
|
||||
"license": {
|
||||
"title": "ライセンス",
|
||||
"license": "このサイトは<2>GNU AGPLv3</2>のライセンスで提供されています.",
|
||||
"explanation": "派生のプロジェクトを作成したら、このプロジェクトをちゃんとリンクしてリンクし・派生のプロジェクトもオープンソースで同じライセンスで提供されたら、自由にソースコードをダウンロド・改変・再配布を許可されています。"
|
||||
},
|
||||
"copyright": {
|
||||
"title": "著作権",
|
||||
"explanation": "このサイトはファン制作です。グランブルーファンタジーおよびすべてのキャラクター・武器・召喚獣・アイテム・イラストなどは、株式会社Cygamesの完全所有物です。"
|
||||
}
|
||||
},
|
||||
"roadmap": {
|
||||
"item1": {
|
||||
"title": "編成をリミックス",
|
||||
|
|
|
|||
Loading…
Reference in a new issue