Skip to content

Commit c26df27

Browse files
aster-voidaster-void
committed
fix layout
1 parent f450937 commit c26df27

File tree

5 files changed

+94
-107
lines changed

5 files changed

+94
-107
lines changed

‎src/layouts/GlobalLayout.astro‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@ const { title, description, focus } = Astro.props;
1717
<Meta {title} {description} />
1818
<body class="min-h-full w-full">
1919
<Header {focus} />
20-
<div aria-hidden class="mt-16"></div>
2120
<slot />
2221
<Footer />
2322
<style is:global>

‎src/pages/contact.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import { Focus } from "../schema";
88

99
<GlobalLayout
1010
title="連絡"
11-
description="ut.code(); 連絡する手段"
11+
description="ut.code(); に連絡する手段"
1212
focus={Focus.contact}
1313
>
1414
<div class="container mx-auto px-4 pt-16 pb-12">

‎src/pages/donation.astro‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,17 +12,17 @@ import { Focus } from "../schema";
1212
focus={Focus.contact}
1313
class="prose"
1414
>
15-
<h1 class="mt-12 ml-[20%] text-4xl">ご寄付・ご協賛のお願い</h1>
15+
<h1 class="mt-12 ml-4 text-4xl md:ml-[20%]">ご寄付・ご協賛のお願い</h1>
1616
<Picture
1717
formats={["avif", "webp"]}
1818
alt=""
1919
loading="eager"
2020
src={DonationHeader}
2121
width="1920"
2222
height="600"
23-
class="my-8 h-150 w-full object-cover"
23+
class="my-8 h-100 w-full object-cover md:h-150"
2424
/>
25-
<article class="prose mb-20">
25+
<article class="prose mx-5 mb-20 max-w-xl sm:mx-10 md:mx-auto">
2626
<p>ut.code(); は、学生の手で自主的に運営されている団体です。</p><p>
2727
多くの方にソフトウェア開発の魅力を知っていただくため、活動はすべて無償で行っています。
2828
</p>
@@ -70,10 +70,4 @@ import { Focus } from "../schema";
7070
<li>2024/3/11 コウノマサノリ様</li>
7171
</ul>
7272
</article>
73-
74-
<style>
75-
article {
76-
margin-inline: 20%;
77-
}
78-
</style>
7973
</GlobalLayout>

‎src/pages/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ articles.splice(3);
3636
formats={["avif", "webp"]}
3737
alt=""
3838
loading="lazy"
39-
class="fixed bottom-0 -z-10 max-h-full max-w-full object-cover object-center select-none"
39+
class="fixed bottom-0 -z-10 h-full max-w-full object-cover object-center select-none"
4040
src={Hero}
4141
/>
4242
<div class="absolute top-[40%] left-10 mr-10 max-w-lg bg-gray-50 p-8 pb-24">

‎src/pages/join.astro‎

Lines changed: 89 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -13,113 +13,107 @@ import { Focus } from "../schema";
1313
>
1414
<Picture
1515
formats={["avif", "webp"]}
16+
fit="cover"
1617
alt=""
1718
loading="eager"
1819
src={JoinHeader}
1920
width="1920"
2021
height={60 * 8}
21-
class="h-[35rem] w-full object-cover"
22+
class="top-0 h-[35rem] w-full object-cover"
2223
/>
23-
<main class="container mx-auto px-4 py-16">
24+
<main class="px-16 py-16">
2425
<div class="prose max-w-none">
25-
<main class="container mx-auto px-4">
26-
<div class="prose max-w-none">
27-
<div class="container mx-auto px-4 pb-6">
28-
<h1 class="text-4xl font-medium">ut.code(); に参加する</h1>
29-
</div>
30-
<p>
31-
ut.code();
32-
は、プログラミングはもちろん、ものづくりが好きな人、デザインに興味がある人、アイデアを形にしたい人など、幅広い人を歓迎しています！
33-
</p>
34-
<h2>🔷 入部について</h2>
35-
<p>ut.code(); の部員は基本的に大学生・大学院生に限定しています。</p>
36-
<p>
37-
ut.code(); では、 部員同士の交流やプロジェクトの連絡は、主に Discord
38-
で行っています。興味がある場合は、まずは Discord
39-
に入ってみてください。
40-
</p>
41-
<p>
42-
東大生の方は、次のリンクから Discord に参加できます。大学が提供する
43-
Google Workspace アカウントでのログインが必要です。
44-
</p>
45-
<div class="not-prose">
46-
<ActionButton
47-
variant="dark"
48-
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"
49-
>
50-
参加したい方はこちら
51-
</ActionButton>
52-
</div>
53-
<p>
54-
学外の方でサークル参加希望の方は、
55-
<a href="/contact">ut.code(); の公式メールアドレス</a>
56-
からご連絡ください。
57-
</p>
58-
<h2>📅 新歓日程</h2>
59-
<p>今年の新歓日程は以下のとおりです。</p>
60-
<p>日時・場所の詳細は確定し次第追加します。</p>
61-
<ul aria-label="新歓日程一覧">
62-
<li>
63-
3/30 (日) オンライン説明会
64-
<ul>
65-
<li>場所: Zoom (リンクは追って公開します)</li>
66-
<li>飛び入り参加可能！</li>
67-
</ul>
68-
</li>
69-
<li>4/3(木), 4/4(金) サーオリ</li>
70-
<li>
71-
4/7 (月), 11 (金), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水)
72-
19:00 ~ 21:30 先取り自主勉強会
73-
<ul>
74-
<li>場所: 駒場学生会館 313 B (部室)</li>
75-
<li>途中参加・途中退出可。</li>
76-
<li>
77-
いち早くプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
78-
経験者も新しい知識を学ぶチャンス！
79-
</li>
80-
</ul>
81-
</li>
26+
<h1 class="text-4xl font-medium">ut.code(); に参加する</h1>
27+
<p>
28+
ut.code();
29+
は、プログラミングはもちろん、ものづくりが好きな人、デザインに興味がある人、アイデアを形にしたい人など、幅広い人を歓迎しています！
30+
</p>
31+
<h2>🔷 入部について</h2>
32+
<p>ut.code(); の部員は基本的に大学生・大学院生に限定しています。</p>
33+
<p>
34+
ut.code(); では、 部員同士の交流やプロジェクトの連絡は、主に Discord
35+
で行っています。興味がある場合は、まずは Discord に入ってみてください。
36+
</p>
37+
<p>
38+
東大生の方は、次のリンクから Discord に参加できます。大学が提供する
39+
Google Workspace アカウントでのログインが必要です。
40+
</p>
41+
<div class="not-prose">
42+
<ActionButton
43+
variant="dark"
44+
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"
45+
>
46+
参加したい方はこちら
47+
</ActionButton>
48+
</div>
49+
<p>
50+
学外の方でサークル参加希望の方は、
51+
<a href="/contact">ut.code(); の公式メールアドレス</a>
52+
からご連絡ください。
53+
</p>
54+
<h2>📅 新歓日程</h2>
55+
<p>今年の新歓日程は以下のとおりです。</p>
56+
<p>日時・場所の詳細は確定し次第追加します。</p>
57+
<ul aria-label="新歓日程一覧">
58+
<li>
59+
3/30 (日) オンライン説明会
60+
<ul>
61+
<li>場所: Zoom (リンクは追って公開します)</li>
62+
<li>飛び入り参加可能！</li>
63+
</ul>
64+
</li>
65+
<li>4/3(木), 4/4(金) サーオリ</li>
66+
<li>
67+
4/7 (月), 11 (金), 16 (水), 18 (金), 23 (水), 25 (金), 30 (水) 19:00 ~
68+
21:30 先取り自主勉強会
69+
<ul>
70+
<li>場所: 駒場学生会館 313 B (部室)</li>
71+
<li>途中参加・途中退出可。</li>
8272
<li>
83-
4/9 (水) エンジニア系サークル合同新歓 @対面
84-
<ul>
85-
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
86-
<li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li>
87-
</ul>
73+
いち早くプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
74+
経験者も新しい知識を学ぶチャンス！
8875
</li>
76+
</ul>
77+
</li>
78+
<li>
79+
4/9 (水) エンジニア系サークル合同新歓 @対面
80+
<ul>
81+
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
82+
<li>TSG、UTFF、RoboTech、灯と合同で新歓説明会を開催！</li>
83+
</ul>
84+
</li>
85+
<li>
86+
4/12 (土) 新歓講習会 15:45~
87+
<ul>
88+
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
89+
<li>飛び入り参加可能！</li>
8990
<li>
90-
4/12 (土) 新歓講習会 15:45~
91-
<ul>
92-
<li>場所: 確定し次第お知らせします。(学生会館予定)</li>
93-
<li>飛び入り参加可能！</li>
94-
<li>
95-
授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
96-
アプリを公開できるようになります。
97-
</li>
98-
</ul>
91+
授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
92+
アプリを公開できるようになります。
9993
</li>
100-
<li>4/15 (火) エンジニア系サークル合同新歓 (4/9 と同じ内容です)</li>
101-
<li>4/20 (日) 新歓講習会 (4/12 と同じ内容です)</li>
10294
</ul>
103-
<p>興味がある方は、ぜひ気軽に参加してみてください！</p>
104-
<h2>💬 コミュニティについて</h2>
105-
<p>また、 ut.code(); では Slack コミュニティを運営しています。</p>
106-
<p>
107-
コミュニティには、どなたでも参加可能 です。一部のプロジェクトでは
108-
Slack を使ってやりとりをしています。
109-
</p>
110-
<p>
111-
東大生の方は、
112-
<a href="https://sites.google.com/g.ecc.u-tokyo.ac.jp/utcode/slack">
113-
こちら
114-
</a>
115-
から参加できます。
116-
</p>
117-
<p>
118-
学外で参加希望の方は、 ut.code();
119-
の公式メールアドレスからご連絡ください。
120-
</p>
121-
</div>
122-
</main>
95+
</li>
96+
<li>4/15 (火) エンジニア系サークル合同新歓 (4/9 と同じ内容です)</li>
97+
<li>4/20 (日) 新歓講習会 (4/12 と同じ内容です)</li>
98+
</ul>
99+
<p>興味がある方は、ぜひ気軽に参加してみてください！</p>
100+
<h2>💬 コミュニティについて</h2>
101+
<p>また、 ut.code(); では Slack コミュニティを運営しています。</p>
102+
<p>
103+
コミュニティには、どなたでも参加可能 です。一部のプロジェクトでは Slack
104+
を使ってやりとりをしています。
105+
</p>
106+
<p>
107+
東大生の方は、
108+
<a href="https://sites.google.com/g.ecc.u-tokyo.ac.jp/utcode/slack">
109+
こちら
110+
</a>
111+
から参加できます。
112+
</p>
113+
<p>
114+
学外で参加希望の方は、 ut.code();
115+
の公式メールアドレスからご連絡ください。
116+
</p>
123117
</div>
124118
</main>
125119
</GlobalLayout>

0 commit comments

Comments
 (0)