Skip to content
This repository was archived by the owner on Jan 15, 2024. It is now read-only.

feat: 🎸 英語ページを作成した #274

Merged
merged 1 commit into from
May 19, 2022
Merged

feat: 🎸 英語ページを作成した #274

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 18 additions & 5 deletions components/Dendouiri.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,42 @@
import type { NextPage } from 'next'
import { useLocale } from '../hooks/useLocale'

const Dendouiri: NextPage = () => {
const { locale } = useLocale()

return (
<div className="bg-white text-black">
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
「殿堂入り」について
{locale === 'ja'
? '「殿堂入り」について'
: 'About the "Hall of Fame"'}
</h1>
<p className="text-base text-left pb-4">
2017年より「殿堂入り」制度を実施しています。殿堂入り制度のルールは次のとおりです。
{locale === 'ja'
? '2017年より「殿堂入り」制度を実施しています。殿堂入り制度のルールは次のとおりです。'
: 'The "Hall of Fame" system has been in place since 2017. The rules for entering the hall of fame are as follows'}
</p>
<div className="text-base text-left pb-4">
<ul className="list-decimal pl-6 pr-2">
<li className="pb-2">
1位を計2回獲得したキャラは「殿堂入り」です。
{locale === 'ja'
? '1位を計2回獲得したキャラは「殿堂入り」です。'
: 'A character who has won first place a total of two times is a "Hall of Fame inductee".'}
</li>
<li className="pb-2">
殿堂入りを果たしたキャラは翌年の総選挙のみ、順位が付かなくなります。
{locale === 'ja'
? '殿堂入りを果たしたキャラは翌年の総選挙のみ、順位が付かなくなります。'
: 'The character inducted into the hall of fame will not be ranked in the following year’s General Election only.'}
</li>
</ul>
</div>
<p className="text-base text-left text-red-500">
今年は幻水総選挙10周年記念、及び、「部門」創設のため、全キャラへの投票を可能とします。
{locale === 'ja'
? '今年は幻水総選挙10周年記念、及び、「部門」創設のため、全キャラへの投票を可能とします。'
: 'This year, to celebrate the 10th anniversary of the Suikoden General Election and because of the creation of “divisions”, votes for all characters will be allowed.'}
</p>
</div>
</div>
Expand Down
92 changes: 69 additions & 23 deletions components/Departments.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,65 +1,111 @@
import type { NextPage } from 'next'
import { useLocale } from '../hooks/useLocale'

const Departments: NextPage = () => {
const { locale } = useLocale()

return (
<div className="bg-white text-black">
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
部門
{locale === 'ja' ? '部門' : 'Divisions'}
</h1>

<div>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
幻水総選挙2022では2つの部門があります。
{locale === 'ja'
? '幻水総選挙2022では2つの部門があります。'
: 'The 2022 Suikoden General Election has 2 divisions.'}
</li>
<li className="pb-2">
各部門でお一人様1回ずつ投票できます（どちらか一方の部門のみへの投票でも構いません）。
{locale === 'ja'
? '各部門でお一人様1回ずつ投票できます（どちらか一方の部門のみへの投票でも構いません）。'
: 'You can vote 1 time in each division (you can also vote just in one division only if you wish).'}
</li>
</ul>
</div>

<div className="pb-4">
<h2 className="text-xl font-bold pb-4">①オールキャラ部門</h2>
<h2 className="text-xl font-bold pb-4">
{locale === 'ja'
? '①オールキャラ部門'
: '(1) All characters division'}
</h2>
<p className="text-base text-center pb-4">
好きなキャラに投票する部門です。
{locale === 'ja'
? '好きなキャラに投票する部門です。'
: 'In this division, vote for your favorite characters.'}
</p>
<div className="pb-4">
<h3 className="text-lg font-bold">投票数</h3>
<p className="text-lg pb-4">
お一人様 <span className="text-red-500">3票</span> まで
</p>
<h3 className="text-lg font-bold">
{locale === 'ja' ? '投票数' : 'Number of votes'}
</h3>
{locale === 'ja' ? (
<p className="text-lg pb-4">
お一人様 <span className="text-red-500">3票</span> まで
</p>
) : (
<p className="text-lg pb-4">
1 person has up to{' '}
<span className="text-red-500">3 votes</span>
</p>
)}
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
{locale === 'ja' ? (
<li className="pb-2">
<span className="text-red-500">
1キャラにつき1票まで
</span>
投票可（
<span className="text-red-500">
同じキャラへの複数投票はできません
</span>
）。
</li>
) : (
<li className="pb-2">
You are allowed to{' '}
<span className="text-red-500">
give 1 vote per character
</span>{' '}
(you{' '}
<span className="text-red-500">
cannot give multiple votes for the same character
</span>
).
</li>
)}
<li className="pb-2">
<span className="text-red-500">
1キャラにつき1票まで
</span>
投票可（
<span className="text-red-500">
同じキャラへの複数投票はできません
</span>
）。
</li>
<li className="pb-2">
3票を使い切らず、1票だけ、2票だけの投票も可。
{locale === 'ja'
? '3票を使い切らず、1票だけ、2票だけの投票も可。'
: 'You can also vote for just 1 character or just 2 characters instead of using all 3 votes.'}
</li>
</ul>
</div>
</div>
<div className="pb-4">
<h3 className="text-lg font-bold">投票用ハッシュタグ</h3>
<h3 className="text-lg font-bold">
{locale === 'ja'
? '投票用ハッシュタグ'
: 'Hashtag to use for voting'}
</h3>
<p className="text-lg">#幻水総選挙2022</p>
</div>
</div>

<h2 className="text-xl font-bold pb-4">
②？？？部門（近日発表！）
{locale === 'ja'
? '②？？？部門（近日発表！）'
: '(2) ??? division (Reveal soon!)'}
</h2>
<p className="text-base text-center pb-4">？？？</p>
<p className="text-base text-center pb-4">
{locale === 'ja' ? '？？？' : '???'}
</p>
</div>
</div>
</div>
Expand Down
63 changes: 48 additions & 15 deletions components/EventSummary.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,69 @@
import type { NextPage } from 'next'
import { useLocale } from '../hooks/useLocale'

const EventSummary: NextPage = () => {
const { locale } = useLocale()

return (
<div className="bg-white text-black">
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-8 underline font-zen-old-mincho">
開催概要
{locale === 'ja' ? '開催概要' : 'Event overview'}
</h1>

<div>
<div className="pb-8">
<h2 className="text-xl font-bold pb-4">投票期間</h2>
<div className="text-base">
<p>2022年6月24日（金）21:00 から</p>
<p>2022年6月26日（日）23:59 まで</p>
</div>
<h2 className="text-xl font-bold pb-4">
{locale === 'ja' ? '投票期間' : 'Voting period'}
</h2>
{locale === 'ja' ? (
<div className="text-base">
<p>2022年6月24日（金）21:00 から</p>
<p>2022年6月26日（日）23:59 まで</p>
</div>
) : (
<div className="text-base">
<p>2022 June 24 (Fri) 21:00 (JST)</p>
<p>to</p>
<p>2022 June 26 (Sun) 23:59 (JST)</p>
</div>
)}
</div>

<h2 className="text-xl font-bold pb-4">開票日</h2>
<div className="text-base">
<div className="pb-4">
<p className="font-bold pb-2">第一部</p>
<p>2022年7月9日（土）19:00～（予定）</p>
<h2 className="text-xl font-bold pb-4">
{locale === 'ja' ? '開票日' : 'Voting results reveal days'}
</h2>
{locale === 'ja' ? (
<div className="text-base">
<div className="pb-4">
<p className="font-bold pb-2">第一部</p>
<p>2022年7月9日（土）19:00～（予定）</p>
</div>

<div className="pb-4">
<p className="font-bold pb-2">第二部</p>
<p>2022年7月16日（土）19:00～（予定）</p>
</div>
</div>
) : (
<div className="text-base">
<div className="pb-4">
<p className="font-bold pb-2">First part</p>
<p>
2022 July 9 (Sat) from 19:00 JST (expected start time)
</p>
</div>

<div className="pb-4">
<p className="font-bold pb-2">第二部</p>
<p>2022年7月16日（土）19:00～（予定）</p>
<div className="pb-4">
<p className="font-bold pb-2">Second part</p>
<p>
2022 July 16 (Sat) from 19:00 JST (expected start time)
</p>
</div>
</div>
</div>
)}
</div>
</div>
</div>
Expand Down
Loading