@@ -62,24 +62,75 @@ import MayTable from "+/images/welcome/welcome-events-calendar/may.png";
6262 </section >
6363 <section >
6464 <h2 >☘️ 各イベント詳細</h2 >
65- <details class =" text-gray-500"
66- <summary >終了済みイベント</summary >
67- <section id =" online-information-session"
68- <h3 >オンライン新歓説明会</h3 >
69- <ul >
70- <li >日時: 3/30 (日) 20:00~</li >
71- <li >場所: Zoom</li >
72- </ul >
73- </section >
74- <section id =" club-orientation"
75- <h3 >サーオリ</h3 >
76- <ul >
77- <li >日時: 4/3(木), 4/4(金) 全日</li >
78- <li >場所: 1232教室</li >
79- </ul >
80- </section >
65+ <details
66+ id =" closed"
67+ class =" collapse-arrow collapse border border-gray-400"
68+ >
69+ <summary class =" collapse-title" summary >
70+ <div class =" collapse-content"
71+ <div class =" divider" div >
72+ <section id =" online-information-session"
73+ <h3 >オンライン新歓説明会</h3 >
74+ <ul >
75+ <li >日時: 3/30 (日) 20:00~</li >
76+ <li >場所: Zoom</li >
77+ </ul >
78+ </section >
79+ <section id =" club-orientation"
80+ <h3 >サーオリ</h3 >
81+ <ul >
82+ <li >日時: 4/3(木), 4/4(金) 全日</li >
83+ <li >場所: 1232教室</li >
84+ </ul >
85+ </section >
86+ <div class =" divider" div >
87+ <section id =" welcome-seminar"
88+ <h3 >新歓講習会</h3 >
89+ <ul >
90+ <li >日時: 4/6 (日) 14:00 ~ 17:30、4/12 (土) 14:00 ~ 17:30</li >
91+ <li >
92+ 場所:
93+ <ul >
94+ <li >4/6 (日): 駒場キャンパス 1 号館 102 教室</li >
95+ <li >4/12 (土): 駒場キャンパス 11 号館 1105 教室</li >
96+ </ul >
97+ </li >
98+ <li >
99+ 参加フォーム:
100+ <Link
101+ class =" link"
102+ href =" https://forms.gle/Bo5gHDgz12XtA4NW8"
103+ _blank
104+ />
105+ </li >
106+ <li >
107+ 授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
108+ アプリを公開できるようになります。
109+ </li >
110+ </ul >
111+ </section >
112+ <div class =" divider" div >
113+ <section >
114+ <h3 >新歓合宿</h3 >
115+ <ul >
116+ <li >日程: 5/3(土) ~ 5/5(月)</li >
117+ <li >場所: 東京大学山中寮内藤セミナーハウス</li >
118+ <li >フォーム: Discord にあります</li >
119+ <li >フォーム提出期限: 4/13 (日) 18:00</li >
120+ <li >
121+ 合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう！
122+ </li >
123+ <li >
124+ ut.code(); の新歓イベントとしては一番大きなものになります！
125+ <br />
126+ ut.code(); の普段の活動を知ることができますし、部員や他の新入生とも交流できるいい機会になります！
127+ ぜひご参加ください！
128+ </li >
129+ </ul >
130+ </section >
131+ </div >
81132 </details >
82- <div class =" divider" 説明会系 </div >
133+ <div class =" divider" 説明会系イベント </div >
83134 <section id =" joint-welcome-event"
84135 <h3 >エンジニア系サークル合同新歓</h3 >
85136 <ul >
@@ -104,134 +155,102 @@ import MayTable from "+/images/welcome/welcome-events-calendar/may.png";
104155 <li >TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li >
105156 </ul >
106157 </section >
107- <div class =" divider mt-20" div >
108- <section id =" welcome-seminar"
109- <h3 >新歓講習会</h3 >
110- <ul >
111- <li >日時: 4/6 (日) 14:00 ~ 17:30、4/12 (土) 14:00 ~ 17:30</li >
112- <li >
113- 場所:
114- <ul >
115- <li >4/6 (日): 駒場キャンパス 1 号館 102 教室</li >
116- <li >4/12 (土): 駒場キャンパス 11 号館 1105 教室</li >
117- </ul >
118- </li >
119- <li >
120- 参加フォーム:
121- <Link
122- class =" link"
123- href =" https://forms.gle/Bo5gHDgz12XtA4NW8"
124- _blank
125- />
126- </li >
127- <li >
128- 授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
129- アプリを公開できるようになります。
130- </li >
131- </ul >
132- </section >
158+ <div class =" divider mt-20" div >
133159 <section >
134- <h3 >先取り自主勉強会 </h3 >
160+ <h3 >勉強会 </h3 >
135161 <ul >
136162 <li >
137- 日時: 4/7 (月), 11 (金), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水)
138- すべて 19:00 ~ 21:30
163+ 日時: 4/7 (月), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水) すべて
164+ 19:00 ~ 21:30
139165 </li >
140166 <li >場所: 駒場学生会館 313 B (部室)</li >
141167 <li >途中参加・途中退出可。</li >
142168 <li >
143- いち早くプログラミングを学び 、プロジェクトに参加できるスキルをつけよう！
169+ 自分のペースでプログラミングを学び 、プロジェクトに参加できるスキルをつけよう！
144170 経験者も新しい知識を学ぶチャンス！
145171 </li >
146172 </ul >
147- </section >
148- <div class =" divider mt-20" div >
149- <section >
150- <h3 >新歓合宿</h3 >
151- <ul >
152- <li >日程: 5/3(土) ~ 5/5(月)</li >
153- <li >場所: 東京大学山中寮内藤セミナーハウス</li >
154- <li >フォーム: Discord にあります</li >
155- <li >フォーム提出期限: 4/13 (日) 18:00</li >
156- <li >
157- 合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう！
158- </li >
159- <li >
160- ut.code(); の新歓イベントとしては一番大きなものになります！
161- <br />
162- ut.code(); の普段の活動を知ることができますし、部員や他の新入生とも交流できるいい機会になります！
163- ぜひご参加ください！
164- </li >
165- </ul >
166- </section >
167- <section >
168- <h3 >新歓個人ハッカソン</h3 >
169- <ul >
170- <li >日程: 5/10 (土)、 5/11 (日)</li >
171- <li >
172- ut.code(); Learn
173- の復習を兼ねて、自分なりのフルスタックアプリケーションを作りましょう！
174- </li >
175- <li >事前に進めておいたり、終わったあとに続けて開発しても OK！</li >
176- <li >
177- 希望者は制作物を五月祭や Website などに展示することができます。
178- </li >
179- </ul >
180- </section >
181- <section >
182- <h3 >プロジェクト発足会</h3 >
183- <ul >
184- <li >日程: ６月頃予定</li >
185- <li >場所: 駒場・渋谷付近予定</li >
186- <li >
187- みんなで食事をしながら、新プロジェクトの発足に向けた話をしていくそんなイベントです。
188- </li >
189- <li >プロジェクトの多くはここで発足しています！</li >
190- </ul >
191- </section >
192- <div class =" divider mt-20" div >
193- <section >
194- <h3 >部員フォーム締め切り</h3 >
195- <ul >
196- <li >日程: 5/17 (土)</li >
197- <li >
198- ut.code(); の 2025
199- 年春新歓での新入生の受付は、ここまでとさせていただきます。
200- </li >
201- </ul >
202- </section >
203- </section >
204- <div class =" divider mt-20" div >
205- <section >
206- <h2 >✍️イベント参加例</h2 >
207- <ul >
208- <li >説明会 (任意)・学習系イベント・新歓合宿</li >
209- <li >
210- 説明会 (任意)・学習系イベント (新歓合宿は予定が合わず参加できない)
211- </li >
212- <li >
213- 説明会 (任意)・新歓合宿
173+ <div class =" divider mt-20" div >
174+ <section >
175+ <h3 >新歓個人ハッカソン</h3 >
214176 <ul >
177+ <li >日程: 5/10 (土)、 5/11 (日)</li >
215178 <li >
216- この場合、合宿では学習系イベントでやる予定の学習をしてもらいます
179+ ut.code(); Learn
180+ の復習を兼ねて、自分なりのフルスタックアプリケーションを作りましょう！
181+ </li >
182+ <li >事前に進めておいたり、終わったあとに続けて開発しても OK！</li >
183+ <li >
184+ 合宿や勉強会に参加するなどして、 ut.code(); Learn の第 3
185+ 章「Webサーバーが動作する仕組みを知ろう」まで終わらせているとスムーズに開発ができます。
186+ </li >
187+ <li >
188+ 希望者は制作物を五月祭や Website などに展示することができます。
217189 </li >
218190 </ul >
219- </li >
220- <li >
221- すべて参加できない場合
191+ <section >
192+ <h3 >プロジェクト発足会</h3 >
193+ <ul >
194+ <li >日程: ６月頃予定</li >
195+ <li >場所: 駒場・渋谷付近予定</li >
196+ <li >
197+ みんなで食事をしながら、新プロジェクトの発足に向けた話をしていくそんなイベントです。
198+ </li >
199+ <li >プロジェクトの多くはここで発足しています！</li >
200+ </ul >
201+ </section >
202+ <div class =" divider mt-20" div >
203+ <section >
204+ <h3 >部員フォーム締め切り</h3 >
205+ <ul >
206+ <li >日程: 5/17 (土)</li >
207+ <li >
208+ ut.code(); の 2025
209+ 年春新歓での新入生の受付は、ここまでとさせていただきます。
210+ </li >
211+ </ul >
212+ </section >
213+ </section >
214+ <div class =" divider mt-20" div >
215+ <section >
216+ <h2 >✍️イベント参加例</h2 >
222217 <ul >
218+ <li >説明会 (任意)・学習系イベント・新歓合宿</li >
223219 <li >
224- 全く問題ありません。プロジェクトに参加しつつ学習のサポートをします。
220+ 説明会 (任意)・学習系イベント (新歓合宿は予定が合わず参加できない)
221+ </li >
222+ <li >
223+ 説明会 (任意)・新歓合宿
224+ <ul >
225+ <li >
226+ この場合、合宿では学習系イベントでやる予定の学習をしてもらいます
227+ </li >
228+ </ul >
229+ </li >
230+ <li >
231+ すべて参加できない場合
232+ <ul >
233+ <li >
234+ 全く問題ありません。プロジェクトに参加しつつ学習のサポートをします。
235+ </li >
236+ </ul >
225237 </li >
226238 </ul >
227- </li >
228- </ul >
239+ </section >
240+ </section >
229241 </section >
242+
243+ <style >
244+ section {
245+ margin-top: 3rem;
246+ }
247+ #closed h3 {
248+ font-weight: normal;
249+ color: var(--color-gray-600);
250+ }
251+ .divider {
252+ color: var(--color-gray-600);
253+ }
254+ </style >
230255 </StaticDocumentWrapper >
231256</GlobalLayout >
232-
233- <style >
234- section {
235- margin-top: 3rem;
236- }
237- </style >
0 commit comments