diff --git a/docusaurus.config.js b/docusaurus.config.js
index 7e23e0a..f6c9aac 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -12,9 +12,9 @@ const darkCodeTheme = themes.dracula;
 /** @type {import("@docusaurus/types").Config} */
 const config = {
   title: "あなたのためのプログラミング",
-  tagline: "ut.code(); 第75回駒場祭企画",
+  tagline: "ut.code(); 第98回五月祭企画",
   favicon: "/img/favicon.svg",
-  url: "https://kf75.utcode.net",
+  url: "https://mf98.utcode.net",
   baseUrl: "/",
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "throw",
diff --git a/src/exhibitions.ts b/src/exhibitions.ts
index 6976bc5..234464a 100644
--- a/src/exhibitions.ts
+++ b/src/exhibitions.ts
@@ -26,19 +26,19 @@ type Exhibition = {
 
 export const exhibitions: Exhibition[] = [
   {
-    disabled: true,
-    title: "AIとオセロ",
+    title: "Shortcut Puzzle",
     image: {
-      src: "img/othello.png",
-      alt: "オセロのイメージ",
+      src: "img/shortcut.png",
+      alt: "Shortcutゲームのイメージ",
     },
     description: `
-    6 × 6マスのちょっと小さいオセロで、AIと対戦してみましょう！勝つのはちょっと難しいかも！？オセロを通じて「AIと対戦する楽しさ」や「AIがどのようなものかを理解するきっかけ」にもなります。さあ、あなたの戦略でAIを打ち負かしてみませんか？
+    あなたは普段ショートカットキーを使ってますか？いつも多用している方も初めて聞いた方も、ショートカットを魔法のように操りましょう！2Dアクションパズルゲームの「Shortcut Puzzle」をぜひ遊んでみてください！ 
+
 				`,
-    url: "https://othello.utcode.net/",
+    url: "https://shortcut-game.utcode.net/",
     isNew: true,
     target: "どなたでも",
-    takes: timeEst.short,
+    takes: timeEst.med,
   },
   {
     title: "はじめてのプログラミング 迷路",
@@ -54,6 +54,21 @@ export const exhibitions: Exhibition[] = [
     target: "小学生以上におすすめ",
     takes: timeEst.med,
   },
+  {
+    // disabled: true,
+    title: "AIとオセロ",
+    image: {
+      src: "img/othello.png",
+      alt: "オセロのイメージ",
+    },
+    description: `
+    6 × 6マスのちょっと小さいオセロで、AIと対戦してみましょう！勝つのはちょっと難しいかも！？オセロを通じて「AIと対戦する楽しさ」や「AIがどのようなものかを理解するきっかけ」にもなります。さあ、あなたの戦略でAIを打ち負かしてみませんか？ ※iPhone/iPad/Macでは動作しない可能性があります
+				`,
+    url: "https://boardgame.utcode.net/",
+    isNew: false,
+    target: "どなたでも",
+    takes: timeEst.short,
+  },
   /*
   {
     title: "ブロックプログラミングで並び替え",
@@ -73,20 +88,20 @@ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos sint est omnis inc
   },
   */
 
-  {
-    title: "Blosite",
-    image: {
-      src: "img/blosite.png",
-      alt: "blosite のイメージ",
-    },
-    description: `
-    ブロックプログラミングで自分だけのウェブサイトを作りましょう！豊富なチュートリアルがあるので、プログラミングが初めての方でも楽しめます。作ったサイトはBlosite内で共有することもできます！他の人に作ったウェブサイトを自慢しちゃいましょう〜
-			`,
-    url: "https://blosite.utcode.net",
-    isNew: true,
-    target: "小学生以上におすすめ",
-    takes: timeEst.med,
-  },
+  // {
+  //   title: "Blosite",
+  //   image: {
+  //     src: "img/blosite.png",
+  //     alt: "blosite のイメージ",
+  //   },
+  //   description: `
+  //   ブロックプログラミングで自分だけのウェブサイトを作りましょう！豊富なチュートリアルがあるので、プログラミングが初めての方でも楽しめます。作ったサイトはBlosite内で共有することもできます！他の人に作ったウェブサイトを自慢しちゃいましょう〜
+  // 		`,
+  //   url: "https://blosite.utcode.net",
+  //   isNew: true,
+  //   target: "小学生以上におすすめ",
+  //   takes: timeEst.med,
+  // },
   {
     title: "ひとり麻雀",
     image: {
@@ -99,27 +114,27 @@ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos sint est omnis inc
         そこで、「ひとり麻雀」では平面の牌効率だけのパズルとしてもっと簡単に遊べるようにしました。
 			`,
     url: "https://mahjong.utcode.net/",
-    isNew: true,
+    isNew: false,
     target: "中高生以上におすすめ",
     takes: timeEst.short,
   },
-  {
-    title: "競馬AI",
-    image: {
-      src: "img/horse.png",
-      alt: "競馬のイメージ",
-    },
-    description: `
-      競馬をAIで予測しようというのがこのプロジェクトが発足した理由です。
-      そしてこのサイトではそのAIと対戦をしたり、AIの学習に使われたデータについて閲覧することが出来ます。
-      AIとの対戦ではランダムで出てくる過去データをもとに順位の予想勝負をしてもらいます。
-      ハイスコアを出すとランキングボードに乗ることが出来るのでぜひ頑張ってください。
-			`,
-    url: "https://keiba.utcode.net/",
-    isNew: true,
-    target: "中高生以上におすすめ",
-    takes: timeEst.med,
-  },
+  // {
+  //   title: "競馬AI",
+  //   image: {
+  //     src: "img/horse.png",
+  //     alt: "競馬のイメージ",
+  //   },
+  //   description: `
+  //     競馬をAIで予測しようというのがこのプロジェクトが発足した理由です。
+  //     そしてこのサイトではそのAIと対戦をしたり、AIの学習に使われたデータについて閲覧することが出来ます。
+  //     AIとの対戦ではランダムで出てくる過去データをもとに順位の予想勝負をしてもらいます。
+  //     ハイスコアを出すとランキングボードに乗ることが出来るのでぜひ頑張ってください。
+  // 		`,
+  //   url: "https://keiba.utcode.net/",
+  //   isNew: true,
+  //   target: "中高生以上におすすめ",
+  //   takes: timeEst.med,
+  // },
   {
     title: "ハッカーになろう",
     image: {
@@ -134,4 +149,32 @@ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos sint est omnis inc
     target: "大人向け",
     takes: timeEst.long,
   },
+  {
+    title: "新歓ハッカソン作品",
+    image: {
+      src: "img/newcomers-hackathon.png",
+      alt: "ハッカソンのイメージ",
+    },
+    description: `
+    2024年5月に開催された新歓ハッカソンで、新入生たちがわずか2日間で作り上げた個人開発作品の展示です。ゲームやツール、学習コンテンツなど多彩なジャンルの中に、発想と技術の光る作品が勢ぞろい！初めての開発とは思えない完成度をぜひご覧ください。
+			`,
+    url: "/hackathon",
+    isNew: true,
+    target: "どなたでも",
+    takes: timeEst.med,
+  },
+  {
+    title: "Falling Nikochan",
+    image: {
+      src: "img/nikochan_tetoris.webp",
+      alt: "Nikochanのイメージ",
+    },
+    description: `
+    シンプルでかわいいリズムゲーム (音ゲー) です。 PC だけでなくタブレットやスマートフォンなどでも手軽に遊べます。さらに、アカウント登録やログイン不要で誰でも譜面を作成することができます。
+				`,
+    url: "https://nikochan.utcode.net/?fes=mf98", // クエリパラメータで戻るボタンの表示が変わるようになっています
+    isNew: true,
+    target: "どなたでも",
+    takes: timeEst.short,
+  },
 ];
diff --git a/src/hackathon.ts b/src/hackathon.ts
new file mode 100644
index 0000000..37b36f5
--- /dev/null
+++ b/src/hackathon.ts
@@ -0,0 +1,146 @@
+type TargetAge =
+  | "どなたでも"
+  | "小学生以上におすすめ"
+  | "中高生以上におすすめ"
+  | "大人向け";
+const timeEst = {
+  short: "5分程度",
+  med: "15分ほど",
+  long: "30分〜",
+} as const;
+type TimeEst = (typeof timeEst)[keyof typeof timeEst];
+
+type Exhibition = {
+  title: string;
+  image: {
+    src: string;
+    alt: string;
+  };
+  description: string;
+  url: string;
+  isNew: boolean;
+  target: TargetAge;
+  takes: TimeEst;
+  disabled?: boolean;
+};
+
+export const exhibitions: Exhibition[] = [
+  {
+    title: "タイピングゲームとブロック崩しを組み合わせたゲーム",
+    image: {
+      src: "../img/typing-breakout.webp",
+      alt: "タイピングゲームとブロック崩しを組み合わせたゲームのイメージ",
+    },
+    description: `
+      ブロック崩しとタイピングを織り交ぜました。
+
+      ぜひ僕の記録を超えてください　※ページの表示に時間がかかる場合があります
+  		`,
+    url: "https://typing-3anr.onrender.com/",
+    isNew: true,
+    target: "小学生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "ピクセルアート",
+    image: {
+      src: "../img/pixel-art.webp",
+      alt: "ピクセルアートのイメージ",
+    },
+    description: `
+      ピクセルアートが書けちゃうものです。自由に好きな絵を書いてみてください！　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://pixelart-t3mu.onrender.com",
+    isNew: true,
+    target: "小学生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "玉避けゲーム",
+    image: {
+      src: "../img/tamayoke.webp",
+      alt: "玉避けゲームのイメージ",
+    },
+    description: `
+    球を避け続ける、ただそれだけのゲームです。 少しやってみたところ思っていたよりも難しく、40秒以内に終了してしまいます。 １分以上避け続けることができたら反射神経がきっとかなり良いです。
+
+    ＊ちなみにマウスカーソルをキャンバス上から外すと無敵になるという基本的な欠陥に完成してから気づきました。　※ページの表示に時間がかかる場合があります
+				`,
+    url: "https://hack-s3es.onrender.com/",
+    isNew: true,
+    target: "どなたでも",
+    takes: timeEst.short,
+  },
+  {
+    title: "Scoundrel",
+    image: {
+      src: "../img/scoundrel.webp",
+      alt: "scoundrelのイメージ",
+    },
+    description: `
+    1人用トランプゲームのScoundrel(悪党)を再現しました．本来のルールですと非常に高難易度でしたのでオリジナルでスキル機能をつくりました．ルール説明も設けましたがルールは調べた方がわかりやすいと思います．　※ページの表示に時間がかかる場合があります
+				`,
+    url: "https://scoundel.onrender.com/",
+    isNew: true,
+    target: "中高生以上におすすめ",
+    takes: timeEst.med,
+  },
+  {
+    title: "タイピングゲームと単語クイズを組み合わせたゲーム",
+    image: {
+      src: "../img/typing-and-word-quiz.webp",
+      alt: "タイピングゲームと単語クイズのイメージ",
+    },
+    description: `
+        タイピングゲームと英単語クイズを組み合わせたゲーム。
+
+        英検準一級の単語が表示されて、それをタイピングした後にその意味が選択肢で問われます。制限時間内にできるだけ多く解いきましょう。　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://hackerson1.onrender.com/",
+    isNew: true,
+    target: "中高生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "WebIMEBuilder",
+    image: {
+      src: "../img/webimebuilder.webp",
+      alt: "WebIMEBuilderのイメージ",
+    },
+    description: `
+      IMEを簡単に自作できるツールです。　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://web-ime-builder.pages.dev/",
+    isNew: true,
+    target: "小学生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "ごきげんくん",
+    image: {
+      src: "../img/gokigenkunn.webp",
+      alt: "ごきげんくんのイメージ",
+    },
+    description: `
+      品目と賞味期限を入力し、賞味期限を管理するアプリです。データベースにつながっています。　※ページの表示に時間がかかる場合があります
+		  `,
+    url: "https://stockmanagement-ad9g.onrender.com/",
+    isNew: true,
+    target: "大人向け",
+    takes: timeEst.med,
+  },
+  {
+    title: "Fieldchat",
+    image: {
+      src: "../img/field-chat.webp",
+      alt: "Fieldchatのイメージ",
+    },
+    description: `
+    登録すると謎の空間に送り込まれます。この空間にいる自分以外の●とチャットすることができます。WASDで移動、Enterで話しかけます。●の位置とメッセージは実はリアルタイムで更新されます。　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://fieldchat2.onrender.com/",
+    isNew: true,
+    target: "中高生以上におすすめ",
+    takes: timeEst.med,
+  },
+];
diff --git a/src/pages/hackathon/index.tsx b/src/pages/hackathon/index.tsx
new file mode 100644
index 0000000..ea82997
--- /dev/null
+++ b/src/pages/hackathon/index.tsx
@@ -0,0 +1,102 @@
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import Layout from "@theme/Layout";
+import Heading from "@theme/Heading";
+import { exhibitions } from "../../hackathon";
+
+const trackerURL = "https://" + "tracker.ut-code.workers" + ".dev";
+
+export default function Home(): JSX.Element {
+  const { siteConfig } = useDocusaurusContext();
+  return (
+    <Layout>
+      <header className="hero hero--primary">
+        <div className="container">
+          <Heading as="h1" className="hero__title">
+            {siteConfig.title}
+          </Heading>
+          <p className="hero__subtitle">{siteConfig.tagline}</p>
+        </div>
+      </header>
+      <main className="container padding-vert--lg">
+        <div>
+          <a className="padding--md" href="/">
+            - トップに戻る
+          </a>
+          <div className="padding--md">
+            <h1>新歓ハッカソン作品</h1>
+            <p>
+              2024年5月に開催された新歓ハッカソンで、新入生たちがわずか2日間で作り上げた個人開発作品の展示です。
+              <br />
+              ゲームやツール、学習コンテンツなど多彩なジャンルの中に、発想と技術の光る作品が勢ぞろい！初めての開発とは思えない完成度をぜひご覧ください。
+            </p>
+          </div>
+        </div>
+        <ul
+          className="row row--no-gutters"
+          style={{
+            padding: 0,
+            listStyleType: "none",
+          }}
+        >
+          {exhibitions.map((ex) => (
+            <li key={ex.title} className="col col--6 padding--md">
+              <div className="card" style={{ height: "100%" }}>
+                <div
+                  className="card__image"
+                  style={{
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                  }}
+                >
+                  <img
+                    style={{
+                      maxWidth: "100%",
+                      maxHeight: "400px",
+                      objectFit: "contain",
+                    }}
+                    src={ex.image.src}
+                    alt={ex.image.alt}
+                  />
+                </div>
+                <div className="card__body">
+                  <h3>{ex.title}</h3>
+                  {ex.isNew && <h3 className="badge badge--success">NEW</h3>}
+                  <h3 className="badge badge--primary">{ex.target}</h3>
+                  <h3 className="badge badge--info">{ex.takes}</h3>
+                  <p>{ex.description}</p>
+                </div>
+                <div className="card__footer">
+                  <button
+                    type="button"
+                    disabled={ex.disabled}
+                    onClick={async () => {
+                      console.log(`clicked ${ex.title}`);
+                      const url = ex.url;
+                      window.open(url, "_blank").focus();
+                      // CORS の関係でエラーが出るが、特に問題ないので放置。
+                      try {
+                        await fetch(trackerURL, {
+                          method: "POST",
+                          body: JSON.stringify({
+                            url,
+                            key: "2e0c7cad39e09314a46f217c6107f96e08bd13984cd4ae4c29d96f5db440dba8",
+                            kind: "festival",
+                          }),
+                        });
+                      } catch (err) {}
+                    }}
+                    rel="noreferrer"
+                    className="button button--primary button--block"
+                  >
+                    この企画を体験する
+                  </button>
+                </div>
+              </div>
+            </li>
+          ))}
+        </ul>
+      </main>
+    </Layout>
+  );
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f5f1fde..14a6f05 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,7 +1,7 @@
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Heading from "@theme/Heading";
-import { exhibitions } from "../exhibitions";
+import { exhibitions } from "../exhibitions.ts";
 
 const trackerURL = "https://" + "tracker.ut-code.workers" + ".dev";
 
diff --git a/src/pages/vote/index.tsx b/src/pages/vote/index.tsx
index c21efd3..e6ea638 100644
--- a/src/pages/vote/index.tsx
+++ b/src/pages/vote/index.tsx
@@ -20,13 +20,13 @@ export default function Home(): JSX.Element {
       <main className="container padding-vert--lg">
         <p>
           本日は企画にお越しいただきありがとうございます。次のQRコードまたは
-          <a href="https://www.komabasai.net/75/visitor/project/357">
+          <a href="https://gogatsusai.jp/98/visitor/project/261">
             こちらのリンク
           </a>
-          から駒場祭グランプリへの投票をお願いしております。1分ほどで完了しますので、次の動画を参考に投票をお願いします！
+          から五月祭グランプリへの投票をお願いしております。1分ほどで完了しますので、次の動画を参考に投票をお願いします！
         </p>
         <div className={styles.container}>
-          <img src="/img/kf75QR.svg" width={"500px"} height={"500px"}></img>
+          <img src="/img/mf98-vote.png" width={"500px"} height={"500px"}></img>
           <video
             src={howToVoteVideo}
             controls
diff --git a/static/img/field-chat.webp b/static/img/field-chat.webp
new file mode 100644
index 0000000..cbb2477
Binary files /dev/null and b/static/img/field-chat.webp differ
diff --git a/static/img/gokigenkunn.webp b/static/img/gokigenkunn.webp
new file mode 100644
index 0000000..75a7c8c
Binary files /dev/null and b/static/img/gokigenkunn.webp differ
diff --git a/static/img/mf98-vote.png b/static/img/mf98-vote.png
new file mode 100644
index 0000000..1ce4073
Binary files /dev/null and b/static/img/mf98-vote.png differ
diff --git a/static/img/newcomers-hackathon.png b/static/img/newcomers-hackathon.png
new file mode 100644
index 0000000..bc081d5
Binary files /dev/null and b/static/img/newcomers-hackathon.png differ
diff --git a/static/img/nikochan_tetoris.webp b/static/img/nikochan_tetoris.webp
new file mode 100644
index 0000000..7e54b3f
Binary files /dev/null and b/static/img/nikochan_tetoris.webp differ
diff --git a/static/img/pixel-art.webp b/static/img/pixel-art.webp
new file mode 100644
index 0000000..1b5649c
Binary files /dev/null and b/static/img/pixel-art.webp differ
diff --git a/static/img/scoundrel.webp b/static/img/scoundrel.webp
new file mode 100644
index 0000000..0ddbe4e
Binary files /dev/null and b/static/img/scoundrel.webp differ
diff --git a/static/img/shortcut.png b/static/img/shortcut.png
new file mode 100644
index 0000000..9cc45a7
Binary files /dev/null and b/static/img/shortcut.png differ
diff --git a/static/img/taiko.webp b/static/img/taiko.webp
new file mode 100644
index 0000000..8dd2d5b
Binary files /dev/null and b/static/img/taiko.webp differ
diff --git a/static/img/tamayoke.webp b/static/img/tamayoke.webp
new file mode 100644
index 0000000..7a5596a
Binary files /dev/null and b/static/img/tamayoke.webp differ
diff --git a/static/img/typing-and-word-quiz.webp b/static/img/typing-and-word-quiz.webp
new file mode 100644
index 0000000..99bb886
Binary files /dev/null and b/static/img/typing-and-word-quiz.webp differ
diff --git a/static/img/typing-breakout.webp b/static/img/typing-breakout.webp
new file mode 100644
index 0000000..f2ca274
Binary files /dev/null and b/static/img/typing-breakout.webp differ
diff --git a/static/img/webimebuilder.webp b/static/img/webimebuilder.webp
new file mode 100644
index 0000000..5e30be1
Binary files /dev/null and b/static/img/webimebuilder.webp differ
diff --git a/tsconfig.json b/tsconfig.json
index 314eab8..35a1cf6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
   // This file is not used in compilation. It is here just for a nice editor experience.
   "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
-    "baseUrl": "."
+    "baseUrl": ".",
+    "allowImportingTsExtensions": true
   }
 }