Skip to content

Commit 901f072

Browse files
aster-voidaster-void
authored
Merge pull request #4 from ut-code/update-shinkan-2026-spring
2026年春新歓イベント日程ページを追加
2 parents 844e380 + f869a2a commit 901f072

File tree

2 files changed

+112
-0
lines changed

2 files changed

+112
-0
lines changed

‎src/routes/(site)/join/welcome-events/+page.svelte‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<svelte:head>
2+
<title>2026 年春新歓 イベント一覧 | ut.code();</title>
3+
<meta property="og:title" content="2026 年春新歓 イベント一覧 | ut.code();" />
4+
<meta name="description" content="ut.code(); 2026年春新歓イベントの日程と詳細" />
5+
</svelte:head>
6+
7+
<section class="border-b border-zinc-200 bg-zinc-50/50 py-16">
8+
<div class="mx-auto max-w-6xl px-6">
9+
<div
10+
class="mb-3 font-[JetBrains_Mono,monospace] text-xs font-medium tracking-widest text-primary uppercase"
11+
>
12+
Welcome Events
13+
</div>
14+
<h1 class="mb-2 text-3xl font-bold">2026 年春新歓 イベント一覧</h1>
15+
</div>
16+
</section>
17+
18+
<div class="mx-auto max-w-2xl px-6">
19+
<section class="py-16">
20+
<p class="text-lg leading-relaxed text-zinc-600">
21+
2026 年の新歓イベントの日程は以下のとおりです。
22+
興味がある方は、ぜひ気軽に参加してみてください！
23+
</p>
24+
<p class="mt-4 text-sm text-zinc-500">日時・場所の詳細は確定し次第追加します。</p>
25+
<a href="/images/welcome/calendar.jpg" target="_blank">
26+
<img
27+
src="/images/welcome/calendar.jpg"
28+
alt="新歓日程カレンダー"
29+
class="mt-8 w-full rounded-lg"
30+
/>
31+
</a>
32+
<p class="mt-2 text-center text-xs text-zinc-400">画像クリックで全画面表示</p>
33+
</section>
34+
35+
<!-- 説明会系イベント -->
36+
<section class="border-t border-zinc-100 py-16">
37+
<h2 class="mb-8 text-xl font-bold">説明会系イベント</h2>
38+
<div class="space-y-8">
39+
<div>
40+
<h3 class="mb-2 font-semibold">サーオリ</h3>
41+
<p class="text-zinc-600">日時: 4/3 (金), 4/5 (日)</p>
42+
</div>
43+
<div>
44+
<h3 class="mb-2 font-semibold">エンジニア系サークル合同新歓</h3>
45+
<p class="text-zinc-600">日時: 4/9 (木), 4/15 (水)</p>
46+
</div>
47+
</div>
48+
</section>
49+
50+
<!-- 学習系イベント -->
51+
<section class="border-t border-zinc-100 py-16">
52+
<h2 class="mb-8 text-xl font-bold">学習系イベント</h2>
53+
<div class="space-y-8">
54+
<div>
55+
<h3 class="mb-2 font-semibold">初学者講習会</h3>
56+
<p class="text-zinc-600">日時: 4/12 (日), 4/18 (土)</p>
57+
<p class="mt-2 text-zinc-600">
58+
授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
59+
アプリを公開できるようになります。
60+
</p>
61+
</div>
62+
<div>
63+
<h3 class="mb-2 font-semibold">自主勉強会</h3>
64+
<p class="text-zinc-600">
65+
日時: 4/7 (火), 4/10 (金), 4/14 (火), 4/17 (金), 4/21 (火), 4/24 (金), 4/28
66+
(火), 5/8 (金)
67+
</p>
68+
<p class="mt-2 text-zinc-600">途中参加・途中退出可。</p>
69+
<p class="mt-2 text-zinc-600">
70+
自分のペースでプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
71+
経験者も新しい知識を学ぶチャンス！
72+
</p>
73+
</div>
74+
</div>
75+
</section>
76+
77+
<!-- 交流・開発系イベント -->
78+
<section class="border-t border-zinc-100 py-16">
79+
<h2 class="mb-8 text-xl font-bold">交流・開発系イベント</h2>
80+
<div class="space-y-8">
81+
<div>
82+
<h3 class="mb-2 font-semibold">新歓合宿</h3>
83+
<p class="text-zinc-600">日程: 5/4 (月) ~ 5/6 (水)</p>
84+
<p class="mt-2 text-zinc-600">
85+
合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう！
86+
</p>
87+
<p class="mt-2 text-zinc-600">
88+
ut.code();
89+
の新歓イベントとしては一番大きなものになります！部員や他の新入生とも交流できるいい機会になります！ぜひご参加ください！
90+
</p>
91+
</div>
92+
<div>
93+
<h3 class="mb-2 font-semibold">新歓ハッカソン</h3>
94+
<p class="text-zinc-600">キックオフ: 4/26 (日)</p>
95+
<p class="text-zinc-600">作業会: 5/9 (土)</p>
96+
<p class="text-zinc-600">発表会: 5/10 (日)</p>
97+
</div>
98+
</div>
99+
</section>
100+
101+
<!-- その他 -->
102+
<section class="border-t border-zinc-100 py-16">
103+
<h2 class="mb-8 text-xl font-bold">その他</h2>
104+
<div class="space-y-8">
105+
<div>
106+
<h3 class="mb-2 font-semibold">ut.code(); 総会</h3>
107+
<p class="text-zinc-600">4月総会: 4/25 (土)</p>
108+
<p class="text-zinc-600">5月総会: 5/16 (土)</p>
109+
</div>
110+
</div>
111+
</section>
112+
</div>

‎static/images/welcome/calendar.jpg‎

146 KB
Loading

0 commit comments

Comments
 (0)