Skip to content

Commit da94bbd

Browse files
ryoppippiryoppippi
committed
feat: add en
1 parent 0fae776 commit da94bbd

File tree

1 file changed

+179
-0
lines changed

1 file changed

+179
-0
lines changed

‎2025/src/pages/en.astro

Lines changed: 179 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
---
2+
import Layout from '../layouts/Layout.astro';
3+
---
4+
5+
<Layout>
6+
<header class="hero">
7+
<div class="container">
8+
<h1>VimConf <wbr />2025</h1>
9+
</div>
10+
</header>
11+
12+
<section>
13+
<div class="container">
14+
<h2 id="what-is-vimconf-2025" class="section-title"><a href="#what-is-vimconf-2025">What is VimConf 2025?</a></h2>
15+
<p>VimConf is the world's first and only regularly organized international Vim conference run by the community.</p>
16+
<h3>Event Details</h3>
17+
<table>
18+
<tr>
19+
<th style="word-break::keep-all;">Date<wbr />(Planned)</th>
20+
<td>November 2, 2025 (Sunday)</td>
21+
</tr>
22+
<tr>
23+
<th>Time</th>
24+
<td>9:30 AM - 5:30 PM (Networking Party: 5:30 PM - 7:30 PM)</td>
25+
</tr>
26+
<tr>
27+
<th>Venue</th>
28+
<td><a href="https://www.fsi.co.jp/akibaplaza/hall.html">Akiba Plaza - Akiba Hall</a></td>
29+
</tr>
30+
</table>
31+
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.053340275775!2d139.77188631510504!3d35.70030498018984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188ea7a29cf80b%3A0xdce74a4dd51e0a66!2z5a-M5aOr44K944OV44OI44Ki44Kt44OQ44OX44Op44K2!5e0!3m2!1sja!2sjp!4v1513741028586&amp;key=AIzaSyDYecdzqzXTkep-BSPK-rl52Yx3D1HFjME" height="400" style="border:0;width:100%" allowfullscreen=""></iframe>
32+
<h3>Additional Information</h3>
33+
<p>All presentation slides will be in English. Presentations will be given in either English or Japanese.</p>
34+
<p>The presentations will be recorded and uploaded to YouTube after the event.</p>
35+
<p>Please note that professional photographers will be taking pictures during the event.</p>
36+
<p>Photos will be published online after the event.</p>
37+
</div>
38+
</section>
39+
40+
<section>
41+
<div class="container">
42+
<h2 id="why-we-need-sponsors" class="section-title"><a href="#why-we-need-sponsors">Why We Need Sponsors</a></h2>
43+
<p>
44+
VimConf 2025 is a valuable opportunity for Vimmers, who rarely get to meet in person, to share their passion and knowledge.<br>
45+
This year, to ensure the event's sustainability and flexible operation, we are seeking financial support through sponsorships.
46+
</p>
47+
</div>
48+
</section>
49+
50+
<section>
51+
<div class="container sponsor-info">
52+
<h2 id="sponsorship-overview" class="section-title"><a href="#sponsorship-overview">Sponsorship Overview</a></h2>
53+
<p>
54+
<h3>Application Period and Decision Timeline:</h3>
55+
Sponsor recruitment is already underway. The event will only be held if we receive sufficient sponsorship support.<br>
56+
The final decision on the event will be made on <b>May 15, 2025 (Thursday)</b>.
57+
</p>
58+
<p>
59+
<h3>Sponsorship Benefits:</h3>
60+
We offer various benefits depending on the sponsorship level (including logo placement on the official website, distribution of promotional materials, logo display on the backdrop, etc.).<br>
61+
Please consider supporting us to make this event possible.<br>
62+
<em>※ Individual sponsorships are also available. (Please note that sponsorships are non-refundable even if the event is canceled)</em>
63+
</p>
64+
<p>
65+
<b>As this is our first initiative of this kind,</b> please don't hesitate to contact us with any questions or concerns.
66+
</p>
67+
</div>
68+
</section>
69+
70+
<section id="contact">
71+
<div class="container">
72+
<h2 class="section-title">Sponsorship Inquiries</h2>
73+
<p>
74+
For questions or proposals regarding sponsorship, please feel free to contact us through the form below or via email.<br>
75+
<b>※ Information will be updated regularly.</b>
76+
</p>
77+
<p style="text-align: center;">
78+
<a class="btn" href="https://docs.google.com/presentation/d/1lePjhmnJj7YuH6orB8ykrXXGLMnLMnKSAz22tzCb_Ko/edit#slide=id.p" target="blank">
79+
Contact Form
80+
</a>
81+
</p>
82+
</div>
83+
</section>
84+
<footer style="background: linear-gradient(240deg, #9ebd13 0%, #069700 100%); color: #fff; text-align: center; padding: 20px 0;">
85+
</footer>
86+
</Layout>
87+
88+
<style>
89+
h3 {
90+
font-size: 1.2rem;
91+
}
92+
93+
/* Container */
94+
.container {
95+
width: 90%;
96+
max-width: 960px;
97+
margin: auto;
98+
padding: 24px 0;
99+
}
100+
101+
/* Hero Section */
102+
.hero {
103+
background: linear-gradient(60deg, #9ebd13 0%, #069700 100%);
104+
color: #fff;
105+
padding: 100px 0;
106+
text-align: center;
107+
108+
h1 {
109+
font-size: 4rem;
110+
margin-bottom: 16px;
111+
font-family: "Cardo", serif;
112+
font-weight: 400;
113+
font-style: italic;
114+
}
115+
}
116+
117+
/* Section Title */
118+
.section-title {
119+
font-size: 2.4rem;
120+
border-bottom: 2px solid #ccc;
121+
122+
a {
123+
text-decoration: none;
124+
color: inherit;
125+
}
126+
}
127+
128+
/* Common Section Styles */
129+
section {
130+
padding: 50px 0;
131+
background-color: #fff;
132+
133+
&:nth-of-type(even) {
134+
background: #f1f9f1;
135+
}
136+
}
137+
138+
section + section {
139+
margin-top: 16px;
140+
}
141+
142+
/* Contact Button */
143+
.btn {
144+
display: inline-block;
145+
background-color: #069700;
146+
color: #fff;
147+
padding: 12px 20px;
148+
border-radius: 4px;
149+
}
150+
151+
table {
152+
width: 100%;
153+
border-collapse: collapse;
154+
margin: 12px 0;
155+
}
156+
157+
table th,
158+
table td {
159+
border: 1px solid #ccc;
160+
padding: 12px;
161+
text-align: left;
162+
}
163+
164+
table th {
165+
background-color: #f2f2f2;
166+
font-weight: bold;
167+
}
168+
169+
/* Responsive Adjustments */
170+
@media (max-width: 600px) {
171+
.hero h1 {
172+
font-size: 3rem;
173+
}
174+
175+
.section-title {
176+
font-size: 1.6rem;
177+
}
178+
}
179+
</style>

0 commit comments

Comments
 (0)