講習会の情報を更新

Author: TakenPt

src/components/workshop/Workshop2025Section.astro

@@ -64,6 +64,42 @@ export const items: Item[] = [
   },
 ]
 
+export const items2: Item[] = [
+  {
+    date: date(4, 17),
+    title: 'Python (1日目)',
+    place: 'C301',
+    description:
+      'Pythonの基礎を学びます。PythonはAIやデータ分析に使用されます。',
+  },
+  {
+    date: date(4, 18),
+    title: 'HTML, CSS (1日目)',
+    place: 'C105',
+    description:
+      'HTML, CSSの基礎を学びます。HTML, CSSはwebページの作成に使用されます。',
+  },
+  {
+    date: date(4, 19),
+    title: 'ハードウェア入門 (1日目)',
+    place: 'C104',
+    description:
+      'ハードウェアの基礎を学びます。電子回路、センサ、 メカ機構などを扱います。',
+  },
+  {
+    date: date(4, 22),
+    title: 'TypeScript (1日目)',
+    description:
+      'TypeScriptの基礎を学びます。TypeScriptはwebサイトの作成に使用されます。',
+  },
+  {
+    date: date(4, 23),
+    title: 'C/C++ (1日目)',
+    description:
+      'C/C++の基礎を学びます。C/C++は組み込み用途やゲーム開発に使用されます。',
+  },
+]
+
 const dateFormat = new Intl.DateTimeFormat('ja-JP', {
   weekday: 'short',
   month: 'numeric',
@@ -74,7 +110,7 @@ const dateFormat = new Intl.DateTimeFormat('ja-JP', {
 ---
 
 <Section background="secondary">
-  <Fragment slot="title">2025年度の講習会</Fragment>
+  <Fragment slot="title">2025年度のOUCCの講習会</Fragment>
   <div class="flex flex-col gap-5">
     <p>
       2025年度の講習会について情報をまとめています。開始時刻や開催場所などの詳細や他の講習会については随時更新します。是非お気軽にご参加ください！
@@ -89,3 +125,19 @@ const dateFormat = new Intl.DateTimeFormat('ja-JP', {
     </ul>
   </div>
 </Section>
+<Section background="secondary">
+  <Fragment slot="title">2025年度の他団体の講習会</Fragment>
+  <div class="flex flex-col gap-5">
+    <p>
+      2025年度の他団体による講習会について情報をまとめています。開始時刻や開催場所などの詳細や他の講習会については随時更新します。是非お気軽にご参加ください！
+    </p>
+    <p>各回1～3時間程度の予定となっています。途中退室も可能です。</p>
+    <ul class="grid grid-cols-[repeat(auto-fit,minmax(18rem,1fr))] gap-5">
+      {
+        items2.map(({ date, ...item }) => (
+          <WorkshopCard {...item} date={dateFormat.format(date)} />
+        ))
+      }
+    </ul>
+  </div>
+</Section>