Skip to content

Instantly share code, notes, and snippets.

@flamingspaz

flamingspaz/tcpemail

Created April 17, 2014 21:18
Show Gist options
  • Save flamingspaz/11012229 to your computer and use it in GitHub Desktop.
Save flamingspaz/11012229 to your computer and use it in GitHub Desktop.
Download ZIP
TCP Shipping email
Raw
tcpemail
<!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">
<head>
<title>Shipping email</title>
<style type="text/css">
@media only screen and (max-width: 480px) {
div[class="mobiledevicesupport"] .hide_on_mobile {
display: none !important;
}
div[class="mobiledevicesupport"] table.container,
div[class="mobiledevicesupport"] table.compressed_on_mobile {
width: 320px !important;
}
div[class="mobiledevicesupport"] table td.compressed_on_mobile {
width: 318px !important;
}
div[class="mobiledevicesupport"] table td.compressedimg_on_mobile img{
width: 100% !important;
height: 100% !important;
}
div[class="mobiledevicesupport"] table td.compressed_on_mobile2 {
width: 200px !important;
}
div[class="mobiledevicesupport"] td.stack_on_mobile {
display: block !important;
vertical-align: middle;
}
div[class="mobiledevicesupport"] td.mobile_date {
padding-top: 19px;
padding-left: 5px;
}
div[class="mobiledevicesupport"] body,
div[class="mobiledevicesupport"] div {
font-size: 14px !important;
line-height: 1.2 !important;
}
div[class="mobiledevicesupport"] .menu-title,
div[class="mobiledevicesupport"] .menu-item {
padding: 5px 10px !important;
}
div[class="mobiledevicesupport"] .title {
font-size: 28px !important;
}
div[class="mobiledevicesupport"] img.big-image {
width: 200px !important;
height: auto !important;
}
div[class="mobiledevicesupport"] .stack_on_mobile .thumb img {
margin: auto !important;
}
div[class="mobiledevicesupport"] .stack_on_mobile .desc_thumb {
width: 172px !important;
margin: auto !important;
}
div[class="mobiledevicesupport"] .spacer {
height: 5px !important;
}
div[class="mobiledevicesupport"] .compress_border {
width: 320px !important;
height: auto !important;
}
}
</style>
</head>
<body>
<div class="mobiledevicesupport">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="border-top: 1px solid #ffffff;border-collapse: collapse; background: #e9f3f9;font-family: Georgia, serif;font-size: 15px;color: #5c6473;">
<tbody>
<tr>
<td valign="top" bgcolor="#efefe6">
<table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="container">
<tbody>
<tr>
<td width="100%">
<!--Start header info -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" >
<tbody>
<tr>
<td valign="top">
<a href="http://mozilla.org/" target="_blank" style="color: #447bc4;text-decoration: none;display: block;font-family: 'Gill Sans', Tahoma,sans-serif;font-size: 14px;" alias="mozilla tab">
<img src="http://image.e.mozilla.org/lib/fe9915707361037e75/m/1/FF_mozilla_abtmozv3.jpg" alt="Mozilla" align="right" border="0" style="display:block" height="42" width="147"/></a>
</td>
</tr>
</tbody>
</table>
<br />
<!--End header info -->
<!--start Article 1, image centred -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td colspan="2" height="20" class="spacer"></td>
</tr>
</tbody>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td width="100%">
<table width="598" cellspacing="0" cellpadding="0" border="0" class="white-box compressed_on_mobile" style="background: #fff;">
<tbody>
<tr>
<td width="20" rowspan="6">&#160;</td>
<td height="20" colspan="3">&#160;</td>
<td width="20" rowspan="6">&#160;</td>
</tr>
<tr>
<td colspan="3">
<h2 class="title" style="font-family: 'Gill Sans', Tahoma,sans-serif;font-size: 32px;font-weight: normal;font-style: normal;color: #000000;margin-top: 0;margin-bottom: 15px;">Hooray! Your tablet has been shipped.</h2></td>
</tr>
<tr>
<td valign="top">
<div style="line-height: 1.4;color: #5c6473;margin-top: 0;font-family: Georgia, serif;font-size: 15px;">
Hello [Full name of participant],
<br /><br />
Thank you for your patience! We know that you have been eagerly awaiting for your device. Unfortunately, it took a bit longer than we expected to get everything ready.
<br /><br />
We are writing to inform you that your Foxconn InFocus Firefox OS tablet is on its way! It is being shipped via [Postal Company Name] and your tracking number is: [tracking number]. You can also track your shipment via
<a href="#trackingurl" alias="Contributor signup" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">[this link]</a>.
<br /><br />
Our shipping team has done their best to deal with customs and tariffs. They have worked hard to ensure that your tablet arrives with the least possible outlay on your part.
<br /><br />
We are eagerly anticipating the incredible things that you will accomplish once you receive your tablet! Soon, you will receive another email detailing the ways you can participate in this brand new effort for Firefox OS on tablets.
<br /><br />
If you have any questions, please email <a href="mailto:tcp@mozilla.org" alias="help mail" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">tcp@mozilla.org</a>.
<br /><br />
- The Firefox OS Tablet Contribution Program Team
<br /><br /><br />
P.S. If the tablet does not power up, do not panic; it probably just needs a charge ;-)
<br /><br />
P.P.S. We currently do not have any new information about the second batch of devices.
<br /><br />
</div>
</td>
</tr>
<tr>
<td height="20" colspan="3">&#160;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--end Article 1, image centred -->
<!--Start last table, 2 col -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td colspan="2" height="20" class="spacer"></td>
</tr>
</tbody>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="stack_on_mobile" style="vertical-align:top;">
<table height="290" width="290" cellspacing="0" cellpadding="0" border="0" class="white-box compressed_on_mobile" style="background:#fff;border-collapse:collapse;">
<tbody>
<tr>
<td width="20" rowspan="4">&#160;</td>
<td height="20">&#160;</td>
<td width="20" rowspan="4">&#160;</td>
</tr>
<tr>
<td valign="top"><h2 class="title" style="font-family:'Gill Sans',Tahoma,sans-serif;font-size:32px;font-weight:normal;font-style:normal;color:#313131;margin-top:0;margin-bottom:15px;">Useful Links</h2></td>
</tr>
<tr>
<td valign="top">
<a href="https://chat.mibbit.com/?server=irc.mozilla.org&channel=%23tcp" alias="Contributor signup" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">#tcp on irc.mozilla.org</a>
<br><br>
<a href="https://wiki.mozilla.org/FirefoxOS/TCP" alias="Contributor signup" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">TCP Wiki page</a>
<br><br>
<a href="https://wiki.mozilla.org/FirefoxOS/TCP#FAQ" alias="Contributor signup" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">Frequenty Asked Questions</a>
<br><br>
<a href="https://wiki.mozilla.org/FirefoxOS/TCP/Patching" alias="Contributor signup" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">Quick start guide to building for Firefox OS tablets (flatfish)</a>
<br><br>
<a href="https://support.mozilla.org/en-US/products/firefox-os" alias="Contributor signup" target="_blank" style="color:#1f9ee5;text-decoration:none;font-size:15px;font-family:georgia,serif;">Firefox OS User Guide</a>
<br><br>
</td>
</tr>
<tr>
<td>&#160;</td>
</tr>
</tbody>
</table>
</td>
<td width="20" valign="top" class="stack_on_mobile spacer">&#160;</td>
<td class="stack_on_mobile" style="vertical-align:top;">
<table height="290" width="290" cellspacing="0" cellpadding="0" border="0" class="white-box compressed_on_mobile" style="background:#fff;border-collapse:collapse;">
<tbody>
<tr>
<td width="20" rowspan="4">&#160;</td>
<td height="20">&#160;</td>
<td width="20" rowspan="4">&#160;</td>
</tr>
<tr>
<td valign="top"><h2 class="title" style="font-family:'Gill Sans',Tahoma,sans-serif;font-size:32px;font-weight:normal;font-style:normal;color:#313131;margin-top:0;margin-bottom:5px;">About Mozilla</h2>
At Mozilla, we're a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.
<br /><br />
<a href="http://www.mozilla.org/en-US/mission/" style="color:#0095dd;text-decoration:none;line-height:1.4;font-family:Georgia,serif;font-size:15px;" target="_blank" alias="Learn more">Learn more about our mission
</a>
</td>
</tr>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>&#160;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--End last table, 2 col -->
<!--Start footer -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="footer compressed_on_mobile" style="font-size: 12px;font-style: italic;color: #898378; background: #efefe6;">
<tbody>
<tr>
<td width="10" rowspan="3">&#160;</td>
<td height="20"></td>
</tr>
<tr>
<td valign="top"><strong style="font-style: normal;color: #809bae;font-family: Georgia, serif;font-size: 12px;">Thanks for reading!</strong></td>
</tr>
<tr>
<td height="10"></td>
</tr>
</tbody>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="footer compressed_on_mobile" style="font-size: 12px;font-style: italic;color: #898378; background: #efefe6">
<tbody>
<tr>
<td width="10">&#160;</td>
<td valign="top" class="stack_on_mobile">
<p style="margin: 0 0 10px 0;line-height: 1.4;color: #809bae;margin-top: 0;font-family: Georgia, serif;">You're receiving this email because you signed up to the Tablet Contribution program.</p>
</td>
<td width="40" class="hide_on_mobile">&#160;</td>
<td width="170" valign="top" class="address stack_on_mobile">
<p style="margin: 0 0 10px 0;line-height: 1.4;color: #809bae;margin-top: 0;"><strong style="font-style: normal;color: #809bae;font-family: Georgia, serif;">Mozilla</strong><br>331 E. Evelyn Avenue<br>Mountain View CA 94041</p>
<p style="margin: 0 0 10px 0;line-height: 1.4;color: #5c6473;margin-top: 0;font-family: Georgia, serif;"><a href="http://www.mozilla.org/en-US/privacy-policy.html" target="_blank" style="color: #0095dd;text-decoration: none;font-size: 12px;font-family: Georgia, serif;" alias="Privacy Policy footer">Mozilla Privacy Policy</a></p>
</td>
<td width="10">&#160;</td>
</tr>
</tbody>
</table>
<!--End footer -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<custom name="opencounter" type="tracking">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment