|
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
|
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
<meta name="viewport" content="width=device-width"> |
|
</head> |
|
|
|
<body style="background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:#333;font-family:Helvetica, Arial, sans-serif;line-height:1.25;-webkit-text-size-adjust:100%;"> |
|
<div style="max-width:620px;min-width:320px;margin:0 auto"> |
|
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="body-table"> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table border="0" cellpadding="20" cellspacing="0" width="100%" class="outer-email-container"> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="inner-email-container" style="background-color:#fff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;"> |
|
<!-- Email Logo --> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table border="0" cellpadding="0" cellspacing="0" height="90" width="100%" class="email-logo" style="background-color:#ffffff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;"> |
|
<tr> |
|
<td align="center" valign="middle"> |
|
<a href="https://twitch.tv"><img src="https://s.jtvnw.net/jtv_user_pictures/hosted_images/twitch-email-logomark-purple.png" width="102" height="34" alt="Twitch"></a> |
|
</td> |
|
</tr> |
|
</table> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table border="0" cellpadding="0" cellspacing="0" height="1" width="100%" class="email-divider"> |
|
<tr> |
|
<td align="center" valign="middle" style="background-color: #eeeeee"></td> |
|
<td align="center" valign="middle" style="background-color: #6441a5" width="102"></td> |
|
<td align="center" valign="middle" style="background-color: #eeeeee"></td> |
|
</tr> |
|
</table> |
|
</td> |
|
</tr> |
|
<!-- Email Logo --> |
|
<!-- Email Header --> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table border="0" cellpadding="40" cellspacing="0" height="0" width="100%" class="email-header"> |
|
<tr> |
|
<td align="center" valign="middle"> |
|
<div class="header-message" style="font-weight:bold"> |
|
<a href="{{video.url}}" style="color:#6441a5; text-decoration:none" target="_blank"> |
|
{{video.channelName}} just shared a new video! |
|
</a> |
|
</div> |
|
</td> |
|
</tr> |
|
</table> |
|
</td> |
|
</tr> |
|
<!-- Email Header --> |
|
<!-- Email Content --> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table border="0" cellpadding="0" cellspacing="0" height="0" width="100%" class="email-content"> |
|
<tr> |
|
<td align="center" valign="middle"> |
|
<table height="0" border="0" cellpadding="0" cellspacing="0" width="100%"> |
|
<tbody> |
|
<tr> |
|
<td align="center" valign="middle"> |
|
<a href="{{video.url}}" target="_blank"> |
|
<div style="overflow: hidden;"> |
|
<img alt="{{video.title}}" src="{{video.thumbnails.firstObject}}" style="margin-top: -30px; margin-bottom:-30px;" height="240" width="320"> |
|
</div> |
|
</a> |
|
<div style="color:#333;font-size:18px;font-weight:bold;line-height:24px;margin-top:10px;width:70%"> |
|
<a href="{{video.url}}" style="color:#6441a5;text-decoration:none" target="_blank"> |
|
{{video.title}} |
|
</a> |
|
</div> |
|
<div style="color:#999;font-size:12px;line-height:16px;margin-bottom:40px;font-weight:bold"> |
|
{{video.channelName}} is playing {{game.title}} |
|
</div> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td align="center" valign="middle"> |
|
<table style="border-top-width:1px;border-top-style:solid;border-top-color:#eee" height="0" border="0" cellpadding="30" cellspacing="0" width="100%"> |
|
<tbody> |
|
<tr> |
|
<td align="center" valign="middle"> |
|
<div> |
|
<a href="{{video.url}}" style="background-color:#6441a5;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:14px;line-height:40px;margin-bottom:10px;text-align:center;text-decoration:none;width:200px" target="_blank"> |
|
Watch Now |
|
</a> |
|
<br> |
|
<small style="color:#999;font-size:11px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px">Or click on this link: |
|
<a href="{{video.url}}" style="color:#999" target="_blank">{{video.title}}</a> |
|
</small> |
|
</div> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</td> |
|
</tr> |
|
</table> |
|
</td> |
|
</tr> |
|
<!-- Email Content --> |
|
</table> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td align="center" valign="top"> |
|
<table style="color:#7f7f7f;font-size:12px" border="0" cellpadding="0" cellspacing="0" width="100%"> |
|
<tbody> |
|
<tr> |
|
<td valign="top"> |
|
<div> |
|
Email notifications are sent by channel owners when they choose to share new video uploads with their followers. |
|
</div> |
|
<br> |
|
<div> |
|
To stop receiving emails about {{video.channelName}}, <a href="https://www.twitch.tv/settings/notifications" target="_blank">click here</a> |
|
</div> |
|
<div> |
|
To stop receiving emails about any of your favorites, <a href="https://www.twitch.tv/settings/notifications" target="_blank">click here</a> |
|
</div> |
|
<div> |
|
To stop receiving email notifications, <a href="https://www.twitch.tv/settings/notifications" target="_blank">click here</a> |
|
</div> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
<p style="color:#7f7f7f;font-size:12px;padding: 20px 0;">© {{currentYear}} Twitch. All Rights Reserved. |
|
</p> |
|
</td> |
|
</tr> |
|
</table> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</body> |
|
</html> |
