Skip to content

Commit ebec5e8

Browse files
committed
feat: welcome mail
1 parent 813556a commit ebec5e8

File tree

8 files changed

+225
-0
lines changed

8 files changed

+225
-0
lines changed

astro.config.mjs

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,10 @@ export default defineConfig({
2323
}),
2424
astroIcon(),
2525
],
26+
redirects: {
27+
"/wifi": {
28+
status: 302,
29+
destination: "https://www.icloud.com/shortcuts/15c4a94693d84efabf8720a9b0854b03",
30+
},
31+
},
2632
});

public/welcome/group.jpg

213 KB
Loading

public/welcome/mail.png

5.19 KB
Loading

public/welcome/shortcuts.png

34 KB
Loading

public/welcome/slipper.png

9.45 KB
Loading

public/welcome/tableware.png

5.11 KB
Loading

public/welcome/title.png

55.8 KB
Loading

src/pages/welcome.html

Lines changed: 219 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,219 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
9+
<title>準備好你在 SITCON Camp 的冒險了嗎?</title>
10+
<style>
11+
* {
12+
box-sizing: border-box;
13+
padding: 0;
14+
margin: 0;
15+
}
16+
</style>
17+
</head>
18+
<body style="margin: 0">
19+
<div
20+
style="
21+
color: #fff;
22+
text-align: center;
23+
font-family:
24+
system-ui,
25+
-apple-system,
26+
BlinkMacSystemFont,
27+
&quot;Segoe UI&quot;,
28+
Roboto,
29+
Oxygen,
30+
Ubuntu,
31+
Cantarell,
32+
&quot;Open Sans&quot;,
33+
&quot;Helvetica Neue&quot;,
34+
sans-serif;
35+
font-size: 1rem;
36+
line-height: 1.33;
37+
max-width: 600px;
38+
margin: 0 auto;
39+
font-weight: bold;
40+
"
41+
>
42+
<div style="background: #009df3; padding: 3rem 1rem">
43+
<img
44+
src="https://sitcon.camp/2025/welcome/title.png"
45+
style="max-width: min(90%, 400px); margin-top: 1rem"
46+
/>
47+
<h1 style="margin-block: 1rem 2rem">
48+
準備好你在 SITCON Camp 的冒險了嗎?
49+
</h1>
50+
<p>
51+
請先加入
52+
<a href="https://t.me/SITCONCamp2025Bot" style="color: #fff"
53+
>喵券機 Telegram Bot</a
54+
>
55+
並使用你的註冊碼註冊點數系統:
56+
</p>
57+
<div
58+
class="code"
59+
style="
60+
font-family: monospace;
61+
border-radius: 0rem 1.25rem 0rem 0rem;
62+
background: #fff066;
63+
padding: 1rem;
64+
color: #000 !important;
65+
margin: 1.5rem 1rem;
66+
"
67+
>
68+
/register 6027605121
69+
</div>
70+
<p>
71+
系統將於明天活動開始後開啟, 歡迎參閱網頁說明 也記得要加入:
72+
</p>
73+
<a
74+
href="https://t.me/+cltPvnOGLOE5MDRi"
75+
style="
76+
display: block;
77+
padding: 1rem;
78+
border-radius: 0.75rem;
79+
border: 6px solid #43d9ff;
80+
background: #fff;
81+
color: #50abfb;
82+
text-decoration: none;
83+
max-width: 15rem;
84+
margin: 1.5rem auto 1rem;
85+
"
86+
>SITCON Camp 2025 大群</a
87+
>
88+
<a
89+
href=""
90+
style="
91+
display: block;
92+
padding: 1rem;
93+
border-radius: 0.75rem;
94+
border: 6px solid #43d9ff;
95+
background: #fff;
96+
color: #50abfb;
97+
text-decoration: none;
98+
max-width: 15rem;
99+
margin: 1rem auto;
100+
"
101+
>第三組小組群</a
102+
>
103+
<p style="color: #dbf2ff">(不要亂入到其它小隊群組喔!)</p>
104+
</div>
105+
<div style="background: #dfff60; padding: 2rem 1rem 1rem">
106+
<h2
107+
style="
108+
color: #000;
109+
font-size: 1.61813rem;
110+
margin-bottom: 1rem;
111+
"
112+
>
113+
交大 Wi-Fi
114+
</h2>
115+
<p style="color: #1a4b01; line-height: 1.5">
116+
SSID:NYCU-Seminar<br />
117+
帳號:SE983499<br />
118+
密碼:3tcbk5<br />
119+
有效時間:7/4 - 7/13
120+
</p>
121+
<div
122+
style="
123+
background-color: #147022;
124+
margin: 1.5rem;
125+
padding: 1.2rem;
126+
"
127+
>
128+
<p style="font-size: 1.2rem; margin-block: 1rem">
129+
iOS 使用者可以使用捷徑設定自動登入
130+
</p>
131+
<a
132+
href="https://sitcon.camp/2025/wifi"
133+
style="
134+
display: block;
135+
background-color: #50aa5e;
136+
color: #fff;
137+
text-decoration: none;
138+
width: fit-content;
139+
padding: 0.8rem 2rem;
140+
border-radius: 0.75rem;
141+
margin: 0.5rem auto;
142+
"
143+
>取得捷徑</a
144+
>
145+
<img
146+
src="https://sitcon.camp/2025/welcome/shortcuts.png"
147+
style="max-width: 90%"
148+
/>
149+
<p style="padding: 0 1rem; margin-block: 1rem">
150+
捷徑 → 自動化 → 新增 → Wi-Fi → 已加入網路 NYCU-Seminar
151+
時立即執行
152+
</p>
153+
</div>
154+
</div>
155+
<div style="background: #4b61f5; padding: 3rem 1rem 1rem">
156+
<h2 style="font-size: 1.61813rem">溫馨提醒</h2>
157+
<div
158+
style="
159+
display: flex;
160+
gap: 2rem;
161+
flex-wrap: wrap;
162+
justify-content: center;
163+
margin: 1.5rem 0 1rem;
164+
"
165+
>
166+
<div>
167+
<img
168+
src="https://sitcon.camp/2025/welcome/tableware.png"
169+
style="display: block; margin: 0 auto 1rem; width: 5rem"
170+
/>
171+
<p>請自備環保餐具</p>
172+
</div>
173+
<div>
174+
<img
175+
src="https://sitcon.camp/2025/welcome/slipper.png"
176+
style="display: block; margin: 0 auto 1rem; width: 5rem"
177+
/>
178+
<p>記得帶拖鞋</p>
179+
</div>
180+
</div>
181+
<div>
182+
<img
183+
src="https://sitcon.camp/2025/welcome/mail.png"
184+
style="display: block; margin: 0 auto 1rem; width: 5rem"
185+
/>
186+
<p>記得詳細閱讀行前通知</p>
187+
</div>
188+
<p style="margin: 3rem 2rem 2rem; font-size: 1.3rem">
189+
若有任何問題都歡迎寄信至 [email protected]
190+
詢問或是在大群提出。我們明天見!
191+
</p>
192+
<img
193+
src="https://sitcon.camp/2025/welcome/group.jpg"
194+
style="max-width: 100%; margin: auto"
195+
/>
196+
<p
197+
style="
198+
color: #ffffffa1;
199+
margin-top: 1.5rem;
200+
font-weight: normal;
201+
font-size: 0.8rem;
202+
"
203+
>
204+
圖示來自
205+
<a
206+
href="https://www.flaticon.com/authors/freepik"
207+
style="color: #ffffffa1"
208+
>Freepik</a
209+
><br />看不到內容?您可以試著在
210+
<a
211+
href="https://sitcon.camp/2025/welcome"
212+
style="color: #ffffffa1"
213+
>瀏覽器中開啟</a
214+
>
215+
</p>
216+
</div>
217+
</div>
218+
</body>
219+
</html>

0 commit comments

Comments
 (0)