|
| 1 | + |
1 | 2 | <section |
2 | 3 | id="keynote" |
3 | 4 | class="bg-gradient-to-b from-white to-emerald-50 py-10 md:py-16" |
4 | 5 | > |
5 | 6 | <div class="container mx-auto px-4"> |
6 | 7 | <div class="mb-8 text-center"> |
7 | 8 | <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl"> |
8 | | - Keynote Speakers |
| 9 | + 基調講演 |
9 | 10 | </h2> |
10 | 11 | <div class="mx-auto h-1 w-16 bg-emerald-500"></div> |
11 | 12 | </div> |
12 | | - <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3"> |
13 | | - <div |
14 | | - class="overflow-hidden rounded-lg border border-emerald-100 bg-card text-card-foreground shadow-sm transition-all hover:shadow-lg" |
15 | | - data-v0-t="card" |
16 | | - > |
17 | | - <div class="h-2 bg-gradient-to-r from-emerald-500 to-emerald-600"></div> |
18 | | - <div class="p-4"> |
19 | | - <div class="mb-4 flex flex-col items-center text-center"> |
20 | | - <span |
21 | | - class="relative mb-3 flex h-24 w-24 shrink-0 overflow-hidden rounded-full border-4 border-white shadow-md md:h-28 md:w-28" |
22 | | - ><img |
23 | | - class="aspect-square h-full w-full" |
24 | | - alt="Bram Moolenaar" |
25 | | - src="./v0_files/placeholder.svg" |
26 | | - /></span |
27 | | - > |
28 | | - <h3 class="mb-1 text-lg font-bold md:text-xl">Bram Moolenaar</h3> |
29 | | - <p class="mb-2 text-sm text-gray-600">Vim Creator</p> |
30 | | - <div |
31 | | - class="inline-flex items-center rounded-full border bg-emerald-50 px-2.5 py-0.5 text-xs font-semibold text-foreground transition-colors focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none" |
32 | | - > |
33 | | - English |
34 | | - </div> |
35 | | - </div> |
36 | | - <div class="space-y-3"> |
37 | | - <div> |
38 | | - <h4 class="mb-1 text-xs font-semibold text-gray-500">Talk</h4> |
39 | | - <p class="text-sm font-medium text-emerald-700"> |
40 | | - The Future of Vim: Evolution and Community |
41 | | - </p> |
42 | | - </div> |
43 | | - <div> |
44 | | - <p class="text-xs leading-relaxed text-gray-600"> |
45 | | - Bram Moolenaar is the creator and maintainer of Vim, one of the |
46 | | - most popular text editors in the world. With over 30 years of |
47 | | - experience developing Vim, Bram continues to guide the project's |
48 | | - evolution while maintaining its core philosophy. |
49 | | - </p> |
50 | | - </div> |
51 | | - </div> |
52 | | - </div> |
53 | | - </div> |
54 | | - <div |
55 | | - class="overflow-hidden rounded-lg border border-emerald-100 bg-card text-card-foreground shadow-sm transition-all hover:shadow-lg" |
56 | | - data-v0-t="card" |
57 | | - > |
58 | | - <div class="h-2 bg-gradient-to-r from-emerald-500 to-emerald-600"></div> |
59 | | - <div class="p-4"> |
60 | | - <div class="mb-4 flex flex-col items-center text-center"> |
61 | | - <span |
62 | | - class="relative mb-3 flex h-24 w-24 shrink-0 overflow-hidden rounded-full border-4 border-white shadow-md md:h-28 md:w-28" |
63 | | - ><img |
64 | | - class="aspect-square h-full w-full" |
65 | | - alt="松本 行弘" |
66 | | - src="./v0_files/placeholder.svg" |
67 | | - /></span |
68 | | - > |
69 | | - <h3 class="mb-1 text-lg font-bold md:text-xl">松本 行弘</h3> |
70 | | - <p class="mb-2 text-sm text-gray-600">Ruby言語開発者</p> |
71 | | - <div |
72 | | - class="inline-flex items-center rounded-full border bg-emerald-50 px-2.5 py-0.5 text-xs font-semibold text-foreground transition-colors focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none" |
73 | | - > |
74 | | - 日本語 |
75 | | - </div> |
76 | | - </div> |
77 | | - <div class="space-y-3"> |
78 | | - <div> |
79 | | - <h4 class="mb-1 text-xs font-semibold text-gray-500">Talk</h4> |
80 | | - <p class="text-sm font-medium text-emerald-700"> |
81 | | - Vimとプログラミング言語の共進化 |
82 | | - </p> |
83 | | - </div> |
84 | | - <div> |
85 | | - <p class="text-xs leading-relaxed text-gray-600"> |
86 | | - Yukihiro Matsumoto, also known as Matz, is the chief designer of |
87 | | - the Ruby programming language. He has been a Vim user for |
88 | | - decades and will share insights on how text editors influence |
89 | | - programming language design and vice versa. |
90 | | - </p> |
91 | | - </div> |
92 | | - </div> |
93 | | - </div> |
94 | | - </div> |
95 | | - <div |
96 | | - class="overflow-hidden rounded-lg border border-emerald-100 bg-card text-card-foreground shadow-sm transition-all hover:shadow-lg" |
97 | | - data-v0-t="card" |
98 | | - > |
99 | | - <div class="h-2 bg-gradient-to-r from-emerald-500 to-emerald-600"></div> |
100 | | - <div class="p-4"> |
101 | | - <div class="mb-4 flex flex-col items-center text-center"> |
102 | | - <span |
103 | | - class="relative mb-3 flex h-24 w-24 shrink-0 overflow-hidden rounded-full border-4 border-white shadow-md md:h-28 md:w-28" |
104 | | - ><img |
105 | | - class="aspect-square h-full w-full" |
106 | | - alt="Sarah Thompson" |
107 | | - src="./v0_files/placeholder.svg" |
108 | | - /></span |
109 | | - > |
110 | | - <h3 class="mb-1 text-lg font-bold md:text-xl">Sarah Thompson</h3> |
111 | | - <p class="mb-2 text-sm text-gray-600"> |
112 | | - Tech Ethicist & Vim Plugin Developer |
113 | | - </p> |
114 | | - <div |
115 | | - class="inline-flex items-center rounded-full border bg-emerald-50 px-2.5 py-0.5 text-xs font-semibold text-foreground transition-colors focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none" |
116 | | - > |
117 | | - English |
118 | | - </div> |
119 | | - </div> |
120 | | - <div class="space-y-3"> |
121 | | - <div> |
122 | | - <h4 class="mb-1 text-xs font-semibold text-gray-500">Talk</h4> |
123 | | - <p class="text-sm font-medium text-emerald-700"> |
124 | | - Vim in the Age of AI: Adapting Ancient Wisdom |
125 | | - </p> |
126 | | - </div> |
127 | | - <div> |
128 | | - <p class="text-xs leading-relaxed text-gray-600"> |
129 | | - Sarah Thompson is a renowned tech ethicist and Vim plugin |
130 | | - developer who specializes in the intersection of traditional |
131 | | - text editing and modern AI technologies. Her work focuses on |
132 | | - enhancing developer productivity while preserving the essence of |
133 | | - Vim's modal editing. |
134 | | - </p> |
135 | | - </div> |
136 | | - </div> |
137 | | - </div> |
138 | | - </div> |
139 | | - </div> |
| 13 | + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-12 w-12 md:h-16 md:w-16 mx-auto mb-4 text-emerald-600"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> |
| 14 | + <h3 class="mx-auto text-lg text-center font-semibold md:text-xl"> |
| 15 | + 基調講演者は近日公開 |
| 16 | + </h3> |
| 17 | + <p class="mx-auto mt-4 max-w-3xl text-center text-base text-gray-700 md:text-lg"> |
| 18 | + 基調講演者は近日公開予定です。お楽しみに！ |
| 19 | + </p> |
140 | 20 | </div> |
141 | 21 | </section> |
0 commit comments