update welcome event dates

Author: aster-void

public/shinkan-nittei.png

@@ -2,10 +2,12 @@
 import { Picture } from "astro:assets";
 import Link from "+/components/Link.astro";
 import Header from "+/images/headers/welcome-events.jpg";
-import DatesTable from "+/images/shinkan-nittei-v2.png";
 import GlobalLayout from "+/layouts/GlobalLayout.astro";
 import StaticDocumentWrapper from "+/layouts/StaticDocumentWrapper.astro";
 import { Focus } from "+/schema";
+
+import AprilTable from "+/images/welcome/welcome-events-calendar/april.png";
+import MayTable from "+/images/welcome/welcome-events-calendar/may.png";
 ---
 
 <GlobalLayout
@@ -34,35 +36,50 @@ import { Focus } from "+/schema";
     <section>
       <h2>📅 新歓イベント日程</h2>
       <p>
-        今年の新歓イベントの日程は以下のとおりです。
+        2025 年の新歓イベントの日程は以下のとおりです。
         興味がある方は、ぜひ気軽に参加してみてください！
       </p>
       <p>日時・場所の詳細は確定し次第追加します。</p>
-      <a
-        href="/shinkan-nittei.png"
-        target="_blank"
-        aria-label="新しいページで開く"
-      >
-        <Picture src={DatesTable} alt="新歓日程" />
-      </a>
+      <div class="flex flex-row">
+        <a
+          href="/welcome-events-calendar/april.png"
+          target="_blank"
+          aria-label="新しいページで開く"
+        >
+          <Picture src={AprilTable} alt="4月新歓日程" />
+        </a>
+        <a
+          href="/welcome-events-calendar/may.png"
+          target="_blank"
+          aria-label="新しいページで開く"
+        >
+          <Picture src={MayTable} alt="5月新歓日程" />
+        </a>
+      </div>
+      <div class="text-center text-xs text-gray-500">
+        画像クリックで全画面表示
+      </div>
     </section>
-    <section aria-label="各イベント詳細">
+    <section>
+      <h2>☘️ 各イベント詳細</h2>
+      <details class="text-gray-500">
+        <summary>終了済みイベント</summary>
+        <section id="online-information-session">
+          <h3>オンライン新歓説明会</h3>
+          <ul>
+            <li>日時: 3/30 (日) 20:00~</li>
+            <li>場所: Zoom</li>
+          </ul>
+        </section>
+        <section id="club-orientation">
+          <h3>サーオリ</h3>
+          <ul>
+            <li>日時: 4/3(木), 4/4(金) 全日</li>
+            <li>場所: 1232教室</li>
+          </ul>
+        </section>
+      </details>
       <div class="divider">説明会系</div>
-      <section id="online-information-session">
-        <div class="not-prose text-xl"><h3>オンライン新歓説明会</h3></div>
-        <ul>
-          <li>日時: 3/30 (日) 20:00~</li>
-          <li>場所: Zoom</li>
-          <li>終了しました。</li>
-        </ul>
-      </section>
-      <section id="club-orientation">
-        <h3>サーオリ</h3>
-        <ul>
-          <li>日時: 4/3(木), 4/4(金) 全日</li>
-          <li>場所: 1232教室</li>
-        </ul>
-      </section>
       <section id="joint-welcome-event">
         <h3>エンジニア系サークル合同新歓</h3>
         <ul>
@@ -140,6 +157,8 @@ import { Focus } from "+/schema";
         <ul>
           <li>日程: 5/3(土) ~ 5/5(月)</li>
           <li>場所: 東京大学山中寮内藤セミナーハウス</li>
+          <li>フォーム: Discord にあります</li>
+          <li>フォーム提出期限: 4/13 (日) 18:00</li>
           <li>
             合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう！
           </li>
@@ -151,6 +170,20 @@ import { Focus } from "+/schema";
           </li>
         </ul>
       </section>
+      <section>
+        <h3>新歓個人ハッカソン</h3>
+        <ul>
+          <li>日程: 5/10 (土)、 5/11 (日)</li>
+          <li>
+            ut.code(); Learn
+            の復習を兼ねて、自分なりのフルスタックアプリケーションを作りましょう！
+          </li>
+          <li>事前に進めておいたり、終わったあとに続けて開発しても OK！</li>
+          <li>
+            希望者は制作物を五月祭や Website などに展示することができます。
+          </li>
+        </ul>
+      </section>
       <section>
         <h3>プロジェクト発足会</h3>
         <ul>
@@ -162,8 +195,19 @@ import { Focus } from "+/schema";
           <li>プロジェクトの多くはここで発足しています！</li>
         </ul>
       </section>
-      <div class="divider"></div>
+      <div class="divider mt-20">その他</div>
+      <section>
+        <h3>部員フォーム締め切り</h3>
+        <ul>
+          <li>日程: 5/17 (土)</li>
+          <li>
+            ut.code(); の 2025
+            年春新歓での新入生の受付は、ここまでとさせていただきます。
+          </li>
+        </ul>
+      </section>
     </section>
+    <div class="divider mt-20"></div>
     <section>
       <h2>✍️イベント参加例</h2>
       <ul>