add event join samples

Author: aster-void

contents/banner.ts

@@ -12,7 +12,7 @@ const banner: Banner = {
   long: "新歓イベントを行っています",
   short: "新歓イベントを行っています",
   link: "/welcome-events",
-  linkText: "日程",
+  linkText: "詳細日程",
 };
 
 export default banner;

src/pages/welcome-events.astro

@@ -20,6 +20,23 @@ import { Focus } from "+/schema";
     title="新歓イベント"
     position="object-top"
   >
+    <p>
+      <h2>イベント参加例</h2>
+      <ul>
+        <li>説明会 (任意)・学習型イベント・新歓合宿</li>
+        <li>
+          説明会 (任意)・学習型イベント (新歓合宿は予定が合わず参加できない)
+        </li>
+        <li>
+          説明会 (任意)・新歓合宿
+          <ul>
+            <li>
+              この場合、合宿では学習型イベントでやる予定の学習をしてもらいます
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </p>
     <h2>📅 新歓イベント日程</h2>
     <p>
       今年の新歓イベントの日程は以下のとおりです。
@@ -34,6 +51,7 @@ import { Focus } from "+/schema";
       <Picture src={DatesTable} alt="新歓日程" />
     </a>
     <section aria-label="新歓日程一覧">
+      <div class="divider mt-20">説明会</div>
       <section id="online-information-session">
         <div class="not-prose text-xl"><h3>オンライン新歓説明会</h3></div>
         <ul>
@@ -55,8 +73,11 @@ import { Focus } from "+/schema";
           <li>日時: 4/9 (水) 19:00 ~ 21:00、4/15 (火) 19:00 ~ 21:00</li>
           <li>場所: 確定し次第お知らせします。(学生会館予定)</li>
           <li>
-            詳細: <a href="/articles/2025/03-24_joint-welcome-session">
-              合同新歓</a
+            詳細: <a
+              class="link link-primary"
+              href="/articles/2025/03-24_joint-welcome-session"
+            >
+              合同新歓を開催します | 記事</a
             >
           </li>
           <li>
@@ -70,6 +91,7 @@ import { Focus } from "+/schema";
           <li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li>
         </ul>
       </section>
+      <div class="divider mt-20">学習系</div>
       <section id="welcome-seminar">
         <h3>新歓講習会</h3>
         <ul>
@@ -107,9 +129,28 @@ import { Focus } from "+/schema";
           </li>
         </ul>
       </section>
+      <div class="divider mt-20">交流・開発</div>
+      <section>
+        <h3>新歓合宿</h3>
+        <ul>
+          <li>5/3 ~ 5/5</li>
+          <li>日程: 5/3(土) ~ 5/5(月)</li>
+          <li>場所: 東京大学山中寮内藤セミナーハウス</li>
+          <li>
+            合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう！
+          </li>
+          <li>
+            ut.code(); の新歓イベントとしては一番大きなものになります！
+            <br />
+            ut.code(); の普段の活動を知ることができますし、部員や他の新入生とも交流できるいい機会になりますよ〜
+            ぜひご参加ください！
+          </li>
+        </ul>
+      </section>
     </section>
   </StaticDocumentWrapper>
 </GlobalLayout>
+
 <style>
   section {
     margin-top: 3rem;