|
1 | 1 | --- |
2 | | -import Link from "+/components/utils/Link.astro"; |
3 | 2 | import Header from "+/images/headers/welcome-events.jpg"; |
4 | | -import AprilTable from "+/images/welcome/welcome-events-calendar/april.png"; |
5 | | -import MayTable from "+/images/welcome/welcome-events-calendar/may.png"; |
| 3 | +import CalendarTable from "+/images/welcome/welcome-events-calendar/calendar.jpg"; |
6 | 4 | import GlobalLayout from "+/layouts/GlobalLayout.astro"; |
7 | 5 | import StaticDocumentWrapper from "+/layouts/StaticDocumentWrapper.astro"; |
8 | 6 | import { Focus } from "+/schema"; |
9 | 7 | import { Picture } from "astro:assets"; |
10 | 8 | --- |
11 | 9 |
|
12 | 10 | <GlobalLayout |
13 | | - title="2025 年春新歓 イベント一覧" |
| 11 | + title="2026 年春新歓 イベント一覧" |
14 | 12 | description="新歓イベントの日程と詳細" |
15 | 13 | focus={Focus.join} |
16 | 14 | image={Header} |
17 | 15 | > |
18 | 16 | <StaticDocumentWrapper |
19 | 17 | header={Header} |
20 | 18 | fill="bg-gray-300" |
21 | | - title="2025 年春新歓 イベント一覧" |
| 19 | + title="2026 年春新歓 イベント一覧" |
22 | 20 | position="object-top" |
23 | 21 | > |
24 | | - <section> |
25 | | - <h2>☕️新歓配布資料</h2> |
26 | | - <ul> |
27 | | - <li> |
28 | | - ut.code(); 紹介スライド <a |
29 | | - href="https://docs.google.com/presentation/d/1c8eWT2ihAr1Y1ppYphcG_sRRV2cSsc9N1v7nWg_FPtQ/edit?usp=sharing" |
30 | | - target="_blank">サークル紹介スライド | Google Docs</a |
31 | | - > |
32 | | - </li> |
33 | | - </ul> |
34 | | - </section> |
35 | 22 | <section> |
36 | 23 | <h2>📅 新歓イベント日程</h2> |
37 | 24 | <p> |
38 | | - 2025 年の新歓イベントの日程は以下のとおりです。 |
| 25 | + 2026 年の新歓イベントの日程は以下のとおりです。 |
39 | 26 | 興味がある方は、ぜひ気軽に参加してみてください! |
40 | 27 | </p> |
41 | 28 | <p>日時・場所の詳細は確定し次第追加します。</p> |
42 | | - <div class="flex flex-row"> |
43 | | - <a |
44 | | - href="/welcome-events-calendar/april.png" |
45 | | - target="_blank" |
46 | | - aria-label="新しいページで開く" |
47 | | - > |
48 | | - <Picture src={AprilTable} alt="4月新歓日程" /> |
49 | | - </a> |
50 | | - <a |
51 | | - href="/welcome-events-calendar/may.png" |
52 | | - target="_blank" |
53 | | - aria-label="新しいページで開く" |
54 | | - > |
55 | | - <Picture src={MayTable} alt="5月新歓日程" /> |
56 | | - </a> |
57 | | - </div> |
| 29 | + <a |
| 30 | + href="/welcome-events-calendar/calendar.jpg" |
| 31 | + target="_blank" |
| 32 | + aria-label="新しいページで開く" |
| 33 | + > |
| 34 | + <Picture src={CalendarTable} alt="新歓日程カレンダー" /> |
| 35 | + </a> |
58 | 36 | <div class="text-center text-xs text-gray-500"> |
59 | 37 | 画像クリックで全画面表示 |
60 | 38 | </div> |
61 | 39 | </section> |
62 | 40 | <section> |
63 | 41 | <h2>☘️ 各イベント詳細</h2> |
64 | | - <details |
65 | | - id="closed" |
66 | | - class="collapse-arrow collapse border border-gray-400" |
67 | | - > |
68 | | - <summary class="collapse-title">締め切り済み・終了済みイベント</summary> |
69 | | - <div class="collapse-content"> |
70 | | - <div class="divider">説明会系イベント</div> |
71 | | - <section id="online-information-session"> |
72 | | - <h3>オンライン新歓説明会</h3> |
73 | | - <ul> |
74 | | - <li>日時: 3/30 (日) 20:00~</li> |
75 | | - <li>場所: Zoom</li> |
76 | | - </ul> |
77 | | - </section> |
78 | | - <section id="club-orientation"> |
79 | | - <h3>サーオリ</h3> |
80 | | - <ul> |
81 | | - <li>日時: 4/3(木), 4/4(金) 全日</li> |
82 | | - <li>場所: 1232教室</li> |
83 | | - </ul> |
84 | | - </section> |
85 | | - <div class="divider">学習系イベント</div> |
86 | | - <section id="welcome-seminar"> |
87 | | - <h3>新歓講習会</h3> |
88 | | - <ul> |
89 | | - <li>日時: 4/6 (日) 14:00 ~ 17:30、4/12 (土) 14:00 ~ 17:30</li> |
90 | | - <li> |
91 | | - 場所: |
92 | | - <ul> |
93 | | - <li>4/6 (日): 駒場キャンパス 1 号館 102 教室</li> |
94 | | - <li>4/12 (土): 駒場キャンパス 11 号館 1105 教室</li> |
95 | | - </ul> |
96 | | - </li> |
97 | | - <li> |
98 | | - 参加フォーム: |
99 | | - <Link |
100 | | - class="link link-uncolor" |
101 | | - href="https://forms.gle/Bo5gHDgz12XtA4NW8" |
102 | | - _blank |
103 | | - /> |
104 | | - </li> |
105 | | - <li> |
106 | | - 授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web |
107 | | - アプリを公開できるようになります。 |
108 | | - </li> |
109 | | - </ul> |
110 | | - </section> |
111 | | - <section id="joint-welcome-event"> |
112 | | - <h3>エンジニア系サークル合同新歓</h3> |
113 | | - <ul> |
114 | | - <li>日時: 4/9 (水) 19:00 ~ 21:00、4/15 (火) 19:00 ~ 21:00</li> |
115 | | - <li>場所: 両日とも駒場キャンパス 1102 教室</li> |
116 | | - <li> |
117 | | - 詳細: <a |
118 | | - class="link link-uncolor" |
119 | | - href="/articles/2025/03-24_joint-welcome-session" |
120 | | - > |
121 | | - 合同新歓を開催します | 記事</a |
122 | | - > |
123 | | - </li> |
124 | | - <li> |
125 | | - 参加フォーム: |
126 | | - <Link |
127 | | - class="link link-uncolor" |
128 | | - href="https://forms.gle/sAU7A9uMVerQPpUb6" |
129 | | - _blank |
130 | | - /> |
131 | | - </li> |
132 | | - <li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催!</li> |
133 | | - </ul> |
134 | | - </section> |
135 | | - <div class="divider">交流・開発系イベント</div> |
136 | | - <section> |
137 | | - <h3>新歓合宿</h3> |
138 | | - <ul> |
139 | | - <li>日程: 5/3(土) ~ 5/5(月)</li> |
140 | | - <li>場所: 東京大学山中寮内藤セミナーハウス</li> |
141 | | - <li>フォーム: Discord にあります</li> |
142 | | - <li>フォーム提出期限: 4/13 (日) 18:00</li> |
143 | | - <li> |
144 | | - 合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう! |
145 | | - </li> |
146 | | - <li> |
147 | | - ut.code(); の新歓イベントとしては一番大きなものになります! |
148 | | - <br /> |
149 | | - ut.code(); の普段の活動を知ることができますし、部員や他の新入生とも交流できるいい機会になります! |
150 | | - ぜひご参加ください! |
151 | | - </li> |
152 | | - </ul> |
153 | | - </section> |
154 | | - </div> |
155 | | - </details> |
156 | | - <div class="divider mt-20">学習系イベント</div> |
| 42 | + <div class="divider">説明会系イベント</div> |
| 43 | + <section id="club-orientation"> |
| 44 | + <h3>サーオリ</h3> |
| 45 | + <ul> |
| 46 | + <li>日時: 4/3 (金), 4/5 (日)</li> |
| 47 | + </ul> |
| 48 | + </section> |
| 49 | + <section id="joint-welcome-event"> |
| 50 | + <h3>エンジニア系サークル合同新歓</h3> |
| 51 | + <ul> |
| 52 | + <li>日時: 4/9 (木), 4/15 (水)</li> |
| 53 | + </ul> |
| 54 | + </section> |
| 55 | + <div class="divider">学習系イベント</div> |
| 56 | + <section id="beginners-seminar"> |
| 57 | + <h3>初学者講習会</h3> |
| 58 | + <ul> |
| 59 | + <li>日時: 4/12 (日), 4/18 (土)</li> |
| 60 | + <li> |
| 61 | + 授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web |
| 62 | + アプリを公開できるようになります。 |
| 63 | + </li> |
| 64 | + </ul> |
| 65 | + </section> |
157 | 66 | <section> |
158 | 67 | <h3>自主勉強会</h3> |
159 | 68 | <ul> |
160 | 69 | <li> |
161 | | - 日時: 4/7 (月), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水) すべて |
162 | | - 19:00 ~ 21:30 |
| 70 | + 日時: 4/7 (火), 4/10 (金), 4/14 (火), 4/17 (金), 4/21 (火), 4/24 |
| 71 | + (金), 4/28 (火), 5/8 (金) |
163 | 72 | </li> |
164 | | - <li>場所: 駒場学生会館 313 B (部室)</li> |
165 | 73 | <li>途中参加・途中退出可。</li> |
166 | 74 | <li> |
167 | 75 | 自分のペースでプログラミングを学び、プロジェクトに参加できるスキルをつけよう! |
168 | 76 | 経験者も新しい知識を学ぶチャンス! |
169 | 77 | </li> |
170 | 78 | </ul> |
171 | | - <div class="divider mt-20">交流・開発系イベント</div> |
172 | | - <section> |
173 | | - <h3>新歓個人ハッカソン</h3> |
174 | | - <ul> |
175 | | - <li>日程: 5/10 (土)、 5/11 (日)</li> |
176 | | - <li> |
177 | | - ut.code(); Learn |
178 | | - の復習を兼ねて、自分なりのフルスタックアプリケーションを作りましょう! |
179 | | - </li> |
180 | | - <li>事前に進めておいたり、終わったあとに続けて開発しても OK!</li> |
181 | | - <li> |
182 | | - 合宿や勉強会に参加するなどして、 ut.code(); Learn の第 3 |
183 | | - 章「Webサーバーが動作する仕組みを知ろう」まで終わらせているとスムーズに開発ができます。 |
184 | | - </li> |
185 | | - <li> |
186 | | - 希望者は制作物を五月祭や Website などに展示することができます。 |
187 | | - </li> |
188 | | - </ul> |
189 | | - <section> |
190 | | - <h3>プロジェクト発足会</h3> |
191 | | - <ul> |
192 | | - <li>日程: 6月頃予定</li> |
193 | | - <li>場所: 駒場・渋谷付近予定</li> |
194 | | - <li> |
195 | | - みんなで食事をしながら、新プロジェクトの発足に向けた話をしていくそんなイベントです。 |
196 | | - </li> |
197 | | - <li>プロジェクトの多くはここで発足しています!</li> |
198 | | - </ul> |
199 | | - </section> |
200 | | - <div class="divider mt-20">その他</div> |
201 | | - <section> |
202 | | - <h3>部員フォーム締め切り</h3> |
203 | | - <ul> |
204 | | - <li>日程: 5/17 (土)</li> |
205 | | - <li> |
206 | | - ut.code(); の 2025 |
207 | | - 年春新歓での新入生の受付は、ここまでとさせていただきます。 |
208 | | - </li> |
209 | | - </ul> |
210 | | - </section> |
211 | | - </section> |
| 79 | + </section> |
| 80 | + <div class="divider">交流・開発系イベント</div> |
| 81 | + <section> |
| 82 | + <h3>新歓合宿</h3> |
| 83 | + <ul> |
| 84 | + <li>日程: 5/4 (月) ~ 5/6 (水)</li> |
| 85 | + <li> |
| 86 | + 合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう! |
| 87 | + </li> |
| 88 | + <li> |
| 89 | + ut.code(); の新歓イベントとしては一番大きなものになります! |
| 90 | + <br /> |
| 91 | + ut.code(); の普段の活動を知ることができますし、部員や他の新入生とも交流できるいい機会になります! |
| 92 | + ぜひご参加ください! |
| 93 | + </li> |
| 94 | + </ul> |
| 95 | + </section> |
| 96 | + <section> |
| 97 | + <h3>新歓ハッカソン</h3> |
| 98 | + <ul> |
| 99 | + <li>キックオフ: 4/26 (日)</li> |
| 100 | + <li>作業会: 5/9 (土)</li> |
| 101 | + <li>発表会: 5/10 (日)</li> |
| 102 | + </ul> |
| 103 | + </section> |
| 104 | + <div class="divider">その他</div> |
| 105 | + <section> |
| 106 | + <h3>ut.code(); 総会</h3> |
| 107 | + <ul> |
| 108 | + <li>4月総会: 4/25 (土)</li> |
| 109 | + <li>5月総会: 5/16 (土)</li> |
| 110 | + </ul> |
212 | 111 | </section> |
213 | 112 | </section> |
214 | 113 |
|
215 | 114 | <style> |
216 | 115 | section { |
217 | 116 | margin-top: 3rem; |
218 | 117 | } |
219 | | - #closed h3 { |
220 | | - font-weight: normal; |
221 | | - color: var(--color-gray-600); |
222 | | - } |
223 | 118 | .divider { |
224 | 119 | color: var(--color-gray-600); |
225 | 120 | } |
|
0 commit comments