Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(mail): Add elegant mail example #3

Merged
merged 2 commits into from
Feb 29, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .doc/images/example-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 changes: 36 additions & 12 deletions src/main/resources/mail/approved-email.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,36 @@
<div style="color:#000; font-size: 14px;font-family: arial,serif;">
<div><br></div>
<div><br></div>
<div><span style="font-family: arial,serif; font-size: 24px;">Dear %(player),</span></div>
<div><br></div>
<div style="text-align: left;">Your request (#%(request)) was passed!</div>
<div><br></div>
<div style="text-align: left;">Now welcome to join <u>play.example.com</u> !<u></u></div>
</div>
<div>&nbsp;</div>
<div>Yours,</div>
<div>Example Server.</div>
<div>
<table cellpadding="0" align="center"
style="font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(46, 48, 51); width: 600px; margin: 0px auto; position: relative; border-radius: 5px; font-family: 微软雅黑, 黑体; line-height: 1.5; box-shadow: rgb(153, 153, 153) 0px 0px 5px; border-collapse: collapse;">

<tbody>
<tr>
<th valign="middle"
style="padding: 15px 35px; height: 25px; line-height: 25px; border-bottom: 1px solid rgb(0, 0, 0); background-color: rgb(220, 31, 71); border-radius: 5px 5px 0px 0px; text-align: center;">
<img src="https://raw.githubusercontent.com/ArtformGames/VotePass-Mailer/mail-style/.doc/images/example-logo.png"
style="border: 0px; vertical-align: bottom; max-width: 600px;">
</th>
</tr>
<tr>
<td>
<div style="padding: 25px 35px 40px; max-width: 550px;">
<p style="line-height: 20.4px; margin: 0px;">Dear %(player),</p>
<p style="line-height: 20.4px; margin: 0px;">Your whitelist request <b>#%(request)</b> was <font color="#2E8B57">APPROVED</font>, <br>Now welcome to join <u>play.example.com</u>!</p>
<div style="padding: 25px 35px 40px; max-width: 550px;"><b>Links: </b><br>
Guide: https://guide.example.com <br>
<hr>
Best regards,<br>
Staff Team
</div>
<div style="padding: 0px 40px; max-width: 550px;"></div>
<div style="width: 550px; margin: 0px auto;">
<div
style="padding: 10px 10px 0px; border-top: 1px solid rgb(204, 204, 204); color: rgb(116, 116, 116); margin-bottom: 20px; line-height: 1.3em;">
<p style="line-height: 20.4px; margin: 0px;"><i>This is a system generated email. Please do not reply to this message.</i></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
49 changes: 36 additions & 13 deletions src/main/resources/mail/expired-email.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,36 @@
<div style="color:#000; font-size: 14px;font-family: arial,serif;">
<div><br></div>
<div><br></div>
<div><span style="font-family: arial,serif; font-size: 24px;">Dear %(player),</span></div>
<div><br></div>
<div style="text-align: left;">Your request (#%(request)) was expired!</div>
<div><br></div>
<div style="text-align: left;">Sorry for that, but you can rejoin and easily resubmit your request for next
vote.<u></u></div>
</div>
<div>&nbsp;</div>
<div>Yours,</div>
<div>Example Server.</div>
<div>
<table cellpadding="0" align="center"
style="font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(46, 48, 51); width: 600px; margin: 0px auto; position: relative; border-radius: 5px; font-family: 微软雅黑, 黑体; line-height: 1.5; box-shadow: rgb(153, 153, 153) 0px 0px 5px; border-collapse: collapse;">

<tbody>
<tr>
<th valign="middle"
style="padding: 15px 35px; height: 25px; line-height: 25px; border-bottom: 1px solid rgb(0, 0, 0); background-color: rgb(220, 31, 71); border-radius: 5px 5px 0px 0px; text-align: center;">
<img src="https://raw.githubusercontent.com/ArtformGames/VotePass-Mailer/mail-style/.doc/images/example-logo.png"
style="border: 0px; vertical-align: bottom; max-width: 600px;">
</th>
</tr>
<tr>
<td>
<div style="padding: 25px 35px 40px; max-width: 550px;">
<p style="line-height: 20.4px; margin: 0px;">Dear %(player),</p>
<p style="line-height: 20.4px; margin: 0px;">Your whitelist request <b>#%(request)</b> was <font color="#4682B4">EXPIRED</font>, <br>Sorry for that, but you can rejoin and easily resubmit your request for next vote.</p>
<div style="padding: 25px 35px 40px; max-width: 550px;"><b>Links: </b><br>
Guide: https://guide.example.com <br>
<hr>
Best regards,<br>
Staff Team
</div>
<div style="padding: 0px 40px; max-width: 550px;"></div>
<div style="width: 550px; margin: 0px auto;">
<div
style="padding: 10px 10px 0px; border-top: 1px solid rgb(204, 204, 204); color: rgb(116, 116, 116); margin-bottom: 20px; line-height: 1.3em;">
<p style="line-height: 20.4px; margin: 0px;"><i>This is a system generated email. Please do not reply to this message.</i></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
48 changes: 36 additions & 12 deletions src/main/resources/mail/rejected-email.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,36 @@
<div style="color:#000; font-size: 14px;font-family: arial,serif;">
<div><br></div>
<div><br></div>
<div><span style="font-family: arial,serif; font-size: 24px;">Dear %(player),</span></div>
<div><br></div>
<div style="text-align: left;">Your request (#%(request)) was rejected!</div>
<div><br></div>
<div style="text-align: left;">Please check your request and try to resubmit for next vote!<u></u></div>
</div>
<div>&nbsp;</div>
<div>Yours,</div>
<div>Example Server.</div>
<div>
<table cellpadding="0" align="center"
style="font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(46, 48, 51); width: 600px; margin: 0px auto; position: relative; border-radius: 5px; font-family: 微软雅黑, 黑体; line-height: 1.5; box-shadow: rgb(153, 153, 153) 0px 0px 5px; border-collapse: collapse;">

<tbody>
<tr>
<th valign="middle"
style="padding: 15px 35px; height: 25px; line-height: 25px; border-bottom: 1px solid rgb(0, 0, 0); background-color: rgb(220, 31, 71); border-radius: 5px 5px 0px 0px; text-align: center;">
<img src="https://raw.githubusercontent.com/ArtformGames/VotePass-Mailer/mail-style/.doc/images/example-logo.png"
style="border: 0px; vertical-align: bottom; max-width: 600px;">
</th>
</tr>
<tr>
<td>
<div style="padding: 25px 35px 40px; max-width: 550px;">
<p style="line-height: 20.4px; margin: 0px;">Dear %(player),</p>
<p style="line-height: 20.4px; margin: 0px;">Your whitelist request <b>#%(request)</b> was <font color="#DC143C">REJECTED</font>, <br>Please check your request and try to resubmit for next vote!</p>
<div style="padding: 25px 35px 40px; max-width: 550px;"><b>Links: </b><br>
Guide: https://guide.example.com <br>
<hr>
Best regards,<br>
Staff Team
</div>
<div style="padding: 0px 40px; max-width: 550px;"></div>
<div style="width: 550px; margin: 0px auto;">
<div
style="padding: 10px 10px 0px; border-top: 1px solid rgb(204, 204, 204); color: rgb(116, 116, 116); margin-bottom: 20px; line-height: 1.3em;">
<p style="line-height: 20.4px; margin: 0px;"><i>This is a system generated email. Please do not reply to this message.</i></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
Loading