Skip to content

Instantly share code, notes, and snippets.

@lwl12

lwl12/mail.html

Last active July 2, 2018 15:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lwl12/7cf9e32e1d5bd0a9fbc3ca5f110febdb to your computer and use it in GitHub Desktop.
Save lwl12/7cf9e32e1d5bd0a9fbc3ca5f110febdb to your computer and use it in GitHub Desktop.
Download ZIP
Mail Template
Raw
mail.html
<html lang="zh-CN">
<head>
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="email=no" />
<style>
.awl a {
color: #FFFFFF;
text-decoration: none;
}
.abml a {
color: #000000;
font-family: Roboto-Medium, Helvetica, Arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
.adgl a {
color: rgba(0, 0, 0, 0.87);
text-decoration: none;
}
.afal a {
color: #b0b0b0;
text-decoration: none;
}
@media screen and (min-width: 600px) {
.v2sp {
padding: 6px 30px 0px;
}
.v2rsp {
padding: 0px 10px;
}
}
</style>
</head>
<body style="margin: 0; padding: 0;" bgcolor="#FFFFFF">
<table width="100%" height="100%" style="min-width: 348px;" border="0" cellspacing="0" cellpadding="0">
<tr height="32px"></tr>
<tr align="center">
<td>
<table border="0" cellspacing="0" cellpadding="0" style="padding-bottom: 20px; max-width: 600px; min-width: 220px;">
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="direction: ltr; padding-bottom: 7px;">
<tr>
<td align="left" width="42"><img width="32" height="32" src="https://img.cdn.lwl12.com/images/2018/07/02/KQL0.png?utm_source={{username}}" style="border-radius: 50%; width: 32px; height: 32px;"></td>
<td align="left" style="font-family: Roboto-Light,Helvetica,Arial,sans-serif;">LWL 的兔子洞</td>
<td align="right" style="font-family: Roboto-Light,Helvetica,Arial,sans-serif;">{{username}}</td>
<td align="right" width="35"><img width="28" height="28" style="width: 28px; height: 28px; border-radius: 50%;" src="https://gravatar.loli.net/avatar/{{useremail_encode}}?s=50&d=identicon&d=https://ci5.googleusercontent.com/proxy/6NSREpM_-WhRjzfatLPCRhciZraXl3AMbeFU3GLfke5Fd1h9L4wL7VSpz498N2riQzzfhqPOCadJSXvL07dfBvHo1B4zOoPMq3uSfzYJ62QHcbChiXGBB3D-uIne=s0-d-e1-ft#https://www.gstatic.com/accountalerts/email/anonymous_profile_photo.png·"></td>
</tr>
</table>
<div style="background-color: #F5F5F5; direction: ltr; padding: 22px 16px;margin-bottom: 6px;">
<table class="v2rsp" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="vertical-align: top;"><img height="40px" src="https://www.gstatic.com/images/branding/product/2x/email_48dp.png"></td>
<td width="16px"></td>
<td style="direction: ltr;"><span style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif; font-size: 13px; color: rgba(0,0,0,0.87); line-height: 1.6; color: rgba(0,0,0,0.54);">您的邮件地址 <a style="text-decoration: none; color: rgba(0,0,0,0.87);">{{email}}</a> 是由 <a style="text-decoration: none; color: rgba(0,0,0,0.87);">{{username}}</a> 在 LWL 群组申请表单中提交的。</span> <span><span style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif; font-size: 13px; color: rgba(0,0,0,0.87); line-height: 1.6; color: rgba(0,0,0,0.54);"><br>不认识此帐号？请<a href="https://blog.lwl12.com/guestbook" target="_blank" style="text-decoration:none;color:#4285f4">报告异常</a></span></span>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td></td>
</tr>
<tr>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-corner-nw.png') top left no-repeat;" width="6" height="5">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:6px; height: 5px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-corner-nw.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-pixel-n.png') top center repeat-x;" height="5">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="height: 5px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-pixel-n.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-corner-ne.png') top right no-repeat;" width="6" height="5">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 6px; height: 39px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-corner-ne.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
</tr>
<tr>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-pixel-w.png') center left repeat-y;" width="6">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 6px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-pixel-w.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
<td>
<div style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif;padding-left: 20px; padding-right: 20px;border-bottom: thin solid #f0f0f0; color: rgba(0,0,0,0.87); font-size: 24px;padding-bottom: 38px;padding-top: 40px;text-align: center; word-break: break-word;">
<div class="v2sp">您的新成员申请已成功获批<br><a style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif;color: rgba(0,0,0,0.87); font-size: 16px; line-height: 1.8;">{{username}}</a></div>
</div>
<div style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif; font-size: 13px; color: rgba(0,0,0,0.87); line-height: 1.6;padding-left: 20px; padding-right: 20px;padding-bottom: 32px; padding-top: 24px;">
<div class="v2sp">感谢您百忙之中抽空填写「LWL Senate Project」申请问卷，很高兴地通知您，您的申请已经获得批准。
<p>同<a style="text-decoration:none;color:#4285f4" target="_blank" href="https://blog.lwl12.com/read/2017-annual-briefing.html#toc_i-5">众议院</a>一样，兔子洞致力于提供和谐友善的全话题交流环境。在兔子洞的聊天内容不会受到过多干预，唯须注意以下几点</p>
<p>
<li>尊重他人，尊重自己</li>
<li>三思而后行</li>
<li>常识和礼貌</li>
</p>
<p>兔子洞的规则核心是<b>心中有规则</b>。请尽量不要给他人带来麻烦，也不要尝试试探其他群员的底线。</p>
<p>此外，出于对群内成员的保护，在未得到相关方显式授权前，<b>您不可以将群内消息以任何方式传播至更大范围</b>。</p>
<p>如果您的 Telegram 帐号有登录，尤其是<b>具有消息记录功能</b>的 UserBot 软件，请在彻底退出关闭或确保在所有日志区域屏蔽兔子洞后再加入。</p>
<div style="padding-top: 24px; text-align: center;">
<a href="https://t.me/"
target="_blank" style="display:inline-block; text-decoration: none;">
<table border="0" cellspacing="0" cellpadding="0" style="background-color: #4184F3; border-radius: 2px; min-width: 90px;">
<tbody>
<tr style="height: 6px;"></tr>
<tr>
<td style="padding-left: 8px; padding-right: 8px; text-align: center;"><a href="https://t.me/"
target="_blank" style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif; color: #ffffff; font-weight: 400; line-height: 20px; text-decoration: none;font-size: 13px;text-transform: uppercase;">跃入兔子洞</a></td>
</tr>
<tr style="height: 6px;"></tr>
</tbody>
</table>
</a>
</div>
</div>
</div>
</td>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-pixel-e.png') center left repeat-y;" width="6">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 6px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-pixel-e.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
</tr>
<tr>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-corner-sw.png') top left no-repeat;" width="6" height="5">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 6px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-corner-sw.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-pixel-s.png') top center repeat-x" height="5">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 6px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-pixel-s.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
<td style="background:url('https://www.gstatic.com/accountalerts/email/hodor/4-corner-se.png') top left no-repeat;" width="6" height="5">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 6px;"><v:fill type="tile" src="https://www.gstatic.com/accountalerts/email/hodor/4-corner-se.png" color="#ffffff" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div></div>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>
</tr>
<tr>
<td></td>
<td>
<div style="text-align: left;">
<div style="font-family: Roboto-Regular,Helvetica,Arial,sans-serif;color: rgba(0,0,0,0.54); font-size: 12px; line-height: 20px; padding-top: 10px;">
<div>我们向您发送这封电子邮件，目的是让您了解关于您申请的重大变化。</div>
<div style="direction: ltr;">&copy; 2018 LWL Networks.</div>
</div>
<div style="display: none !important; mso-hide:all; max-height:0px; max-width:0px;">{{timestamp}}</div>
</div>
</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr height="32px"></tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment