Mailspring/packages/local-sync/spec/fixtures/MessageFactory/computeSnippet/fittymi.html
Christine Spang a234570118 [local-sync] Rename extract{Snippet,Contacts} in message-factory
Summary:
We have another function called extractContacts, in its own file,
extract-contacts.js, which is used to create Contact objects. This has
confused me a number of times and also leads to grep collisions.

This patch also makes the snippet unit tests pass again after a recent
API change.

Test Plan: included unit tests, manual

Reviewers: halla, evan, juan

Reviewed By: juan

Differential Revision: https://phab.nylas.com/D3623
2017-01-10 10:41:35 -08:00

303 lines
10 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>Fitty Mi Supper Club</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Fitty Mi Supper Club Email Forms">
<meta name="keywords" content="Fitty Mi Supper Club">
<style type="text/css">
body{
font:14px/20px 'Helvetica', Arial, sans-serif;
margin:0;
padding:75px 0 0 0;
text-align:center;
-webkit-text-size-adjust:none;
}
p{
padding:0 0 10px 0;
}
h1 img{
max-width:100%;
height:auto !important;
vertical-align:bottom;
}
h2{
font-size:22px;
line-height:28px;
margin:0 0 12px 0;
}
h3{
margin:0 0 12px 0;
}
.headerBar{
background:none;
padding:0;
border:none;
}
.wrapper{
width:600px;
margin:0 auto 10px auto;
text-align:left;
}
input.button{
border:none !important;
}
.button{
display:inline-block;
font-weight:500;
font-size:16px;
line-height:42px;
font-family:'Helvetica', Arial, sans-serif;
width:auto;
white-space:nowrap;
height:42px;
margin:12px 5px 12px 0;
padding:0 22px;
text-decoration:none;
text-align:center;
cursor:pointer;
border:0;
border-radius:3px;
vertical-align:top;
}
.button span{
display:inline;
font-family:'Helvetica', Arial, sans-serif;
text-decoration:none;
font-weight:500;
font-style:normal;
font-size:16px;
line-height:42px;
cursor:pointer;
border:none;
}
.rounded6{
border-radius:6px;
}
.poweredWrapper{
padding:20px 0;
width:560px;
margin:0 auto;
}
.poweredBy{
display:block;
}
span.or{
display:inline-block;
height:32px;
line-height:32px;
padding:0 5px;
margin:5px 5px 0 0;
}
.clear{
clear:both;
}
.profile-list{
display:block;
margin:15px 20px;
padding:0;
list-style:none;
border-top:1px solid #eee;
}
.profile-list li{
display:block;
margin:0;
padding:5px 0;
border-bottom:1px solid #eee;
}
html[dir=rtl] .wrapper,html[dir=rtl] .container,html[dir=rtl] label{
text-align:right !important;
}
html[dir=rtl] ul.interestgroup_field label{
padding:0;
}
html[dir=rtl] ul.interestgroup_field input{
margin-left:5px;
}
html[dir=rtl] .hidden-from-view{
right:-5000px;
left:auto;
}
body,#bodyTable{
background-color:#eeeeee;
}
h1{
font-size:28px;
line-height:110%;
margin-bottom:30px;
margin-top:0;
padding:0;
}
#templateContainer{
background-color:none;
}
#templateBody{
background-color:#ffffff;
}
.bodyContent{
line-height:150%;
font-family:Helvetica;
font-size:14px;
color:#333333;
padding:20px;
}
a:link,a:active,a:visited,a{
color:#336699;
}
.button:link,.button:active,.button:visited,.button,.button span{
background-color:#5d5d5d !important;
color:#ffffff !important;
}
.button:hover{
background-color:#444444 !important;
color:#ffffff !important;
}
label{
line-height:150%;
font-family:Helvetica;
font-size:16px;
color:#5d5d5d;
}
.field-group input,select,textarea,.dijitInputField{
font-family:Helvetica;
color:#5d5d5d !important;
}
.asterisk{
color:#cc6600;
font-size:20px;
}
label .asterisk{
visibility:hidden;
}
.indicates-required{
display:none;
}
.field-help{
color:#777;
}
.error,.errorText{
color:#e85c41;
font-weight:bold;
}
@media (max-width: 620px){
body{
width:100%;
-webkit-font-smoothing:antialiased;
padding:10px 0 0 0 !important;
min-width:300px !important;
}
} @media (max-width: 620px){
.wrapper,.poweredWrapper{
width:auto !important;
max-width:600px !important;
padding:0 10px;
}
} @media (max-width: 620px){
#templateContainer,#templateBody,#templateContainer table{
width:100% !important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
} @media (max-width: 620px){
.addressfield span{
width:auto;
float:none;
padding-right:0;
}
} @media (max-width: 620px){
.captcha{
width:auto;
float:none;
}
}</style></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="font: 14px/20px 'Helvetica', Arial, sans-serif;margin: 0;padding: 75px 0 0 0;text-align: center;-webkit-text-size-adjust: none;background-color: #eeeeee;">
<center>
<table border="0" cellpadding="20" cellspacing="0" height="100%" width="100%" id="bodyTable" style="background-color: #eeeeee;">
<tr>
<td align="center" valign="top">
<!-- // BEGIN CONTAINER -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" class="rounded6" style="border-radius: 6px;background-color: none;">
<tr>
<td align="center" valign="top">
<!-- // BEGIN HEADER -->
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<h1 style="font-size: 28px;line-height: 110%;margin-bottom: 30px;margin-top: 0;padding: 0;">Fitty Mi Supper Club</h1>
</td>
</tr>
</table>
<!-- END HEADER \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // BEGIN BODY -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody" class="rounded6" style="border-radius: 6px;background-color: #ffffff;">
<tr>
<td align="left" valign="top" class="bodyContent" style="line-height: 150%;font-family: Helvetica;font-size: 14px;color: #333333;padding: 20px;">
<h2 style="font-size: 22px;line-height: 28px;margin: 0 0 12px 0;">Please Confirm Subscription
</h2>
<a class="button" href="https://fittymi.us14.list-manage.com/subscribe/confirm?u=883f8d639a9edbf20eb81e6f3&id=2de489bfe5&e=81ac72d108" style="color: #ffffff !important;display: inline-block;font-weight: 500;font-size: 16px;line-height: 42px;font-family: 'Helvetica', Arial, sans-serif;width: auto;white-space: nowrap;height: 42px;margin: 12px 5px 12px 0;padding: 0 22px;text-decoration: none;text-align: center;cursor: pointer;border: 0;border-radius: 3px;vertical-align: top;background-color: #5d5d5d !important;"><span style="display: inline;font-family: 'Helvetica', Arial, sans-serif;text-decoration: none;font-weight: 500;font-style: normal;font-size: 16px;line-height: 42px;cursor: pointer;border: none;background-color: #5d5d5d !important;color: #ffffff !important;">Yes, subscribe me to this list.</span></a>
<br>
<div><p style="padding: 0 0 10px 0;">If you received this email by mistake, simply delete it. You won't be subscribed if you don't click the confirmation link above.</p>
<p style="padding: 0 0 10px 0;">For questions about this list, please contact:
<br><a href="mailto:mark@fittymi.com" style="color: #336699;">mark@fittymi.com</a></p>
</div>
<span itemscope itemtype="http://schema.org/EmailMessage">
<span itemprop="description" content="We need to confirm your email address."></span>
<span itemprop="action" itemscope itemtype="http://schema.org/ConfirmAction">
<meta itemprop="name" content="Confirm Subscription">
<span itemprop="handler" itemscope itemtype="http://schema.org/HttpActionHandler">
<meta itemprop="url" content="https://fittymi.us14.list-manage.com/subscribe/smartmail-confirm?u=883f8d639a9edbf20eb81e6f3&id=2de489bfe5&e=81ac72d108&inline=true">
<link itemprop="method" href="http://schema.org/HttpRequestMethod/POST">
</span>
</span>
</span>
</td>
</tr>
</table>
<!-- END BODY \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // BEGIN FOOTER -->
<table border="0" cellpadding="20" cellspacing="0" width="600">
<tr>
<td align="center" valign="top">
<div>
<span class="poweredBy" style="display: block;"><a href="http://www.mailchimp.com/monkey-rewards/?utm_source=freemium_newsletter&utm_medium=email&utm_campaign=monkey_rewards&aid=883f8d639a9edbf20eb81e6f3&afl=1" style="color: #336699;"><img src="https://cdn-images.mailchimp.com/monkey_rewards/MC_MonkeyReward_15.png" border="0" alt="Email Marketing Powered by MailChimp" title="MailChimp Email Marketing" width="139" height="54"></a></span>
</div>
</td>
</tr>
</table>
<!-- END FOOTER \\ -->
</td>
</tr>
</table>
<!-- END CONTAINER \\ -->
</td>
</tr>
</table>
</center>
</body>
</html>