Skip to content

Commit c595e19

Browse files
authored
Merge pull request #305 from Erimus-Koo/main
feat: refactor mail template and add link address for copy
2 parents f46eab2 + f8cc508 commit c595e19

File tree

7 files changed

+482
-548
lines changed

7 files changed

+482
-548
lines changed
Lines changed: 119 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,139 +1,124 @@
11
<html>
2-
<head> </head>
3-
<body>
4-
<div class="page flex-col">
5-
<div class="box_3 flex-col" style="
6-
display: flex;
7-
position: relative;
8-
width: 100%;
9-
height: 206px;
10-
background: #ef859d2e;
11-
top: 0;
12-
left: 0;
13-
justify-content: center;
14-
">
15-
<div class="section_1 flex-col" style="
16-
background-image: url(&quot;https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg&quot;);
17-
position: absolute;
18-
width: 152px;
19-
height: 152px;
20-
display: flex;
21-
top: 130px;
22-
background-size: cover;
23-
border-radius: 50%;
24-
margin: 10px;
25-
"></div>
26-
</div>
27-
<div class="box_4 flex-col" style="
28-
margin-top: 92px;
29-
display: flex;
30-
flex-direction: column;
31-
align-items: center;
32-
">
33-
<div class="text-group_5 flex-col justify-between" style="
34-
display: flex;
35-
flex-direction: column;
36-
align-items: center;
37-
margin: 0 20px;
38-
">
39-
<span class="text_1" style="
40-
font-size: 26px;
41-
font-family: PingFang-SC-Bold, PingFang-SC;
42-
font-weight: bold;
43-
color: #000000;
44-
line-height: 37px;
45-
text-align: center;
46-
">
47-
<target="_blank" style="text-decoration: none; color: #0088cc;">${SITE_TITLE}</a> 账号申请
48-
</span>
2+
<head> </head>
493

50-
<div class="box_2 flex-row" style="
51-
margin: 0 20px;
52-
min-height: 128px;
53-
background: #F7F7F7;
54-
border-radius: 12px;
55-
margin-top: 34px;
56-
display: flex;
57-
flex-direction: column;
58-
align-items: flex-start;
59-
padding: 32px 16px;
60-
width: calc(100% - 40px);
61-
">
4+
<body
5+
style="
6+
font-family: -apple-system, 'microsoft yahei', sans-serif;
7+
font-size: 16px;
8+
text-align: center;
9+
"
10+
>
11+
<div
12+
class="main-wrapper"
13+
style="display: flex; flex-flow: column nowrap; justify-content: center"
14+
>
15+
<!-- top area start -->
16+
<div class="header-wrapper" style="height: 10em; background: #fcc">
17+
<div
18+
class="avatar"
19+
style="
20+
background-color: #eee;
21+
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22+
width: 10em;
23+
height: 10em;
24+
margin: 5em auto 0;
25+
background-size: cover;
26+
border-radius: 50%;
27+
border: 0.25em solid white;
28+
"
29+
></div>
30+
</div>
31+
<div
32+
class="article-title"
33+
style="
34+
margin: 6em auto 0;
35+
font-weight: bold;
36+
line-height: 2;
37+
text-align: center;
38+
color: #06f;
39+
"
40+
>
41+
${SITE_TITLE} 账号申请
42+
</div>
43+
<!-- top area end -->
6244

63-
<div class="text-wrapper_4 flex-col justify-between" style="
64-
display: flex;
65-
flex-direction: column;
66-
margin-left: 30px;
67-
margin-bottom: 16px;
68-
">
69-
<hr>
70-
<span class="text_3" style=" font-family: Arial, sans-serif; font-size: 16px; color: #333;">
71-
<h1 style="color: #0088cc;">
72-
账号申请邮箱:${TO_MAIL},账号开通链接为(12小时内有效):
73-
</span>
74-
</div>
75-
<hr style="
76-
display: flex;
77-
position: relative;
78-
border: 1px dashed #ef859d2e;
79-
box-sizing: content-box;
80-
height: 0px;
81-
overflow: visible;
82-
width: 100%;
83-
">
84-
<div class="text-wrapper_4 flex-col justify-between" style="
85-
display: flex;
86-
flex-direction: column;
87-
margin-left: 30px;
88-
">
89-
<hr>
90-
</h1>
91-
<p style="margin-top: 20px;">
92-
请点击以下按钮进行开通:
93-
<span class="text_4" style="
94-
margin-top: 6px;
95-
margin-right: 22px;
96-
font-size: 16px;
97-
font-family: PingFangSC-Regular, PingFang SC;
98-
font-weight: 400;
99-
color: #000000;
100-
line-height: 22px;
101-
"></span>
102-
</div>
45+
<!-- content area start -->
46+
<div
47+
class="content-wrapper"
48+
style="
49+
width: 100%;
50+
padding: 2em;
51+
box-sizing: border-box;
52+
overflow: hidden;
53+
"
54+
>
55+
<div
56+
class="content gray-box"
57+
style="
58+
min-height: 8em;
59+
background: #8881;
60+
border-radius: 2em;
61+
margin-top: 2em;
62+
padding: 2em;
63+
box-sizing: border-box;
64+
"
65+
>
66+
<div style="text-align: center; color: #06f; font-size: 1.5em">
67+
账号申请邮箱:${TO_MAIL},这是您的账号开通链接 (12小时内有效)
68+
</div>
10369

104-
<a target="_blank" class="text-wrapper_2 flex-col" style="
105-
min-width: 106px;
106-
height: 38px;
107-
background: #ef859d38;
108-
border-radius: 32px;
109-
display: flex;
110-
align-items: center;
111-
justify-content: center;
112-
text-decoration: none;
113-
margin: auto;
114-
margin-top: 32px;
115-
" href="${VERIFY_URL}">
116-
<span class="text_5" style="
117-
color: #DB214B;
118-
">点我开通</span>
119-
</a>
120-
</div>
121-
<div class="text-group_6 flex-col justify-between" style="
122-
display: flex;
123-
flex-direction: column;
124-
align-items: center;
125-
margin-top: 34px;
126-
">
127-
<span class="text_6" style="
128-
height: 17px;
129-
font-size: 12px;
130-
font-family: PingFangSC-Regular, PingFang SC;
131-
font-weight: 400;
132-
color: #00000045;
133-
line-height: 17px;
134-
">此邮件由服务器自动发出,直接回复无效。</span>
135-
</div>
136-
</div>
137-
</div>
138-
</body>
70+
<hr style="border: 1px dashed #fcc; margin: 2em 0" />
71+
72+
<div style="text-align: center">
73+
<div>请点击以下按钮进行开通</div>
74+
75+
<div
76+
style="
77+
display: inline-block;
78+
height: 3em;
79+
line-height: 3em;
80+
min-width: 8em;
81+
background: #fcc;
82+
color: #c33;
83+
border-radius: 3em;
84+
margin: 2em auto;
85+
"
86+
>
87+
<a
88+
target="_blank"
89+
style="color: #c33; text-decoration: none; padding: 0 1.5em"
90+
href="${VERIFY_URL}"
91+
>
92+
点我开通
93+
</a>
94+
</div>
95+
</div>
96+
97+
<hr style="border: 1px dashed #fcc; margin: 2em 0" />
98+
99+
<div style="color: #888; font-size: 0.8em">
100+
<div>或者复制链接,并去浏览器打开</div>
101+
<div style="font-family: monospace">
102+
<a
103+
href="${VERIFY_URL}"
104+
style="
105+
text-decoration: none;
106+
color: #888;
107+
font-family: monospace;
108+
"
109+
>${VERIFY_URL}</a
110+
>
111+
</div>
112+
</div>
113+
</div>
114+
</div>
115+
<!-- content area end -->
116+
117+
<!-- footer start -->
118+
<div class="footer" style="margin: 2rem; color: #999; font-size: 0.8em">
119+
此邮件由服务器自动发出,直接回复无效。
120+
</div>
121+
<!-- footer end -->
122+
</div>
123+
</body>
139124
</html>

0 commit comments

Comments
 (0)