diff options
Diffstat (limited to 'frontend/app/pages/IndexPage.tsx')
| -rw-r--r-- | frontend/app/pages/IndexPage.tsx | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/frontend/app/pages/IndexPage.tsx b/frontend/app/pages/IndexPage.tsx index 8dfbefe..a3aa9f1 100644 --- a/frontend/app/pages/IndexPage.tsx +++ b/frontend/app/pages/IndexPage.tsx @@ -4,36 +4,36 @@ import { APP_NAME, BASE_PATH } from "../config"; import { usePageTitle } from "../hooks/usePageTitle"; export default function IndexPage() { - usePageTitle(APP_NAME); + usePageTitle(APP_NAME); - return ( - <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center gap-y-6"> - <img - src={`${BASE_PATH}logo.svg`} - alt="PHPerKaigi 2026" - className="w-96 h-auto" - /> - <div className="text-center"> - <div className="font-bold text-transparent bg-clip-text bg-brand-600"> - <div className="text-6xl">PHPER CODE BATTLE</div> - </div> - </div> - <div className="mx-2"> - <BorderedContainer> - <p className="text-gray-900 max-w-prose"> - PHPer コードバトルは指示された動作をする PHP - コードをより短く書けた方が勝ち、という 1 対 1 の対戦コンテンツです。 - 3/20 の day 0 と 3/21 の day 1 では、2/28 - に実施されたオフライン予選と、当日まで開催しているオンライン予選を勝ち抜いたプレイヤーによるトーナメント形式での - PHPer コードバトルを実施します。ここでは短いコードが正義です！ - 可読性も保守性も放り投げた、イベントならではのコードをお楽しみください！ - </p> - </BorderedContainer> - </div> - <div className="flex gap-4"> - <NavigateLink to="/dashboard">観戦する</NavigateLink> - <NavigateLink to="/login">ログイン</NavigateLink> - </div> - </div> - ); + return ( + <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center gap-y-6"> + <img + src={`${BASE_PATH}logo.svg`} + alt="PHPerKaigi 2026" + className="w-96 h-auto" + /> + <div className="text-center"> + <div className="font-bold text-transparent bg-clip-text bg-brand-600"> + <div className="text-6xl">PHPER CODE BATTLE</div> + </div> + </div> + <div className="mx-2"> + <BorderedContainer> + <p className="text-gray-900 max-w-prose"> + PHPer コードバトルは指示された動作をする PHP + コードをより短く書けた方が勝ち、という 1 対 1 の対戦コンテンツです。 + 3/20 の day 0 と 3/21 の day 1 では、2/28 + に実施されたオフライン予選と、当日まで開催しているオンライン予選を勝ち抜いたプレイヤーによるトーナメント形式での + PHPer コードバトルを実施します。ここでは短いコードが正義です！ + 可読性も保守性も放り投げた、イベントならではのコードをお楽しみください！ + </p> + </BorderedContainer> + </div> + <div className="flex gap-4"> + <NavigateLink to="/dashboard">観戦する</NavigateLink> + <NavigateLink to="/login">ログイン</NavigateLink> + </div> + </div> + ); } |