Skip to content

Commit b295efc

Browse files
committed
feat: キーノートスピーカーを発表
1 parent 38cfe98 commit b295efc

File tree

1 file changed

+45
-12
lines changed

1 file changed

+45
-12
lines changed
Lines changed: 45 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
2-
import { Users } from "@lucide/astro";
32
import Card from "./Card.astro";
43
import Heading from "./Heading.astro";
4+
import { User, MessageSquare } from "@lucide/astro";
5+
6+
const keynoteSpeaker = "だれだろう";
57
---
68

79
<section
@@ -10,17 +12,48 @@ import Heading from "./Heading.astro";
1012
>
1113
<div class="container mx-auto px-4">
1214
<Heading> 基調講演 </Heading>
13-
<Card class="mx-auto max-w-2xl p-8 text-center">
14-
<Users class="mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16" />
15-
16-
<h3 class="mx-auto text-center text-lg font-semibold md:text-xl">
17-
基調講演者は近日公開
18-
</h3>
19-
<p
20-
class="mx-auto mt-4 max-w-3xl text-center text-base text-gray-700 md:text-lg"
21-
>
22-
基調講演者は近日公開予定です。お楽しみに!
23-
</p>
15+
<Card class="mx-auto max-w-3xl p-8 text-center">
16+
<div class="flex flex-col items-center gap-6 md:flex-row md:items-start">
17+
<div class="flex-shrink-0">
18+
<span
19+
class="relative flex h-24 w-24 shrink-0 overflow-hidden rounded-full md:h-32 md:w-32"
20+
><img
21+
class="aspect-square h-full w-full"
22+
alt={keynoteSpeaker}
23+
src="https://github.com/ujihisa.png"
24+
/></span
25+
>
26+
</div>
27+
<div class="flex-1 text-center md:text-left">
28+
<div class="mb-3">
29+
<h3 class="mb-2 text-2xl font-bold text-gray-900 md:text-3xl">
30+
{keynoteSpeaker}
31+
</h3>
32+
</div>
33+
<div class="mb-4">
34+
<div class="mb-2 flex items-center justify-center md:justify-start">
35+
<MessageSquare class="mr-2 h-5 w-5 text-emerald-600" />
36+
<span class="font-semibold text-gray-800">講演タイトル</span>
37+
</div>
38+
<p class="text-lg text-gray-600 italic">近日公開</p>
39+
</div>
40+
<div>
41+
<div class="mb-3 flex items-center justify-center md:justify-start">
42+
<User class="mr-2 h-5 w-5 text-emerald-600" />
43+
<span class="font-semibold text-gray-800">プロフィール</span>
44+
</div>
45+
<p class="leading-relaxed text-gray-700">
46+
山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。
47+
</p>
48+
</div>
49+
</div>
50+
</div>
2451
</Card>
2552
</div>
53+
54+
<div class="mt-6 text-center">
55+
<p class="text-sm text-gray-600 md:text-base">
56+
基調講演のタイトルは近日公開予定です。続報をお待ちください!
57+
</p>
58+
</div>
2659
</section>

0 commit comments

Comments
 (0)