Skip to content

Commit 971b24f

Browse files
aster-voidaster-void
authored
add welcome event dates (#214)
1 parent 8d71ef5 commit 971b24f

File tree

10 files changed

+136
-56
lines changed

10 files changed

+136
-56
lines changed

‎contents/banner.ts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@ type Banner = {
77
linkText?: string;
88
};
99
const banner: Banner = {
10-
shown: false,
11-
kind: "error",
12-
long: "開発中の Website V3 を見ています",
13-
short: "開発中の Website です",
14-
link: "https://utcode.net",
15-
linkText: "リリース版に戻る",
10+
shown: true,
11+
kind: "notify",
12+
long: "3/30 (日) 20:00 からオンライン新歓説明会を開催します",
13+
short: "3/30 (日) 新歓説明会を開催します",
14+
link: "/welcome-events",
15+
linkText: "詳細",
1616
};
1717

1818
export default banner;

‎public/shinkan-nittei.png‎

44.6 KB
Loading

‎src/components/Header.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ const { focus } = Astro.props;
4040
</span>
4141
<a
4242
href={banner.link}
43-
class="inline-flex flex-shrink-0 items-center gap-0.5 hover:underline"
43+
class="md:text-md inline-flex flex-shrink-0 items-center gap-0.5 text-sm hover:underline"
4444
rel={banner.link.startsWith("/") ? undefined : "noreferrer"}
4545
target={banner.link.startsWith("/") ? undefined : "_blank"}
4646
data-astro-prefetch="viewport"

‎src/images/headers/welcome-events.jpg‎

3.63 MB
Loading

‎src/images/shinkan-nittei-v1.jpg‎

354 KB
Loading

‎src/images/shinkan-nittei-v2.png‎

44.6 KB
Loading

‎src/images/shinkan-nittei.jpg‎

354 KB
Loading

‎src/layouts/StaticDocumentWrapper.astro‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@ interface Props {
55
header: ImageMetadata;
66
title: string;
77
fill: `bg-${string}`; // put header color
8+
position?: `object-${string}`;
89
}
910
10-
const { header, fill, title } = Astro.props;
11+
const { header, fill, title, position } = Astro.props;
1112
---
1213

1314
<main>
14-
<h1 class="mt-12 ml-4 max-w-xl text-3xl sm:mx-10 sm:text-4xl md:mx-auto">
15+
<h1 class="mt-12 ml-4 text-3xl sm:mx-10 sm:text-4xl md:text-center">
1516
{title}
1617
</h1>
1718
<Picture
@@ -21,7 +22,11 @@ const { header, fill, title } = Astro.props;
2122
src={header}
2223
width="1920"
2324
height="600"
24-
class:list={["my-8 h-100 w-full object-cover md:h-150", fill]}
25+
class:list={[
26+
"my-8 h-100 w-full object-cover md:h-100 lg:h-150",
27+
fill,
28+
position,
29+
]}
2530
/>
2631
<article class="prose mx-5 mb-20 max-w-xl sm:mx-10 md:mx-auto">
2732
<slot />

‎src/pages/join.astro‎

Lines changed: 19 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import Header from "+/images/headers/join.jpg";
44
import GlobalLayout from "+/layouts/GlobalLayout.astro";
55
import StaticDocumentWrapper from "+/layouts/StaticDocumentWrapper.astro";
66
import { Focus } from "+/schema";
7+
import { Icon } from "astro-icon/components";
78
---
89

910
<GlobalLayout
@@ -17,6 +18,21 @@ import { Focus } from "+/schema";
1718
fill="bg-pink-100"
1819
title="ut.code(); に参加する"
1920
>
21+
<p
22+
role="alert"
23+
class="alert not-prose alert-vertical border-info sm:alert-horizontal border-2 sm:flex-row"
24+
>
25+
<Icon name="feather:info" />
26+
<span> 3/30 (日) 20:00~ オンライン新歓説明会を実施します </span>
27+
<a class="link" href="/welcome-events"> 詳細 </a>
28+
<a
29+
class="link link-primary"
30+
target="_blank"
31+
href="https://forms.gle/12xKpLEv8qnJFdCz5"
32+
>
33+
参加フォーム
34+
</a>
35+
</p>
2036
<p>
2137
ut.code();
2238
は、プログラミングはもちろん、ものづくりが好きな人、デザインに興味がある人、アイデアを形にしたい人など、幅広い人を歓迎しています！
@@ -35,59 +51,16 @@ import { Focus } from "+/schema";
3551
variant="dark"
3652
to="https://sites.google.com/g.ecc.u-tokyo.ac.jp/utcode/discord-%E6%96%B0%E6%AD%93%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89"
3753
>
38-
東大の学生の方はこちら
54+
東大生の方はこちら
3955
</ActionButton>
4056
<p>
4157
学外の方でサークル参加希望の方は、
4258
<a href="/contact">ut.code(); の公式メールアドレス</a>
4359
からご連絡ください。
4460
</p>
4561
<h2>📅 新歓日程</h2>
46-
<p>今年の新歓日程は以下のとおりです。</p>
47-
<p>日時・場所の詳細は確定し次第追加します。</p>
48-
<ul aria-label="新歓日程一覧">
49-
<li>
50-
3/30 (日) オンライン説明会
51-
<ul>
52-
<li>場所: Zoom (リンクは追って公開します)</li>
53-
<li>飛び入り参加可能！</li>
54-
</ul>
55-
</li>
56-
<li>4/3(木), 4/4(金) サーオリ</li>
57-
<li>
58-
4/7 (月), 11 (金), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水) 19:00 ~
59-
21:30 先取り自主勉強会
60-
<ul>
61-
<li>場所: 駒場学生会館 313 B (部室)</li>
62-
<li>途中参加・途中退出可。</li>
63-
<li>
64-
いち早くプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
65-
経験者も新しい知識を学ぶチャンス！
66-
</li>
67-
</ul>
68-
</li>
69-
<li>
70-
4/9 (水) エンジニア系サークル合同新歓 @対面
71-
<ul>
72-
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
73-
<li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li>
74-
</ul>
75-
</li>
76-
<li>
77-
4/12 (土) 新歓講習会 15:45~
78-
<ul>
79-
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
80-
<li>飛び入り参加可能！</li>
81-
<li>
82-
授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
83-
アプリを公開できるようになります。
84-
</li>
85-
</ul>
86-
</li>
87-
<li>4/15 (火) エンジニア系サークル合同新歓 (4/9 と同じ内容です)</li>
88-
<li>4/20 (日) 新歓講習会 (4/12 と同じ内容です)</li>
89-
</ul>
90-
<p>興味がある方は、ぜひ気軽に参加してみてください！</p>
62+
<p>新歓の日程は、こちらから確認できます。</p>
63+
<ActionButton to="/welcome-events">新歓イベント日程</ActionButton>
9164
<h2>💬 コミュニティについて</h2>
9265
<p>また、 ut.code(); では Slack コミュニティを運営しています。</p>
9366
<p>

‎src/pages/welcome-events.astro‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
---
2+
import { Picture } from "astro:assets";
3+
import Header from "+/images/headers/welcome-events.jpg";
4+
import DatesTable from "+/images/shinkan-nittei-v2.png";
5+
import GlobalLayout from "+/layouts/GlobalLayout.astro";
6+
import StaticDocumentWrapper from "+/layouts/StaticDocumentWrapper.astro";
7+
import { Focus } from "+/schema";
8+
---
9+
10+
<GlobalLayout
11+
title="新歓イベント"
12+
description="新歓イベントの日程と詳細"
13+
focus={Focus.join}
14+
image={Header}
15+
>
16+
<StaticDocumentWrapper
17+
header={Header}
18+
fill="bg-gray-300"
19+
title="新歓イベント"
20+
position="object-top"
21+
>
22+
<h2>📅 新歓イベント日程</h2>
23+
<p>
24+
今年の新歓イベントの日程は以下のとおりです。
25+
興味がある方は、ぜひ気軽に参加してみてください！
26+
</p>
27+
<p>日時・場所の詳細は確定し次第追加します。</p>
28+
<a
29+
href="/shinkan-nittei.png"
30+
target="_blank"
31+
aria-label="新しいページで開く"
32+
>
33+
<Picture src={DatesTable} alt="新歓日程" />
34+
</a>
35+
<section aria-label="新歓日程一覧">
36+
<section id="online-information-session">
37+
<h3>オンライン新歓説明会</h3>
38+
<ul>
39+
<li>日時: 3/30 (日) 20:00~</li>
40+
<li>場所: Zoom</li>
41+
<li>
42+
参加フォーム:
43+
<a
44+
class="link link-primary"
45+
target="_blank"
46+
href="https://forms.gle/12xKpLEv8qnJFdCz5"
47+
>https://forms.gle/12xKpLEv8qnJFdCz5</a
48+
>
49+
</li>
50+
<li>飛び入り参加可能！</li>
51+
</ul>
52+
</section>
53+
<section id="club-orientation">
54+
<h3>サーオリ</h3>
55+
<ul>
56+
<li>日時: 4/3(木), 4/4(金) 全日</li>
57+
<li>場所: 1232教室</li>
58+
</ul>
59+
</section>
60+
<section id="joint-welcome-event">
61+
<h3>エンジニア系サークル合同新歓</h3>
62+
<ul>
63+
<li>日時: 4/9 (水) 19:00 ~ 20:00、4/15 (火) 19:00 ~ 20:00</li>
64+
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
65+
<li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li>
66+
</ul>
67+
</section>
68+
<section id="welcome-seminar">
69+
<h3>新歓講習会</h3>
70+
<ul>
71+
<li>日時: 4/6 (日) 15:45 ~、 4/12 (土) 15:45 ~</li>
72+
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
73+
<li>飛び入り参加可能！</li>
74+
<li>
75+
授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
76+
アプリを公開できるようになります。
77+
</li>
78+
</ul>
79+
</section>
80+
<section>
81+
<h3>先取り自主勉強会</h3>
82+
<ul>
83+
<li>
84+
日時: 4/7 (月), 11 (金), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水)
85+
すべて 19:00 ~ 21:30
86+
</li>
87+
<li>場所: 駒場学生会館 313 B (部室)</li>
88+
<li>途中参加・途中退出可。</li>
89+
<li>
90+
いち早くプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
91+
経験者も新しい知識を学ぶチャンス！
92+
</li>
93+
</ul>
94+
</section>
95+
</section>
96+
</StaticDocumentWrapper>
97+
</GlobalLayout>
98+
<style>
99+
section {
100+
margin-top: 3rem;
101+
}
102+
</style>

0 commit comments

Comments
 (0)