manifold/functions/src/email-templates/market-comment.html

395 lines
15 KiB
HTML
Raw Normal View History

2022-02-23 02:35:04 +00:00
<!DOCTYPE html>
2022-08-28 03:15:09 +00:00
<html style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
2022-02-23 02:35:04 +00:00
2022-08-28 03:15:09 +00:00
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Market comment</title>
<style type="text/css">
img {
max-width: 100%;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
width: 100% !important;
height: 100%;
line-height: 1.6em;
}
body {
background-color: #f6f6f6;
}
2022-02-23 02:35:04 +00:00
2022-08-28 03:15:09 +00:00
@media only screen and (max-width: 640px) {
2022-02-23 02:35:04 +00:00
body {
2022-08-28 03:15:09 +00:00
padding: 0 !important;
}
h1 {
font-weight: 800 !important;
margin: 20px 0 5px !important;
}
h2 {
font-weight: 800 !important;
margin: 20px 0 5px !important;
}
h3 {
font-weight: 800 !important;
margin: 20px 0 5px !important;
}
h4 {
font-weight: 800 !important;
margin: 20px 0 5px !important;
}
h1 {
font-size: 22px !important;
}
h2 {
font-size: 18px !important;
}
h3 {
font-size: 16px !important;
}
.container {
padding: 0 !important;
2022-02-23 02:35:04 +00:00
width: 100% !important;
}
2022-08-28 03:15:09 +00:00
.content {
padding: 0 !important;
2022-02-23 02:35:04 +00:00
}
2022-08-28 03:15:09 +00:00
.content-wrap {
padding: 10px !important;
2022-02-23 02:35:04 +00:00
}
2022-08-28 03:15:09 +00:00
.invoice {
width: 100% !important;
}
}
</style>
</head>
<body itemscope itemtype="http://schema.org/EmailMessage" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
width: 100% !important;
height: 100%;
line-height: 1.6em;
background-color: #f6f6f6;
margin: 0;
2022-08-28 03:15:09 +00:00
" bgcolor="#f6f6f6">
<table class="body-wrap" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
width: 100%;
background-color: #f6f6f6;
margin: 0;
2022-08-28 03:15:09 +00:00
" bgcolor="#f6f6f6">
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
vertical-align: top;
margin: 0;
2022-08-28 03:15:09 +00:00
" valign="top"></td>
<td class="container" width="600" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
vertical-align: top;
display: block !important;
max-width: 600px !important;
clear: both !important;
margin: 0 auto;
2022-08-28 03:15:09 +00:00
" valign="top">
<div class="content" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
max-width: 600px;
display: block;
margin: 0 auto;
padding: 20px;
2022-08-28 03:15:09 +00:00
">
<table class="main" width="100%" cellpadding="0" cellspacing="0" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
border-radius: 3px;
background-color: #fff;
margin: 0;
border: 1px solid #e9e9e9;
2022-08-28 03:15:09 +00:00
" bgcolor="#fff">
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td class="content-wrap aligncenter" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
vertical-align: top;
text-align: center;
margin: 0;
padding: 20px;
2022-08-28 03:15:09 +00:00
" align="center" valign="top">
<table width="100%" cellpadding="0" cellspacing="0" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
width: 90%;
2022-08-28 03:15:09 +00:00
">
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td class="content-block" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
vertical-align: top;
margin: 0;
padding: 0 0 0px 0;
text-align: left;
2022-08-28 03:15:09 +00:00
" valign="top">
<a href="https://manifold.markets" target="_blank">
<img src="https://manifold.markets/logo-banner.png" width="300" style="height: auto"
alt="Manifold Markets" />
</a>
</td>
</tr>
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td class="content-block aligncenter" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
vertical-align: top;
text-align: center;
margin: 0;
padding: 0;
2022-08-28 03:15:09 +00:00
" align="center" valign="top">
<table class="invoice" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
text-align: left;
width: 80%;
margin: 40px auto;
margin-top: 10px;
2022-08-28 03:15:09 +00:00
">
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
padding: 5px 0;
2022-08-28 03:15:09 +00:00
" valign="top">
<div>
<img src="{{commentorAvatarUrl}}" width="30" height="30" style="
2022-02-23 02:35:04 +00:00
border-radius: 30px;
overflow: hidden;
vertical-align: middle;
margin-right: 4px;
2022-08-28 03:15:09 +00:00
" alt="" />
<span style="font-weight: bold">{{commentorName}}</span>
{{betDescription}}
</div>
</td>
</tr>
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
vertical-align: top;
margin: 0;
padding: 5px 0;
2022-08-28 03:15:09 +00:00
" valign="top">
<div style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica,
Arial, sans-serif;
box-sizing: border-box;
font-size: 16px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<span style="white-space: pre-line">{{comment}}</span>
</div>
</td>
</tr>
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 16px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td style="padding: 20px 0 0 0; margin: 0">
<div align="center">
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;font-family:arial,helvetica,sans-serif;"><tr><td style="font-family:arial,helvetica,sans-serif;" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:37px; v-text-anchor:middle; width:110px;" arcsize="11%" stroke="f" fillcolor="#3AAEE0"><w:anchorlock/><center style="color:#FFFFFF;font-family:arial,helvetica,sans-serif;"><![endif]-->
<a href="{{marketUrl}}" target="_blank" style="
2022-02-23 02:35:04 +00:00
box-sizing: border-box;
display: inline-block;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
-webkit-text-size-adjust: none;
text-align: center;
color: #ffffff;
background-color: #11b981;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width: auto;
max-width: 100%;
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
mso-border-alt: none;
2022-08-28 03:15:09 +00:00
">
<span style="
2022-02-23 02:35:04 +00:00
display: block;
padding: 10px 20px;
line-height: 120%;
2022-08-28 03:15:09 +00:00
"><span style="
2022-02-23 02:35:04 +00:00
font-size: 16px;
font-weight: bold;
line-height: 18.8px;
2022-08-28 03:15:09 +00:00
">View comment</span></span>
</a>
<!--[if mso]></center></v:roundrect></td></tr></table><![endif]-->
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="footer" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
width: 100%;
clear: both;
color: #999;
margin: 0;
padding: 20px;
2022-08-28 03:15:09 +00:00
">
<table width="100%" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<tr style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
margin: 0;
2022-08-28 03:15:09 +00:00
">
<td class="aligncenter content-block" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 12px;
vertical-align: top;
color: #999;
text-align: center;
margin: 0;
padding: 0 0 20px;
2022-08-28 03:15:09 +00:00
" align="center" valign="top">
Questions? Come ask in
<a href="https://discord.gg/eHQBNBqXuh" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 12px;
color: #999;
text-decoration: underline;
margin: 0;
2022-08-28 03:15:09 +00:00
">our Discord</a>! Or,
<a href="{{unsubscribeUrl}}" style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial,
sans-serif;
box-sizing: border-box;
font-size: 12px;
color: #999;
text-decoration: underline;
margin: 0;
2022-08-28 03:15:09 +00:00
">unsubscribe</a>.
</td>
</tr>
</table>
2022-02-23 02:35:04 +00:00
</div>
2022-08-28 03:15:09 +00:00
</div>
</td>
<td style="
2022-02-23 02:35:04 +00:00
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
vertical-align: top;
margin: 0;
2022-08-28 03:15:09 +00:00
" valign="top"></td>
</tr>
</table>
</body>
</html>