Skip to content

Commit 1f43f7b

Browse files
aster-voidaster-void
committed
fix all
1 parent 73d2233 commit 1f43f7b

File tree

10 files changed

+118
-72
lines changed

10 files changed

+118
-72
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

public/shinkan-nittei.jpg renamed to src/images/shinkan-nittei-v1.jpg

File renamed without changes.

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

44.6 KB
Loading

‎src/layouts/StaticDocumentWrapper.astro‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,10 @@ 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>
@@ -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: 2 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
11
---
2-
import { Picture } from "astro:assets";
32
import ActionButton from "../components/ActionButton.astro";
43
import Header from "../images/headers/join.jpg";
54
import GlobalLayout from "../layouts/GlobalLayout.astro";
65
import StaticDocumentWrapper from "../layouts/StaticDocumentWrapper.astro";
76
import { Focus } from "../schema";
8-
import DatesTable from "./join/shinkan-nittei.jpg";
97
---
108

119
<GlobalLayout
@@ -57,67 +55,8 @@ import DatesTable from "./join/shinkan-nittei.jpg";
5755
からご連絡ください。
5856
</p>
5957
<h2>📅 新歓日程</h2>
60-
<p>今年の新歓日程は以下のとおりです。</p>
61-
<a
62-
href="/shinkan-nittei.jpg"
63-
target="_blank"
64-
aria-label="新しいページで開く"
65-
>
66-
<Picture src={DatesTable} alt="新歓日程" />
67-
</a>
68-
<p>日時・場所の詳細は確定し次第追加します。</p>
69-
<ul aria-label="新歓日程一覧">
70-
<li>
71-
3/30 (日) オンライン説明会
72-
<ul>
73-
<li>場所: Zoom</li>
74-
<li>
75-
参加フォーム:
76-
<a
77-
class="link link-primary"
78-
target="_blank"
79-
href="https://forms.gle/12xKpLEv8qnJFdCz5"
80-
>https://forms.gle/12xKpLEv8qnJFdCz5</a
81-
>
82-
</li>
83-
<li>飛び入り参加可能！</li>
84-
</ul>
85-
</li>
86-
<li>4/3(木), 4/4(金) サーオリ</li>
87-
<li>
88-
4/7 (月), 11 (金), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水) 19:00 ~
89-
21:30 先取り自主勉強会
90-
<ul>
91-
<li>場所: 駒場学生会館 313 B (部室)</li>
92-
<li>途中参加・途中退出可。</li>
93-
<li>
94-
いち早くプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
95-
経験者も新しい知識を学ぶチャンス！
96-
</li>
97-
</ul>
98-
</li>
99-
<li>
100-
4/9 (水) エンジニア系サークル合同新歓 @対面
101-
<ul>
102-
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
103-
<li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li>
104-
</ul>
105-
</li>
106-
<li>
107-
4/12 (土) 新歓講習会 15:45~
108-
<ul>
109-
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
110-
<li>飛び入り参加可能！</li>
111-
<li>
112-
授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
113-
アプリを公開できるようになります。
114-
</li>
115-
</ul>
116-
</li>
117-
<li>4/15 (火) エンジニア系サークル合同新歓 (4/9 と同じ内容です)</li>
118-
<li>4/20 (日) 新歓講習会 (4/12 と同じ内容です)</li>
119-
</ul>
120-
<p>興味がある方は、ぜひ気軽に参加してみてください！</p>
58+
<p>新歓の日程は、こちから確認できます。</p>
59+
<ActionButton to="/welcome-events">新歓日程</ActionButton>
12160
<h2>💬 コミュニティについて</h2>
12261
<p>また、 ut.code(); では Slack コミュニティを運営しています。</p>
12362
<p>

‎src/pages/join/shinkan-nittei.jpg‎

-354 KB
Binary file not shown.

‎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)