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

Commit

Permalink
feat: 🎸 'Zen Old Mincho' フォントを復活させた (#240)
Browse files Browse the repository at this point in the history
  • Loading branch information
@nikukyugamer
nikukyugamer authored May 15, 2022
1 parent a254e14 commit d3d196d
Show file tree
Hide file tree
Showing 11 changed files with 194 additions and 150 deletions.
4 changes: 3 additions & 1 deletion components/Dendouiri.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,9 @@ const Dendouiri: NextPage = () => {
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4">「殿堂入り」について</h1>
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
「殿堂入り」について
</h1>
<p className="text-base text-left pb-4">
2017年より「殿堂入り」制度を実施しています。殿堂入り制度のルールは次のとおりです。
</p>
Expand Down
91 changes: 49 additions & 42 deletions components/Departments.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,54 +6,61 @@ const Departments: NextPage = () => {
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4">部門</h1>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
幻水総選挙2022では2つの部門があります。
</li>
<li className="pb-2">
各部門でお一人様1回ずつ投票できます（どちらか一方の部門のみへの投票でも構いません）。
</li>
</ul>
</div>
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
部門
</h1>

<div>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
幻水総選挙2022では2つの部門があります。
</li>
<li className="pb-2">
各部門でお一人様1回ずつ投票できます（どちらか一方の部門のみへの投票でも構いません）。
</li>
</ul>
</div>

<div className="pb-4">
<h2 className="text-xl font-bold pb-4">①オールキャラ部門</h2>
<p className="text-base text-center pb-4">
好きなキャラに投票する部門です。
</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> まで
<h2 className="text-xl font-bold pb-4">①オールキャラ部門</h2>
<p className="text-base text-center pb-4">
好きなキャラに投票する部門です。
</p>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<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票だけの投票も可。
</li>
</ul>
<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>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<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票だけの投票も可。
</li>
</ul>
</div>
</div>
<div className="pb-4">
<h3 className="text-lg font-bold">投票用ハッシュタグ</h3>
<p className="text-lg">#幻水総選挙2022</p>
</div>
</div>
<div className="pb-4">
<h3 className="text-lg font-bold">投票用ハッシュタグ</h3>
<p className="text-lg">#幻水総選挙2022</p>
</div>
</div>

<h2 className="text-xl font-bold pb-4">
②？？？部門（近日発表！）
</h2>
<p className="text-base text-center pb-4">？？？</p>
<h2 className="text-xl font-bold pb-4">
②？？？部門（近日発表！）
</h2>
<p className="text-base text-center pb-4">？？？</p>
</div>
</div>
</div>
</div>
Expand Down
36 changes: 20 additions & 16 deletions components/EventSummary.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,26 +6,30 @@ const EventSummary: NextPage = () => {
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-8">開催概要</h1>
<h1 className="text-2xl font-bold pb-8 underline font-zen-old-mincho">
開催概要
</h1>

<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>
<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>
</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>
</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>
</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">第二部</p>
<p>2022年7月16日（土）19:00～（予定）</p>
</div>
</div>
</div>
</div>
Expand Down
91 changes: 49 additions & 42 deletions components/HowToVote.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,50 +6,57 @@ const HowToVote: NextPage = () => {
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4">投票方法</h1>
<p className="text-base text-left pb-4">
以下の2つのうち、いずれかの方法での投票をお願いします。
</p>
<h1 className="text-xl font-bold pb-4">方法1: ツイート投票</h1>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
指定のハッシュタグをつけて、ツイートで投票して下さい。
</li>
<li className="pb-2">
タグ名や具体的なツイート内容は各部門の説明をご参照下さい。
</li>
</ul>
</div>
<h1 className="text-xl font-bold pb-4">方法2: DM投票</h1>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
非公開アカウント（鍵付き）の方や、鍵を開けたり閉めたりする方は、主催宛DMで投票して下さい。
</li>
<li className="pb-2">公開アカウントの方もDM投票が可能です。</li>
</ul>
</div>
<h1 className="text-lg font-bold pb-4">
※注: 投票時だけ公開アカウントにしたい場合
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
投票方法
</h1>
<p className="text-left pb-4">
「普段は非公開だけど、投票の時だけ公開アカウントにして投票したい」という方は、下記の手順で投票をお願いします。
</p>
<div className="text-base text-left pb-4">
<ul className="list-decimal pl-6 pr-2">
<li className="pb-2">投票前にアカウントを公開状態にする。</li>
<li className="pb-2">
ツイート投票後、専用ページで「投票チェック」をする（チェック方法は後日ご案内します）。
</li>
<li className="pb-2">
2022/7/3（日）23:59まで公開アカウントのままにする。
</li>
</ul>

<div>
<p className="text-base text-left pb-4">
以下の2つのうち、いずれかの方法での投票をお願いします。
</p>
<h1 className="text-xl font-bold pb-4">方法1: ツイート投票</h1>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
指定のハッシュタグをつけて、ツイートで投票して下さい。
</li>
<li className="pb-2">
タグ名や具体的なツイート内容は各部門の説明をご参照下さい。
</li>
</ul>
</div>
<h1 className="text-xl font-bold pb-4">方法2: DM投票</h1>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
非公開アカウント（鍵付き）の方や、鍵を開けたり閉めたりする方は、主催宛DMで投票して下さい。
</li>
<li className="pb-2">
公開アカウントの方もDM投票が可能です。
</li>
</ul>
</div>
<h1 className="text-lg font-bold pb-4">
※注: 投票時だけ公開アカウントにしたい場合
</h1>
<p className="text-left pb-4">
「普段は非公開だけど、投票の時だけ公開アカウントにして投票したい」という方は、下記の手順で投票をお願いします。
</p>
<div className="text-base text-left pb-4">
<ul className="list-decimal pl-6 pr-2">
<li className="pb-2">投票前にアカウントを公開状態にする。</li>
<li className="pb-2">
ツイート投票後、専用ページで「投票チェック」をする（チェック方法は後日ご案内します）。
</li>
<li className="pb-2">
2022/7/3（日）23:59まで公開アカウントのままにする。
</li>
</ul>
</div>
<p className="text-base text-left">
※集計漏れを防ぐため、途中で鍵をかける可能性がある方はDM投票を推奨します。
</p>
</div>
<p className="text-base text-left">
※集計漏れを防ぐため、途中で鍵をかける可能性がある方はDM投票を推奨します。
</p>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/HumbergerMenu/HumbergerNavigation.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ const Navigation = () => {
return (
<div id="outer-container">
<Menu pageWrapId={'page-wrap'} outerContainerId={'outer-container'}>
<div className="grid grid-cols-1 divide-y divide-current">
<div className="grid grid-cols-1 divide-y divide-current font-zen-old-mincho">
<div className="text-2xl py-4">
<Link href="/">幻水総選挙2022</Link>
</div>
Expand Down
35 changes: 20 additions & 15 deletions components/Kikaku.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,26 @@ const Kikaku: NextPage = () => {
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4">総選挙内企画</h1>
<p className="pb-4">
今年も下記の企画を準備中です。詳細は後日発表いたします。
</p>
<div className="text-base text-left pb-4">
<ul className="list-decimal pl-6 pr-2">
<li className="pb-2">選挙運動</li>
<li className="pb-2">開票イラスト</li>
<li className="pb-2">お題小説</li>
<li className="pb-2">推し台詞</li>
<li className="pb-2">
オープニングイラスト・クロージングイラスト
</li>
<li className="pb-2">ボーナス票</li>
</ul>
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
総選挙内企画
</h1>

<div>
<p className="pb-4">
今年も下記の企画を準備中です。詳細は後日発表いたします。
</p>
<div className="text-base text-left pb-4">
<ul className="list-decimal pl-6 pr-2">
<li className="pb-2">選挙運動</li>
<li className="pb-2">開票イラスト</li>
<li className="pb-2">お題小説</li>
<li className="pb-2">推し台詞</li>
<li className="pb-2">
オープニングイラスト・クロージングイラスト
</li>
<li className="pb-2">ボーナス票</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/NavBar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ const NavBar: NextPage = () => {
return (
<>
<div className="navbar bg-neutral text-white">
<div className="text-xl pl-4">
<div className="text-xl pl-4 font-zen-old-mincho">
<Link href="/">幻水総選挙2022</Link>
</div>
</div>
Expand Down
39 changes: 23 additions & 16 deletions components/Onegai.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,29 @@ const Onegai: NextPage = () => {
<div className="hero">
<div className="hero-content text-center">
<div className="max-w-md">
<h1 className="text-2xl font-bold pb-4">お願い</h1>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">投票は各部門につき、お一人様1回です。</li>
<li className="pb-2">
ツイート投票、あるいはDM投票のどちらかでのみ投票できます。
</li>
<li className="pb-2">
明らかに同じ方からの複数投票がありました場合は、無効にさせて頂く可能性がございます。
<br />
推しへの清き投票にご協力よろしくお願いいたします！一生のお願いだよ。
</li>
<li className="pb-2">
幻水総選挙関連のハッシュタグで、特定のキャラや特定のキャラを推す方への批判・悪口を目的としたツイートは、ご遠慮下さいますようお願い致します。
</li>
</ul>
<h1 className="text-2xl font-bold pb-4 underline font-zen-old-mincho">
お願い
</h1>

<div>
<div className="text-base text-left pb-4">
<ul className="list-disc pl-6 pr-2">
<li className="pb-2">
投票は各部門につき、お一人様1回です。
</li>
<li className="pb-2">
ツイート投票、あるいはDM投票のどちらかでのみ投票できます。
</li>
<li className="pb-2">
明らかに同じ方からの複数投票がありました場合は、無効にさせて頂く可能性がございます。
<br />
推しへの清き投票にご協力よろしくお願いいたします！一生のお願いだよ。
</li>
<li className="pb-2">
幻水総選挙関連のハッシュタグで、特定のキャラや特定のキャラを推す方への批判・悪口を目的としたツイートは、ご遠慮下さいますようお願い致します。
</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit d3d196d

Please sign in to comment.