Skip to content

Commit 4b3eb40

Browse files
staticWagomUstaticWagomU
committed
refactor: lucideのコンポーネントに置き替え
1 parent d835ebf commit 4b3eb40

File tree

5 files changed

+59
-386
lines changed

5 files changed

+59
-386
lines changed

‎2025/src/components/Footer.astro

Lines changed: 8 additions & 177 deletions
Original file line numberDiff line numberDiff line change
@@ -1,153 +1,13 @@
1+
---
2+
import VimLogo from "./VimLogo.astro";
3+
import { Mail, XIcon } from "@lucide/astro";
4+
---
5+
16
<footer class="bg-gray-900 py-6 text-white sm:py-8 md:py-12">
27
<div class="container mx-auto px-4">
38
<div class="mb-4 flex flex-col items-center sm:mb-6">
49
<div class="mb-2 sm:mb-3">
5-
<svg
6-
width="40"
7-
height="40"
8-
viewBox="0 0 294 294"
9-
version="1.1"
10-
class="mx-auto"
11-
aria-label="Vim Logo"
12-
>
13-
<path
14-
fill-rule="evenodd"
15-
fill="#000000"
16-
fill-opacity="1"
17-
d="M 286.99858,145.37446 145.22904,6.4877374 6.3423305,148.18305 145.22904,287.14399 286.99858,145.37446"
18-
></path>
19-
<path
20-
fill-rule="evenodd"
21-
fill="#006b05"
22-
fill-opacity="1"
23-
d="M 272.81498,145.37446 H 281.31108 L 145.22904,281.45649 V 272.96039 L 272.81498,145.37446"
24-
></path>
25-
<path
26-
fill-rule="evenodd"
27-
fill="#007d17"
28-
fill-opacity="1"
29-
d="M 12.02983,148.18305 H 20.52592 L 145.22904,272.96039 V 281.45649 L 12.02983,148.18305"
30-
></path>
31-
<path
32-
fill-rule="evenodd"
33-
fill="#66ff99"
34-
fill-opacity="1"
35-
d="M 145.22904,20.601017 V 12.175237 L 12.02983,148.18305 H 20.52592 L 145.22904,20.601017"
36-
></path>
37-
<path
38-
fill-rule="evenodd"
39-
fill="#45ff02"
40-
fill-opacity="1"
41-
d="M 145.22904,12.175237 V 20.601017 L 272.81498,145.37446 H 281.31108 L 145.22904,12.175237"
42-
></path>
43-
<path
44-
fill-rule="evenodd"
45-
fill="#009933"
46-
fill-opacity="1"
47-
d="M 145.22904,272.96039 272.81498,145.37446 145.22904,20.601017 20.52592,148.18305 145.22904,272.96039"
48-
></path>
49-
<path
50-
fill-rule="evenodd"
51-
fill="#000000"
52-
fill-opacity="1"
53-
d="M 171.72514,48.968207 180.22123,57.534607 121.61576,117.00727 V 57.534607 H 127.30326 L 135.79936,48.968207 V 26.358827 L 127.30326,17.792417 H 32.83842 L 24.34233,26.358827 V 48.968207 L 32.83842,57.534607 H 39.46341 V 250.28071 L 49.8306,258.7768 H 79.135285 L 282.24467,48.968207 V 26.358827 L 273.74858,17.792417 H 181.15873 L 171.72514,26.358827 V 48.968207"
54-
></path>
55-
<path
56-
fill-rule="evenodd"
57-
fill="#ffffff"
58-
fill-opacity="1"
59-
d="M 35.647,51.847107 29.95951,46.159607 V 29.167417 L 35.647,23.479917 124.49467,23.409607 130.11186,29.167417 124.49467,31.905707 121.61576,29.167417 35.647,43.280707 V 51.847107"
60-
></path>
61-
<path
62-
fill-rule="evenodd"
63-
fill="#ffffff"
64-
fill-opacity="1"
65-
d="M 52.63919,253.0893 46.01419,247.4018 V 51.776797 L 52.63919,46.159607 V 253.0893"
66-
></path>
67-
<path
68-
fill-rule="evenodd"
69-
fill="#ffffff"
70-
fill-opacity="1"
71-
d="M 194.40483,51.847107 200.09233,46.159607 V 57.534607 L 105.55717,153.87055 115.99858,131.19086 194.40483,51.847107"
72-
></path>
73-
<path
74-
fill-rule="evenodd"
75-
fill="#7f7f7f"
76-
fill-opacity="1"
77-
d="M 54.5806,43.351017 52.63919,46.159607 46.01419,51.847107 H 35.647 V 40.472107 L 54.5806,43.351017"
78-
></path>
79-
<path
80-
fill-rule="evenodd"
81-
fill="#7f7f7f"
82-
fill-opacity="1"
83-
d="M 115.99858,51.847107 V 131.19086 L 105.55717,153.80024 V 46.089297 H 121.61576 L 124.49467,43.280707 121.61576,29.167417 H 130.11186 V 46.159607 L 124.49467,51.847107 H 115.99858"
84-
></path>
85-
<path
86-
fill-rule="evenodd"
87-
fill="#ffffff"
88-
fill-opacity="1"
89-
d="M 183.02983,51.847107 177.41264,46.159607 V 29.167417 L 183.96733,23.479917 H 270.00639 L 276.63139,29.167417 267.12748,37.663517 183.02983,43.280707 V 51.847107"
90-
></path>
91-
<path
92-
fill-rule="evenodd"
93-
fill="#7f7f7f"
94-
fill-opacity="1"
95-
d="M 276.63139,46.159607 77.189975,253.0893 H 52.63919 V 244.59321 H 70.639195 L 270.00639,40.472107 267.12748,29.167417 H 276.63139 V 46.159607"
96-
></path>
97-
<path
98-
fill-rule="evenodd"
99-
fill="#7f7f7f"
100-
fill-opacity="1"
101-
d="M 201.96733,43.351017 200.02201,46.159607 194.40483,51.847107 H 183.02983 V 40.472107 L 201.96733,43.351017"
102-
></path>
103-
<path
104-
fill-rule="evenodd"
105-
fill="#cccccc"
106-
fill-opacity="1"
107-
d="M 105.55717,153.80024 V 46.089297 H 121.61576 L 124.49467,43.280707 V 31.905707 L 121.61576,29.097107 H 38.4556 L 35.647,31.905707 V 43.280707 L 38.4556,46.089297 H 52.63919 V 244.59321 L 56.31108,247.4018 H 72.510285 L 270.93998,40.472107 V 32.335387 L 268.06108,29.097107 H 185.90873 L 183.02983,31.905707 V 43.351017 L 185.90873,46.159607 H 200.09233 V 57.534607 L 105.55717,153.80024"
108-
></path>
109-
<path
110-
fill-rule="evenodd"
111-
fill="#000000"
112-
fill-opacity="1"
113-
d="M 157.11186,153.94477 163.73295,148.25727 H 180.72514 L 185.47904,153.94477 179.79154,170.93696 173.23686,176.62446 H 156.24467 L 151.42045,170.93696 157.11186,153.94477"
114-
></path>
115-
<path
116-
fill-rule="evenodd"
117-
fill="#000000"
118-
fill-opacity="1"
119-
d="M 162.79936,247.47211 179.86186,196.49555 H 174.17436 L 179.86186,179.43305 H 205.27983 L 210.96733,185.12055 H 214.78373 L 220.39701,179.43305 H 239.33451 L 245.02201,185.12055 H 246.7642 L 252.45561,179.43305 H 275.18998 L 282.74858,190.80805 270.36576,231.12836 H 275.98295 L 270.51029,247.47211 H 236.45561 L 249.77201,207.80024 H 241.27983 L 233.42826,230.98383 H 239.04545 L 233.71733,247.47211 H 199.66264 L 212.90873,207.80024 H 204.41264 L 196.49467,231.12836 H 202.18217 L 196.85404,247.47211 H 162.79936"
120-
></path>
121-
<path
122-
fill-rule="evenodd"
123-
fill="#cccccc"
124-
fill-opacity="1"
125-
d="M 272.59623,185.12055 276.99076,191.38227 263.02201,236.16742 H 268.6392 L 266.7642,241.78461 H 244.08451 L 257.33451,202.11274 H 237.46342 L 226.15873,236.16742 H 231.77201 L 229.90092,241.78461 H 207.22123 L 220.47123,202.11274 H 200.59623 L 189.29545,236.16742 H 194.98295 L 193.03764,241.78461 H 170.35795 L 187.42045,190.80805 H 181.73295 L 183.60404,185.12055 H 204.41264 L 210.10014,190.80805 H 215.71733 L 221.40483,185.12055 H 238.39701 L 244.08451,190.80805 H 249.77201 L 255.46342,185.12055 H 272.59623"
126-
></path>
127-
<path
128-
fill-rule="evenodd"
129-
fill="#000000"
130-
fill-opacity="1"
131-
d="M 176.98295,179.43305 159.63139,231.05414 H 165.53373 L 159.91654,247.47211 H 125.93217 L 142.92436,196.49555 H 137.23686 Z M 137.23686,196.49555 142.92436,179.43305 H 176.98295"
132-
></path>
133-
<path
134-
fill-rule="evenodd"
135-
fill="#cccccc"
136-
fill-opacity="1"
137-
d="M 156.17436,241.78461 158.04545,236.16742 H 152.35795 L 169.42045,185.12055 H 145.80717 L 143.86186,190.80805 H 150.48686 L 133.49467,241.78461 H 156.17436"
138-
></path>
139-
<path
140-
fill-rule="evenodd"
141-
fill="#cccccc"
142-
fill-opacity="1"
143-
d="M 175.03764,168.12836 178.85404,156.75336 176.98295,153.94477 H 165.60404 L 161.86186,156.75336 158.04545,168.12836 159.99076,170.93696 H 171.36576 L 175.03764,168.12836"
144-
></path>
145-
<path
146-
id="path493"
147-
d="M 145.12105,3.3517574 130.76203,18.394747 127.11871,15.264067 31.97365,15.288597 21.72771,25.825397 22.1063,50.075757 32.23102,59.999677 36.93702,59.951037 36.91461,113.38251 3.3009405,148.29105 37.10861,182.45707 37.22627,251.95198 50.00475,261.3461 80.244076,261.25145 97.694441,243.26376 145.12105,290.46913 185.68669,249.88976 196.10872,249.75339 203.50153,230.21172 199.53002,230.13688 206.22808,210.30504 211.02399,210.32736 196.10872,249.75339 233.01409,249.93792 240.42134,228.69336 236.51407,228.62916 242.76924,210.18687 247.10767,210.16289 233.01409,249.93792 272.05781,249.94941 279.40528,228.81333 H 273.70241 L 285.19864,190.54679 276.63139,177.01555 258.69128,177.03834 290.22902,145.26646 240.12959,95.850279 284.62171,50.217357 284.42093,25.243167 274.81653,15.419587 180.88302,15.341177 170.07647,25.156267 170.11178,27.542667 Z"
148-
style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 4.72441; stroke-opacity: 1;"
149-
></path>
150-
</svg>
10+
<VimLogo class="mx-auto h-10 w-10" />
15111
</div>
15212
<h2 class="text-lg font-bold sm:text-xl md:text-2xl">
15313
VimConf 2025 Small
@@ -176,44 +36,15 @@
17636
class="space-y-1 text-xs text-gray-300 sm:space-y-2 sm:text-sm md:text-base"
17737
>
17838
<li class="flex items-center">
179-
<svg
180-
xmlns="http://www.w3.org/2000/svg"
181-
width="24"
182-
height="24"
183-
viewBox="0 0 24 24"
184-
fill="none"
185-
stroke="currentColor"
186-
stroke-width="2"
187-
stroke-linecap="round"
188-
stroke-linejoin="round"
189-
class="lucide lucide-mail mr-2 h-4 w-4 text-emerald-400"
190-
>
191-
<rect width="20" height="16" x="2" y="4" rx="2"></rect>
192-
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
193-
</svg>
39+
<Mail class="mr-2 h-4 w-4 text-emerald-400" />
19440
<a
19541
href="mailto:[email protected]"
19642
class="transition-colors hover:text-emerald-400"
19743
>[email protected]</a
19844
>
19945
</li>
20046
<li class="flex items-center">
201-
<svg
202-
xmlns="http://www.w3.org/2000/svg"
203-
width="24"
204-
height="24"
205-
viewBox="0 0 24 24"
206-
fill="none"
207-
stroke="currentColor"
208-
stroke-width="2"
209-
stroke-linecap="round"
210-
stroke-linejoin="round"
211-
class="lucide lucide-twitter mr-2 h-4 w-4 text-emerald-400"
212-
>
213-
<path
214-
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"
215-
></path>
216-
</svg>
47+
<XIcon class="mr-2 h-4 w-4 text-emerald-400" />
21748
<a
21849
href="https://twitter.com/vim_jp"
21950
target="_blank"

‎2025/src/components/KeynoteSpeakers.astro

Lines changed: 5 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
import { Users } from "@lucide/astro";
3+
---
4+
15
<section
26
id="keynote"
37
class="bg-gradient-to-b from-white to-emerald-50 py-10 md:py-16"
@@ -12,23 +16,7 @@
1216
<div
1317
class="mx-auto max-w-2xl rounded-lg border border-emerald-100 bg-card p-8 text-center"
1418
>
15-
<svg
16-
xmlns="http://www.w3.org/2000/svg"
17-
width="24"
18-
height="24"
19-
viewBox="0 0 24 24"
20-
fill="none"
21-
stroke="currentColor"
22-
stroke-width="2"
23-
stroke-linecap="round"
24-
stroke-linejoin="round"
25-
class="lucide lucide-users mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16"
26-
><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle
27-
cx="9"
28-
cy="7"
29-
r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path
30-
d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg
31-
>
19+
<Users class="mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16" />
3220

3321
<h3 class="mx-auto text-center text-lg font-semibold md:text-xl">
3422
基調講演者は近日公開

‎2025/src/components/OfficialBlog.astro

Lines changed: 15 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
import { Calendar, User, Clock, ExternalLink } from "@lucide/astro";
3+
---
4+
15
<section id="blog" class="bg-gray-50 py-10 md:py-16">
26
<div class="container mx-auto px-4">
37
<div class="mb-8 text-center">
@@ -34,39 +38,11 @@
3438
class="flex items-center space-x-3 text-sm text-gray-500"
3539
>
3640
<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日
41+
<Calendar class="mr-1 h-4 w-4" />
42+
2025年5月30日
5543
</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分
44+
<Clock class="mr-1 h-4 w-4" />
45+
1分
7046
</div>
7147
</div>
7248
</div><h3
@@ -76,42 +52,17 @@
7652
</h3><div
7753
class="mb-3 inline-flex items-center font-medium text-emerald-600 transition-colors group-hover:text-emerald-700"
7854
>
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-
>
55+
続きを読む
56+
<ExternalLink class="ml-1 h-4 w-4" />
9457
</div><p class="mb-4 leading-relaxed text-gray-600">
9558
We’re excited to announce VimConf 2025 Small, this year’s event
9659
held as a Japan Local Conference. The conference is scheduled
9760
for 2025-11-02 (November 2, 2025), at Akihabara UDX — Akiba Hall
9861
in Tokyo.
9962
</p><div class="flex items-center justify-between">
10063
<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
64+
<User class="mr-1 h-4 w-4" />
65+
ujihisa
11566
</div>
11667
</div>
11768
</div>
@@ -127,22 +78,9 @@
12778
alt="VimConf Blog favicon"
12879
class="mr-2 h-4 w-4"
12980
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-
>
81+
/>公式ブログを見る
82+
<ExternalLink class="ml-1 h-4 w-4" />
83+
</a>
14684
</div>
14785
</div>
14886
</div>

0 commit comments

Comments
 (0)