Skip to content

Commit 38d8b44

Browse files
aster-voidaster-void
committed
fix all issues
1 parent 256d8a3 commit 38d8b44

File tree

8 files changed

+143
-141
lines changed

8 files changed

+143
-141
lines changed

‎src/components/Footer.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const props = Astro.props;
4343
to: "https://first-programming.utcode.net/",
4444
},
4545
{ title: "GitHub", to: "https://github.com/ut-code" },
46-
{ title: "X", to: "https://twitter.com/utokyo_code" },
46+
{ title: "X", to: "https://x.com/utokyo_code" },
4747
]}
4848
/>
4949
</div>

‎src/islands/svelte/hamburger-button.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<Popover.Content align="end" side="bottom" strategy="fixed">
3333
<div
3434
transition:fade|global={{ duration: 70 }}
35-
class="w-[100vw] bg-white transition-opacity duration-300 lg:hidden"
35+
class="w-[100vw] bg-gray-50 transition-opacity duration-300 lg:hidden"
3636
>
3737
<ul>
3838
{#each links as link}

‎src/layouts/StaticDocumentWrapper.astro‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
import { Picture } from "astro:assets";
3+
4+
interface Props {
5+
header: ImageMetadata;
6+
title: string;
7+
fill: `bg-${string}`; // put header color
8+
}
9+
10+
const { header, fill, title } = Astro.props;
11+
---
12+
13+
<main>
14+
<h1 class="mt-12 ml-4 max-w-xl text-3xl sm:mx-10 sm:text-4xl md:mx-auto">
15+
{title}
16+
</h1>
17+
<Picture
18+
formats={["avif", "webp"]}
19+
alt=""
20+
loading="eager"
21+
src={header}
22+
width="1920"
23+
height="600"
24+
class:list={["my-8 h-100 w-full object-cover md:h-150", fill]}
25+
/>
26+
<article class="prose mx-5 mb-20 max-w-xl sm:mx-10 md:mx-auto">
27+
<slot />
28+
</article>
29+
</main>

‎src/pages/contact.astro‎

Lines changed: 8 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
2-
import { Picture } from "astro:assets";
32
import ActionButton from "../components/ActionButton.astro";
43
import Header from "../images/headers/contact.jpg";
54
import GlobalLayout from "../layouts/GlobalLayout.astro";
5+
import StaticDocumentWrapper from "../layouts/StaticDocumentWrapper.astro";
66
import { Focus } from "../schema";
77
---
88

@@ -12,23 +12,15 @@ import { Focus } from "../schema";
1212
focus={Focus.contact}
1313
image={Header}
1414
>
15-
<div class="container mx-auto px-4 pt-16 pb-12">
16-
<h1 class="text-4xl">ut.code(); に連絡する</h1>
17-
</div>
18-
<Picture
19-
formats={["avif", "webp"]}
20-
alt=""
21-
loading="eager"
22-
src={Header}
23-
width="1920"
24-
height="600"
25-
class="h-30 bg-amber-200 object-cover sm:h-50 md:h-100"
26-
/>
27-
<main class="prose mx-auto max-w-none px-16 py-16 md:px-32">
15+
<StaticDocumentWrapper
16+
title="ut.code(); に連絡する"
17+
header={Header}
18+
fill="bg-amber-200"
19+
>
2820
<h2>お問い合わせ</h2>
2921
<p>ut.code(); へのお問い合わせは、各種 SNS をご利用ください。</p>
3022
<p class="not-prose flex gap-4">
31-
<ActionButton to="https://twitter.com/utokyo_code">
23+
<ActionButton to="https://x.com/utokyo_code">
3224
X (旧 Twitter)
3325
</ActionButton>
3426
</p>
@@ -65,5 +57,5 @@ import { Focus } from "../schema";
6557
<p class="not-prose">
6658
<ActionButton to="/donation"> ご寄付・ご協賛のお願い </ActionButton>
6759
</p>
68-
</main>
60+
</StaticDocumentWrapper>
6961
</GlobalLayout>

‎src/pages/donation.astro‎

Lines changed: 7 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
2-
import { Picture } from "astro:assets";
32
import ActionButton from "../components/ActionButton.astro";
43
import Header from "../images/headers/donation.jpg";
54
import GlobalLayout from "../layouts/GlobalLayout.astro";
5+
import StaticDocumentWrapper from "../layouts/StaticDocumentWrapper.astro";
66
import { Focus } from "../schema";
77
---
88

@@ -13,17 +13,11 @@ import { Focus } from "../schema";
1313
class="prose"
1414
image={Header}
1515
>
16-
<h1 class="mt-12 ml-4 text-4xl md:ml-[20%]">ご寄付・ご協賛のお願い</h1>
17-
<Picture
18-
formats={["avif", "webp"]}
19-
alt=""
20-
loading="eager"
21-
src={Header}
22-
width="1920"
23-
height="600"
24-
class="my-8 h-100 w-full bg-stone-500 object-cover md:h-150"
25-
/>
26-
<article class="prose mx-5 mb-20 max-w-xl sm:mx-10 md:mx-auto">
16+
<StaticDocumentWrapper
17+
title="ご寄付・ご協賛のお願い"
18+
header={Header}
19+
fill="bg-stone-500"
20+
>
2721
<p>ut.code(); は、学生の手で自主的に運営されている団体です。</p><p>
2822
多くの方にソフトウェア開発の魅力を知っていただくため、活動はすべて無償で行っています。
2923
</p>
@@ -70,5 +64,5 @@ import { Focus } from "../schema";
7064
<ul>
7165
<li>2024/3/11 コウノマサノリ様</li>
7266
</ul>
73-
</article>
67+
</StaticDocumentWrapper>
7468
</GlobalLayout>

‎src/pages/index.astro‎

Lines changed: 2 additions & 3 deletions
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="skeleton fixed bottom-0 -z-10 h-full max-w-full object-cover object-center select-none"
39+
class="skeleton fixed bottom-0 -z-10 h-[100lvh] 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">
@@ -135,8 +135,6 @@ articles.splice(3);
135135
onmouseover="document.getElementById('text-future-software')?.setAttribute('data-highlighted', '');"
136136
tabindex="0"
137137
onfocus="document.getElementById('text-future-software')?.setAttribute('data-highlighted', '');"
138-
data-highlighted={true /* enable by default then immediately disable using JS s.t. it will show with noscript */}
139-
onload="document.getElementById('text-future-software')?.removeAttribute('data-highlighted')"
140138
>未来のソフトウェア</span
141139
>を<br /><span>デザインしよう</span>
142140
</h1>
@@ -161,6 +159,7 @@ articles.splice(3);
161159

162160
if (textTop < screenBottom - 400) {
163161
text.setAttribute("data-highlighted", "");
162+
document.onscroll = null;
164163
}
165164
};
166165
</script>

‎src/pages/join.astro‎

Lines changed: 94 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
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";
5+
import StaticDocumentWrapper from "../layouts/StaticDocumentWrapper.astro";
66
import { Focus } from "../schema";
77
---
88

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

‎src/pages/members/[member].astro‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ const articles = await getCollection(
2222
"articles",
2323
(article) => article.data.author?.id === member.id,
2424
);
25+
articles.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
2526
---
2627

2728
<GlobalLayout

0 commit comments

Comments
 (0)