Skip to content

Commit cd9fcea

Browse files
moppmopp
authored
Merge pull request #186 from vim-jp/feature/add-official-blog-section
公式ブログセクションを作成
2 parents affcb67 + 1391257 commit cd9fcea

File tree

2 files changed

+151
-0
lines changed

2 files changed

+151
-0
lines changed

‎2025/src/components/OfficialBlog.astro

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
<section id="blog" class="bg-gray-50 py-10 md:py-16">
2+
<div class="container mx-auto px-4">
3+
<div class="mb-8 text-center">
4+
<h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
5+
公式ブログ
6+
</h2><div class="mx-auto h-1 w-16 bg-emerald-500"></div>
7+
</div><div class="mx-auto max-w-2xl">
8+
<a
9+
href="https://vimconf.wordpress.com/2025/05/30/announcing-vimconf-2025-small/"
10+
target="_blank"
11+
rel="noopener noreferrer"
12+
class="group block"
13+
><div
14+
class="cursor-pointer rounded-lg border border-emerald-200 bg-card text-card-foreground shadow-sm transition-all duration-200 hover:shadow-md"
15+
data-v0-t="card"
16+
>
17+
<div class="bg-gradient-to-br from-white to-emerald-50/30 p-6">
18+
<div class="mb-4">
19+
<div class="mb-3 flex items-center justify-between">
20+
<div class="flex items-center space-x-2">
21+
<span
22+
class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-medium text-emerald-700"
23+
>お知らせ</span
24+
><div class="flex items-center space-x-1">
25+
<img
26+
alt="VimConf Blog favicon"
27+
class="h-4 w-4"
28+
src="https://secure.gravatar.com/avatar/686f2fcfa2e7f34ed429972938f880b5?s=160&d=identicon&r=g"
29+
/><span class="text-xs font-medium text-gray-500"
30+
>VimConf Blog</span
31+
>
32+
</div>
33+
</div><div
34+
class="flex items-center space-x-3 text-sm text-gray-500"
35+
>
36+
<div class="flex items-center">
37+
<svg
38+
xmlns="http://www.w3.org/2000/svg"
39+
width="24"
40+
height="24"
41+
viewBox="0 0 24 24"
42+
fill="none"
43+
stroke="currentColor"
44+
stroke-width="2"
45+
stroke-linecap="round"
46+
stroke-linejoin="round"
47+
class="lucide lucide-calendar mr-1 h-4 w-4"
48+
><path d="M8 2v4"></path><path d="M16 2v4"></path><rect
49+
width="18"
50+
height="18"
51+
x="3"
52+
y="4"
53+
rx="2"></rect><path d="M3 10h18"></path></svg
54+
>2025年5月30日
55+
</div><div class="flex items-center">
56+
<svg
57+
xmlns="http://www.w3.org/2000/svg"
58+
width="24"
59+
height="24"
60+
viewBox="0 0 24 24"
61+
fill="none"
62+
stroke="currentColor"
63+
stroke-width="2"
64+
stroke-linecap="round"
65+
stroke-linejoin="round"
66+
class="lucide lucide-clock mr-1 h-4 w-4"
67+
><circle cx="12" cy="12" r="10"></circle><polyline
68+
points="12 6 12 12 16 14"></polyline></svg
69+
>1分
70+
</div>
71+
</div>
72+
</div><h3
73+
class="mb-2 text-xl leading-tight font-bold text-gray-900 transition-colors group-hover:text-emerald-700 md:text-2xl"
74+
>
75+
Announcing VimConf 2025 Small
76+
</h3><div
77+
class="mb-3 inline-flex items-center font-medium text-emerald-600 transition-colors group-hover:text-emerald-700"
78+
>
79+
続きを読む<svg
80+
xmlns="http://www.w3.org/2000/svg"
81+
width="24"
82+
height="24"
83+
viewBox="0 0 24 24"
84+
fill="none"
85+
stroke="currentColor"
86+
stroke-width="2"
87+
stroke-linecap="round"
88+
stroke-linejoin="round"
89+
class="lucide lucide-external-link ml-2 h-4 w-4"
90+
><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path
91+
d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
92+
></path></svg
93+
>
94+
</div><p class="mb-4 leading-relaxed text-gray-600">
95+
We’re excited to announce VimConf 2025 Small, this year’s event
96+
held as a Japan Local Conference. The conference is scheduled
97+
for 2025-11-02 (November 2, 2025), at Akihabara UDX — Akiba Hall
98+
in Tokyo.
99+
</p><div class="flex items-center justify-between">
100+
<div class="flex items-center text-sm text-gray-500">
101+
<svg
102+
xmlns="http://www.w3.org/2000/svg"
103+
width="24"
104+
height="24"
105+
viewBox="0 0 24 24"
106+
fill="none"
107+
stroke="currentColor"
108+
stroke-width="2"
109+
stroke-linecap="round"
110+
stroke-linejoin="round"
111+
class="lucide lucide-user mr-1 h-4 w-4"
112+
><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"
113+
></path><circle cx="12" cy="7" r="4"></circle></svg
114+
>ujihisa
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
</div></a
120+
><div class="mt-6 text-center">
121+
<a
122+
href="https://vimconf.wordpress.com"
123+
target="_blank"
124+
rel="noopener noreferrer"
125+
class="inline-flex items-center font-medium text-emerald-600 transition-colors hover:text-emerald-700"
126+
><img
127+
alt="VimConf Blog favicon"
128+
class="mr-2 h-4 w-4"
129+
src="https://secure.gravatar.com/avatar/686f2fcfa2e7f34ed429972938f880b5?s=160&d=identicon&r=g"
130+
/>公式ブログを見る<svg
131+
xmlns="http://www.w3.org/2000/svg"
132+
width="24"
133+
height="24"
134+
viewBox="0 0 24 24"
135+
fill="none"
136+
stroke="currentColor"
137+
stroke-width="2"
138+
stroke-linecap="round"
139+
stroke-linejoin="round"
140+
class="lucide lucide-external-link ml-1 h-4 w-4"
141+
><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path
142+
d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
143+
></path></svg
144+
></a
145+
>
146+
</div>
147+
</div>
148+
</div>
149+
</section>

‎2025/src/pages/[lang]/index.astro

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import Sponsors from "../../components/Sponsors/index.astro";
66
import Staff from "../../components/Staff/index.astro";
77
import Top from "../../components/Top.astro";
88
import Venue from "../../components/Venue.astro";
9+
import OfficialBlog from "../../components/OfficialBlog.astro";
910
import "../../styles/global.css";
1011
import { LANGUAGES } from "@/i18n";
1112
@@ -25,5 +26,6 @@ export function getStaticPaths() {
2526
<Schedule />
2627
<Sponsors />
2728
<Staff />
29+
<OfficialBlog />
2830
</main>
2931
</Layout>

0 commit comments

Comments
 (0)