wip

src/frontend/pages/ranking.tsx

@@ -0,0 +1,19 @@
+import React  from 'react';
+import { Ranking } from '../components/Ranking';
+
+
+export const RankingPage: React.VFC = () => {
+	return (
+		<article className="xarticle">
+			<h2>ミス廃ランキング</h2>
+			<section>
+				<p>ユーザーの「ミス廃レート」を算出し、高い順にランキング表示しています。ミス廃レートは、次のような条件で算出されます。</p>
+				<p><strong>(ノート数) / (アカウント登録からの経過日数)</strong></p>
+				<p>廃人を極めるか、ノート数を控えるか、全てあなた次第！</p>
+			</section>
+			<section className="pt-2">
+				<Ranking />
+			</section>
+		</article>
+	);
+};