fix(autoload-images): Catch images with no extension, add tests

This commit is contained in:
Ben Gotow 2015-12-03 11:25:26 -08:00
parent 71328855ee
commit 015e8a5aba
10 changed files with 5466 additions and 3 deletions

View file

@ -5,7 +5,7 @@ class AutoloadImagesExtension extends MessageViewExtension
@formatMessageBody: (message) ->
if AutoloadImagesStore.shouldBlockImagesIn(message)
message.body = message.body.replace AutoloadImagesStore.ImagesRegexp, (match, text) ->
"//#"
message.body = message.body.replace AutoloadImagesStore.ImagesRegexp, (match, prefix, imageUrl) ->
"#{prefix}#"
module.exports = AutoloadImagesExtension

View file

@ -5,7 +5,7 @@ path = require 'path'
AutoloadImagesActions = require './autoload-images-actions'
# https://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support
ImagesRegexp = /\/\/[^'"]*\.(jpg|jpeg|jpe|jif|jfif|jfi|png|xbm|bmp|dib|ico|pict|tiff|gif|pic|webp)+/gi
ImagesRegexp = /(src[\s]*=[\s]*['"]+|:[\s]*url\()+([^"'\)]*)/gi
class AutoloadImagesStore extends NylasStore
constructor: ->

View file

@ -0,0 +1,24 @@
fs = require 'fs'
AutoloadImagesExtension = require '../lib/autoload-images-extension'
AutoloadImagesStore = require '../lib/autoload-images-store'
describe "AutoloadImagesExtension", ->
describe "formatMessageBody", ->
scenarios = []
fixtures = path.resolve(path.join(__dirname, 'fixtures'))
for filename in fs.readdirSync(fixtures)
if filename[-8..-1] is '-in.html'
scenarios.push
name: filename[0..-9]
in: fs.readFileSync(path.join(fixtures, filename)).toString()
out: fs.readFileSync(path.join(fixtures, "#{filename[0..-9]}-out.html")).toString()
scenarios.forEach (scenario) =>
it "should process #{scenario.name}", ->
spyOn(AutoloadImagesStore, 'shouldBlockImagesIn').andReturn(true)
message =
body: scenario.in
AutoloadImagesExtension.formatMessageBody(message)
expect(message.body == scenario.out).toBe(true)
module.exports = AutoloadImagesExtension

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,251 @@
<!doctype html>
<html id="email" style="background:#fff">
<head>
<meta charset="utf-8">
<meta content="width=device-width" name="viewport">
<title>Google Play</title>
<style>@import url(<a href="https://fonts.googleapis.com/css?family=Roboto:300,400" title="https://fonts.googleapis.com/css?family=Roboto:300,400" target="_blank">fonts.googleapis.com/css?family=Roboto:300,400</a>);</style>
</head>
<body style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:24px; margin:0; min-width:100%; padding:0; text-align:left; width:100%" align="left" width="100%">
<table style="border-collapse:collapse; border-spacing:0; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:center; vertical-align:top; word-break:break-word" align="center" valign="top">
<center style="background:#e5e5e5; margin:0 auto; width:600px" width="600">
<!--
-->
<!---- Element: Header ----><!-- Logo -->
<!--
<table class="container logo vertical En">
<tbody>
<tr>
<td class="center">
<a href="https://www.google.com/appserve/mkt/p/fNOMGzHPj10D6yJ55kIL5WtTkJNBsiBffQQqY…xq08_OyAB_MJCHiYLWNYGwVSqo9Rr0CskMnPCQdvff-RpcSEuqLH6cYNE81spIIlD963du-w==" title="https://www.google.com/appserve/mkt/p/fNOMGzHPj10D6yJ55kIL5WtTkJNBsiBffQQqY…xq08_OyAB_MJCHiYLWNYGwVSqo9Rr0CskMnPCQdvff-RpcSEuqLH6cYNE81spIIlD963du-w==" >
<img alt="Google Play" src="https://lh3.ggpht.com/Nmax7S1VmSbeBPpAIKOJg2OU74l67OLmQkv22wOUBwSaK4AzCRH0skdObQ75NZh9zcg=w350">
</a>
</td>
</tr>
</tbody>
</table>
-->
<!-- Subject -->
<table style="background:#e5e5e5; border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:url(https://lh6.ggpht.com/CKwgKS7m3a5fNeq-QMQzKKIeRxGUUh8x6Qhz_IxVUGh0L-LYYyxKZpvd_O5UxI2ZdpI=w600) #FF8D1C bottom left no-repeat; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:30px 0 5px; text-align:left; vertical-align:top; width:100%; word-break:break-word" align="left" valign="top" width="100%">
<h1 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:30px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:0 10px; text-align:center; width:auto; word-break:break-word" align="center" width="auto">
<a href="https://www.google.com/appserve/mkt/p/e6HiYpv26sL9mFqIIgWM6se-DPkp7HE9YRTkq…cP8KDJnXRS2O1q6MeeYBJE3jLx6F49EjFASGrGvIjOGhgkrODhhxfgPJdcp4meBCX9MI-NGQ==" title="https://www.google.com/appserve/mkt/p/e6HiYpv26sL9mFqIIgWM6se-DPkp7HE9YRTkq…cP8KDJnXRS2O1q6MeeYBJE3jLx6F49EjFASGrGvIjOGhgkrODhhxfgPJdcp4meBCX9MI-NGQ==" style="color:#fff; text-decoration:none">Album of the Week</a>
</h1>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:url(https://lh5.ggpht.com/A_xVlTxHZI_Qka_D-C4chqT5xcf_Gfx2BHk4XEi1O-JmNBpVzHgTyctVKw_YMRFxIMw=w600) top left no-repeat; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:55px; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:center; vertical-align:top; width:100%; word-break:break-word" height="55" align="center" valign="top" width="100%">
<a href="https://www.google.com/appserve/mkt/p/PMAjz4TGGt1Tchz6z_tPE4evzfMiN2W0w348d…ZRF7Bh63Hn6LJIoOc_KCsQC__1_eaq7P4sJ8QR9UNPidl519mA_QLN0lzWl0gs9Mdk0BK6Evrd" title="https://www.google.com/appserve/mkt/p/PMAjz4TGGt1Tchz6z_tPE4evzfMiN2W0w348d…ZRF7Bh63Hn6LJIoOc_KCsQC__1_eaq7P4sJ8QR9UNPidl519mA_QLN0lzWl0gs9Mdk0BK6Evrd" style="color:#1ABDD4; display:block; height:50px; margin:0 auto; text-decoration:none; width:50px" height="50" width="50">
<img alt="Google Play Music" src="https://lh6.ggpht.com/YTdAK700NZW1Jt5U7Q0kmYQFl1w5aPZVh89jqF5vyZYPZ2nLQhgguZmY07tr8YbgmPQ" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
</tbody>
</table>
<!-- Element: Text --><table style="background:#e5e5e5; border-collapse:collapse; border-spacing:0; margin:0 auto 5px; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%"><tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 10px; text-align:left; vertical-align:middle; width:40%; word-break:break-word" align="left" valign="middle" width="40%">
<a href="https://www.google.com/appserve/mkt/p/GzRjOEZZFlCnx5uuzOpjtk0sppniyYqy7pEsc…URW_lr1MiKVdShxC6awps3uvbPgJUaRxqKV7PKFEL8O7JktbnOcmwiE6KZ4MI8ncDxhWehvTzZ" title="https://www.google.com/appserve/mkt/p/GzRjOEZZFlCnx5uuzOpjtk0sppniyYqy7pEsc…URW_lr1MiKVdShxC6awps3uvbPgJUaRxqKV7PKFEL8O7JktbnOcmwiE6KZ4MI8ncDxhWehvTzZ" style="color:#1ABDD4; text-decoration:none"><img src="https://lh3.googleusercontent.com/IMEazKbS1jIFRKKH_QkMjhP0y5yVmc2Vv-9raG0puYpeuVS1Ml01_1MEnnmNn56S6bY=c" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%"></a>
</td>
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 10px; text-align:left; vertical-align:middle; width:60%; word-break:break-word" align="left" valign="middle" width="60%">
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">Cowboy hat? Check. Crushin&#39; it? Check. Now all you need is Brad Paisley&#39;s latest album, Moonshine in the Trunk. Lucky for you, its free on Google Play for a limited time.*</p>
<a href="https://www.google.com/appserve/mkt/p/UO6vTvTLoG5BzPQTiW5l7xdTVD8KReLPIizUq…FelDRdpvg8zJHW0CgRmCCJD-5WgvbFz1XF7B3TOEEXTVCH-QDfhF0-jSMYtdjr0JLEeEezZ7Q=" title="https://www.google.com/appserve/mkt/p/UO6vTvTLoG5BzPQTiW5l7xdTVD8KReLPIizUq…FelDRdpvg8zJHW0CgRmCCJD-5WgvbFz1XF7B3TOEEXTVCH-QDfhF0-jSMYtdjr0JLEeEezZ7Q=" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:15px; font-weight:normal; line-height:1; margin:10px 0 15px; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase" align="center">Get It Free</a>
</td>
</tr></tbody>
</table>
<!-- Element: Text --><table style="background:#FD992E; border-collapse:collapse; border-spacing:0; margin:10px auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 20px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top"><h2 style="color:#fff; font-family:Roboto, sans-serif-light, sans-serif; font-size:24px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:20px 0; text-align:center; width:auto; word-break:break-word" align="center" width="auto"><a href="https://www.google.com/appserve/mkt/p/SVsU1sviGu_iJ0RZUhJKcMD-ZsNDwZpb32tD_…74KSLiQYsgzu_daLsgmPYVdnddyJYyfFA3s2K6jPVIs4c3I792KFrUzTSmpiSi4HWcoleE0LP1" title="https://www.google.com/appserve/mkt/p/SVsU1sviGu_iJ0RZUhJKcMD-ZsNDwZpb32tD_…74KSLiQYsgzu_daLsgmPYVdnddyJYyfFA3s2K6jPVIs4c3I792KFrUzTSmpiSi4HWcoleE0LP1" style="color:#fff; text-decoration:none">On sale: Country greats</a></h2></td>
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 20px; padding-left:0; text-align:right; vertical-align:middle; word-break:break-word" align="right" valign="middle"><a href="https://www.google.com/appserve/mkt/p/IcqipRC60sigr_KABSeXuJfYijqVCBV0uYixa…Sy7gdnud9ELh9vEN7R-E7Zxl4FHG6KW4E6jIK-2J1UmnBvWVYEm_C6KDblkSIvLgFxVotoT9g=" title="https://www.google.com/appserve/mkt/p/IcqipRC60sigr_KABSeXuJfYijqVCBV0uYixa…Sy7gdnud9ELh9vEN7R-E7Zxl4FHG6KW4E6jIK-2J1UmnBvWVYEm_C6KDblkSIvLgFxVotoT9g=" style="background:transparent; border:1px solid #fff; border-radius:3px; color:#fff; display:block; font-size:14px; font-weight:normal; line-height:1; margin:0; min-width:60px; padding:10px 20px; text-align:center; text-decoration:none; text-transform:uppercase; white-space:nowrap" align="center">SEE ALL</a></td>
</tr>
</tbody>
</table>
<!---- Element: Cluster ---->
<table style="background:#e5e5e5; border-collapse:collapse; border-spacing:0; margin:10px auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<!-- 3 Across -->
<table style="border-collapse:collapse; border-spacing:0; height:100%; margin-bottom:5px; max-width:600px; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<!-- Cluster Item --><td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; hyphens:auto; line-height:24px; margin:0; padding:0 5px; text-align:left; vertical-align:top; width:190px; word-break:break-word" height="100%" align="left" valign="top" width="190">
<table style="background:#fff; border-collapse:collapse; border-radius:3px; border-spacing:0; height:100%; min-height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:#f5f5f5; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:middle; width:50%; word-break:break-word" align="left" valign="middle" width="50%">
<a href="https://www.google.com/appserve/mkt/p/zgknewdZyNxLoFrq66voips4aGwP5MTvgRD61…ciGJAHqfLiXsPKvDNxV9vbtyMhdGPdDcVmOUSj3dEHETCpEYCNOpOXzyLzOamiOheDBJH6Ew==" title="https://www.google.com/appserve/mkt/p/zgknewdZyNxLoFrq66voips4aGwP5MTvgRD61…ciGJAHqfLiXsPKvDNxV9vbtyMhdGPdDcVmOUSj3dEHETCpEYCNOpOXzyLzOamiOheDBJH6Ew==" style="color:#1ABDD4; text-decoration:none">
<img alt="Pageant Material" src="https://lh3.googleusercontent.com/i5O0AOOWVsbVlbpGr0HNMV7U118NU3nQMQ82NKzhVpXLiQMOr_7RpXV9N9UHfLxrhhWhhzPERuk=w500" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:10px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<table style="border-collapse:collapse; border-spacing:0; height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<h3 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:5px 0 5px; text-align:left; width:auto; word-break:break-word" align="left" width="auto">
<a href="https://www.google.com/appserve/mkt/p/0OQWP8RWdTE7gcgLuR3k7LoJ-TVYsraVxnd7K…9UANvNCxMvpkXbJERBDSiearz0RxCPOhKbKkBIrOGXzeeD7RSMuua4IXFjWnbhMtOMlT8QDg==" title="https://www.google.com/appserve/mkt/p/0OQWP8RWdTE7gcgLuR3k7LoJ-TVYsraVxnd7K…9UANvNCxMvpkXbJERBDSiearz0RxCPOhKbKkBIrOGXzeeD7RSMuua4IXFjWnbhMtOMlT8QDg==" style="color:#333; text-decoration:none">Pageant Material</a>
</h3>
<p style="color:#8d8d8d; font-family:Roboto, sans-serif-light, sans-serif; font-size:13px; font-weight:300; line-height:16px; margin:0; padding:5px 0 5px; padding-bottom:10px; text-align:inherit" align="inherit">
Kacey Musgraves
</p>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; padding-top:10px; text-align:left; vertical-align:bottom; word-break:break-word" align="left" valign="bottom">
<a href="https://www.google.com/appserve/mkt/p/sfCqRhS_X9NrYQXQdMjLtsR-h-QxhvfeQlipQ…MSZJGINmdkAUPlFTx1sNP1fNOzrIQ_6BdpQD8ieIMDI83S3_8o9kePbRaJGtQFOk8ETQk1xNxV" title="https://www.google.com/appserve/mkt/p/sfCqRhS_X9NrYQXQdMjLtsR-h-QxhvfeQlipQ…MSZJGINmdkAUPlFTx1sNP1fNOzrIQ_6BdpQD8ieIMDI83S3_8o9kePbRaJGtQFOk8ETQk1xNxV" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:14px; font-weight:normal; line-height:1; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase; width:81%" align="center" width="81%">
Buy</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<!-- Cluster Item --><td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; hyphens:auto; line-height:24px; margin:0; padding:0 5px; text-align:left; vertical-align:top; width:190px; word-break:break-word" height="100%" align="left" valign="top" width="190">
<table style="background:#fff; border-collapse:collapse; border-radius:3px; border-spacing:0; height:100%; min-height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:#f5f5f5; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:middle; width:50%; word-break:break-word" align="left" valign="middle" width="50%">
<a href="https://www.google.com/appserve/mkt/p/oHAK9eKmrFGNkUQozxikBRP1y4TaQSkDY8XUC…i2Q4JwZ1VNAVkEwF8hi3kgeNaRW1TIqk9P_jmGGl2qTVr5A9cQiNwfrM3T0SOARWRRt8lbZg==" title="https://www.google.com/appserve/mkt/p/oHAK9eKmrFGNkUQozxikBRP1y4TaQSkDY8XUC…i2Q4JwZ1VNAVkEwF8hi3kgeNaRW1TIqk9P_jmGGl2qTVr5A9cQiNwfrM3T0SOARWRRt8lbZg==" style="color:#1ABDD4; text-decoration:none">
<img alt="Illinois" src="https://lh3.googleusercontent.com/Z1S6NcmAgaCC47U4fl-Tq1r_lRUDv9U9NGOUverSwkJsDQdoj-q2RBh_RfdRPSjPaVKfQVUx=w500" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:10px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<table style="border-collapse:collapse; border-spacing:0; height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<h3 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:5px 0 5px; text-align:left; width:auto; word-break:break-word" align="left" width="auto">
<a href="https://www.google.com/appserve/mkt/p/ppS-1gIlYMfLgyeVD5OKnNFrpirfN7p5imAw_…vDEIFLenFqBTvBhdUjX2hqCvpUFtLnHyVAzdYxLXRrVUhUwv93KSXKaBxU4USkOs0z0uQaZQ==" title="https://www.google.com/appserve/mkt/p/ppS-1gIlYMfLgyeVD5OKnNFrpirfN7p5imAw_…vDEIFLenFqBTvBhdUjX2hqCvpUFtLnHyVAzdYxLXRrVUhUwv93KSXKaBxU4USkOs0z0uQaZQ==" style="color:#333; text-decoration:none">Illinois</a>
</h3>
<p style="color:#8d8d8d; font-family:Roboto, sans-serif-light, sans-serif; font-size:13px; font-weight:300; line-height:16px; margin:0; padding:5px 0 5px; padding-bottom:10px; text-align:inherit" align="inherit">
Brett Eldredge
</p>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; padding-top:10px; text-align:left; vertical-align:bottom; word-break:break-word" align="left" valign="bottom">
<a href="https://www.google.com/appserve/mkt/p/Wq-bg8wtXPt4TKN3is_53PAhEgZkvRxYfN7xL…oNLXCE_RH6bwkUgA1mUpu-wf8srq5HRk63kpBTZo7G290VlqHsuMAd2yvxzRCQXzcS3maQSOOy" title="https://www.google.com/appserve/mkt/p/Wq-bg8wtXPt4TKN3is_53PAhEgZkvRxYfN7xL…oNLXCE_RH6bwkUgA1mUpu-wf8srq5HRk63kpBTZo7G290VlqHsuMAd2yvxzRCQXzcS3maQSOOy" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:14px; font-weight:normal; line-height:1; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase; width:81%" align="center" width="81%">
Buy</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<!-- Cluster Item --><td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; hyphens:auto; line-height:24px; margin:0; padding:0 5px; text-align:left; vertical-align:top; width:190px; word-break:break-word" height="100%" align="left" valign="top" width="190">
<table style="background:#fff; border-collapse:collapse; border-radius:3px; border-spacing:0; height:100%; min-height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:#f5f5f5; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:middle; width:50%; word-break:break-word" align="left" valign="middle" width="50%">
<a href="https://www.google.com/appserve/mkt/p/AiSUyy4ybefhQTROU3JEt5eeWnt6MB3Ij8plE…TVU76M_BCQWUneOBGDobhQtCx4lTV0_qcE7F_JdNj-8Tb6ujt1jt2nejXqEnz1F9Lenp29cg==" title="https://www.google.com/appserve/mkt/p/AiSUyy4ybefhQTROU3JEt5eeWnt6MB3Ij8plE…TVU76M_BCQWUneOBGDobhQtCx4lTV0_qcE7F_JdNj-8Tb6ujt1jt2nejXqEnz1F9Lenp29cg==" style="color:#1ABDD4; text-decoration:none">
<img alt="Platinum" src="https://lh6.googleusercontent.com/vCfbHsYIJAY46Xfb4NBwmLti1WvKtwIgsDn5RgxVmpIeWNH0vqLzcmCYfTa-_Qr_MvH8IMC2WA=w500" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:10px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<table style="border-collapse:collapse; border-spacing:0; height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<h3 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:5px 0 5px; text-align:left; width:auto; word-break:break-word" align="left" width="auto">
<a href="https://www.google.com/appserve/mkt/p/nNftpHKPSDvnCZpWbciHvxWtcXELwq_DduYmE…TWlK99PigJBcD9Bn4zxdPhgf1MU2acgbHyB3rR8eD4b4ptkojDzbx6TIx7KfMWN5RtvZAXfw==" title="https://www.google.com/appserve/mkt/p/nNftpHKPSDvnCZpWbciHvxWtcXELwq_DduYmE…TWlK99PigJBcD9Bn4zxdPhgf1MU2acgbHyB3rR8eD4b4ptkojDzbx6TIx7KfMWN5RtvZAXfw==" style="color:#333; text-decoration:none">Platinum</a>
</h3>
<p style="color:#8d8d8d; font-family:Roboto, sans-serif-light, sans-serif; font-size:13px; font-weight:300; line-height:16px; margin:0; padding:5px 0 5px; padding-bottom:10px; text-align:inherit" align="inherit">
Miranda Lambert
</p>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; padding-top:10px; text-align:left; vertical-align:bottom; word-break:break-word" align="left" valign="bottom">
<a href="https://www.google.com/appserve/mkt/p/uN0F5UdQxhGGBWbHAV4NbXOtXdCdo8PcBvfXs…hZCMkTJAWAw-eFtmRU_OmYdZUlkdFC3M_cMp7KZ7aG8IrhiEAh8gHezWG4uK2pk1EC6umyZBzO" title="https://www.google.com/appserve/mkt/p/uN0F5UdQxhGGBWbHAV4NbXOtXdCdo8PcBvfXs…hZCMkTJAWAw-eFtmRU_OmYdZUlkdFC3M_cMp7KZ7aG8IrhiEAh8gHezWG4uK2pk1EC6umyZBzO" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:14px; font-weight:normal; line-height:1; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase; width:81%" align="center" width="81%">
Buy</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Element: Footer -->
<table style="background:#fff; border-collapse:collapse; border-spacing:0; border-top:15px solid #fff; margin:0 auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 10px; text-align:center; vertical-align:top; word-break:break-word" align="center" valign="top">
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">© 2015 Google Inc. 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA</p>
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">This message was sent to <a href="mailto:careless@foundry376.com" title="mailto:careless@foundry376.com" target="_blank">careless@foundry376.com</a> because you asked us to keep you up to date with the latest news and offers from Google Play. If you do not wish to receive these emails, please <a href="https://www.google.com/appserve/mkt/optout/1drUTvkDwpclMwiR4pPjqEX3g2tEksB-2fJ9zMfp-oWM?hl=en_US" title="https://www.google.com/appserve/mkt/optout/1drUTvkDwpclMwiR4pPjqEX3g2tEksB-2fJ9zMfp-oWM?hl=en_US" style="color:#FD992E; text-decoration:underline">unsubscribe here</a>. You can also change your email preferences on Google Play by logging in at <a href="https://www.google.com/appserve/mkt/p/AxB-dqY5N8vKFEjajb5YTgw3oVy1twMcyGqgACzQ1vZBtozpjKO27T_OoxtmGF25" title="https://www.google.com/appserve/mkt/p/AxB-dqY5N8vKFEjajb5YTgw3oVy1twMcyGqgACzQ1vZBtozpjKO27T_OoxtmGF25" style="color:#FD992E; text-decoration:underline">https://play.google.com/settings</a>.</p>
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">Downloading free music, TV shows, and certain free books and magazines is still considered a transaction, even when the price of the item is $0.00. If you don&#39;t have a credit card associated with your Google Payments account or if you haven&#39;t set up a <a href="https://www.google.com/appserve/mkt/p/FQQJhahIGEeJ_mOZVxqDB78ei8gY948agLuTmOmy4dczruybryPE5ce3hw==" title="https://www.google.com/appserve/mkt/p/FQQJhahIGEeJ_mOZVxqDB78ei8gY948agLuTmOmy4dczruybryPE5ce3hw==" style="color:#FD992E; text-decoration:underline">Google Payments</a> account, you&#39;ll be prompted to add a new payment method upon downloading some types of content on Google Play. </p>
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">*Promotion valid while supplies last. Promotion is not transferable, cannot be sold or bartered, has no cash value, and is non-refundable. Promotion is void where prohibited by law. Requires Google Play account. Offer good for users 13+ in United States only. Compatible internet connected devices required. Google reserves the right to terminate or modify this promotion. © Google Inc.</p>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<img height="1" width="3" src="https://#"></body>
</html>

View file

@ -0,0 +1,251 @@
<!doctype html>
<html id="email" style="background:#fff">
<head>
<meta charset="utf-8">
<meta content="width=device-width" name="viewport">
<title>Google Play</title>
<style>@import url(<a href="https://fonts.googleapis.com/css?family=Roboto:300,400" title="https://fonts.googleapis.com/css?family=Roboto:300,400" target="_blank">fonts.googleapis.com/css?family=Roboto:300,400</a>);</style>
</head>
<body style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:24px; margin:0; min-width:100%; padding:0; text-align:left; width:100%" align="left" width="100%">
<table style="border-collapse:collapse; border-spacing:0; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:center; vertical-align:top; word-break:break-word" align="center" valign="top">
<center style="background:#e5e5e5; margin:0 auto; width:600px" width="600">
<!--
-->
<!---- Element: Header ----><!-- Logo -->
<!--
<table class="container logo vertical En">
<tbody>
<tr>
<td class="center">
<a href="https://www.google.com/appserve/mkt/p/fNOMGzHPj10D6yJ55kIL5WtTkJNBsiBffQQqY…xq08_OyAB_MJCHiYLWNYGwVSqo9Rr0CskMnPCQdvff-RpcSEuqLH6cYNE81spIIlD963du-w==" title="https://www.google.com/appserve/mkt/p/fNOMGzHPj10D6yJ55kIL5WtTkJNBsiBffQQqY…xq08_OyAB_MJCHiYLWNYGwVSqo9Rr0CskMnPCQdvff-RpcSEuqLH6cYNE81spIIlD963du-w==" >
<img alt="Google Play" src="#">
</a>
</td>
</tr>
</tbody>
</table>
-->
<!-- Subject -->
<table style="background:#e5e5e5; border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:url(#) #FF8D1C bottom left no-repeat; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:30px 0 5px; text-align:left; vertical-align:top; width:100%; word-break:break-word" align="left" valign="top" width="100%">
<h1 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:30px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:0 10px; text-align:center; width:auto; word-break:break-word" align="center" width="auto">
<a href="https://www.google.com/appserve/mkt/p/e6HiYpv26sL9mFqIIgWM6se-DPkp7HE9YRTkq…cP8KDJnXRS2O1q6MeeYBJE3jLx6F49EjFASGrGvIjOGhgkrODhhxfgPJdcp4meBCX9MI-NGQ==" title="https://www.google.com/appserve/mkt/p/e6HiYpv26sL9mFqIIgWM6se-DPkp7HE9YRTkq…cP8KDJnXRS2O1q6MeeYBJE3jLx6F49EjFASGrGvIjOGhgkrODhhxfgPJdcp4meBCX9MI-NGQ==" style="color:#fff; text-decoration:none">Album of the Week</a>
</h1>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:url(#) top left no-repeat; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:55px; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:center; vertical-align:top; width:100%; word-break:break-word" height="55" align="center" valign="top" width="100%">
<a href="https://www.google.com/appserve/mkt/p/PMAjz4TGGt1Tchz6z_tPE4evzfMiN2W0w348d…ZRF7Bh63Hn6LJIoOc_KCsQC__1_eaq7P4sJ8QR9UNPidl519mA_QLN0lzWl0gs9Mdk0BK6Evrd" title="https://www.google.com/appserve/mkt/p/PMAjz4TGGt1Tchz6z_tPE4evzfMiN2W0w348d…ZRF7Bh63Hn6LJIoOc_KCsQC__1_eaq7P4sJ8QR9UNPidl519mA_QLN0lzWl0gs9Mdk0BK6Evrd" style="color:#1ABDD4; display:block; height:50px; margin:0 auto; text-decoration:none; width:50px" height="50" width="50">
<img alt="Google Play Music" src="#" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
</tbody>
</table>
<!-- Element: Text --><table style="background:#e5e5e5; border-collapse:collapse; border-spacing:0; margin:0 auto 5px; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%"><tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 10px; text-align:left; vertical-align:middle; width:40%; word-break:break-word" align="left" valign="middle" width="40%">
<a href="https://www.google.com/appserve/mkt/p/GzRjOEZZFlCnx5uuzOpjtk0sppniyYqy7pEsc…URW_lr1MiKVdShxC6awps3uvbPgJUaRxqKV7PKFEL8O7JktbnOcmwiE6KZ4MI8ncDxhWehvTzZ" title="https://www.google.com/appserve/mkt/p/GzRjOEZZFlCnx5uuzOpjtk0sppniyYqy7pEsc…URW_lr1MiKVdShxC6awps3uvbPgJUaRxqKV7PKFEL8O7JktbnOcmwiE6KZ4MI8ncDxhWehvTzZ" style="color:#1ABDD4; text-decoration:none"><img src="#" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%"></a>
</td>
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 10px; text-align:left; vertical-align:middle; width:60%; word-break:break-word" align="left" valign="middle" width="60%">
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">Cowboy hat? Check. Crushin&#39; it? Check. Now all you need is Brad Paisley&#39;s latest album, Moonshine in the Trunk. Lucky for you, its free on Google Play for a limited time.*</p>
<a href="https://www.google.com/appserve/mkt/p/UO6vTvTLoG5BzPQTiW5l7xdTVD8KReLPIizUq…FelDRdpvg8zJHW0CgRmCCJD-5WgvbFz1XF7B3TOEEXTVCH-QDfhF0-jSMYtdjr0JLEeEezZ7Q=" title="https://www.google.com/appserve/mkt/p/UO6vTvTLoG5BzPQTiW5l7xdTVD8KReLPIizUq…FelDRdpvg8zJHW0CgRmCCJD-5WgvbFz1XF7B3TOEEXTVCH-QDfhF0-jSMYtdjr0JLEeEezZ7Q=" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:15px; font-weight:normal; line-height:1; margin:10px 0 15px; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase" align="center">Get It Free</a>
</td>
</tr></tbody>
</table>
<!-- Element: Text --><table style="background:#FD992E; border-collapse:collapse; border-spacing:0; margin:10px auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 20px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top"><h2 style="color:#fff; font-family:Roboto, sans-serif-light, sans-serif; font-size:24px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:20px 0; text-align:center; width:auto; word-break:break-word" align="center" width="auto"><a href="https://www.google.com/appserve/mkt/p/SVsU1sviGu_iJ0RZUhJKcMD-ZsNDwZpb32tD_…74KSLiQYsgzu_daLsgmPYVdnddyJYyfFA3s2K6jPVIs4c3I792KFrUzTSmpiSi4HWcoleE0LP1" title="https://www.google.com/appserve/mkt/p/SVsU1sviGu_iJ0RZUhJKcMD-ZsNDwZpb32tD_…74KSLiQYsgzu_daLsgmPYVdnddyJYyfFA3s2K6jPVIs4c3I792KFrUzTSmpiSi4HWcoleE0LP1" style="color:#fff; text-decoration:none">On sale: Country greats</a></h2></td>
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 20px; padding-left:0; text-align:right; vertical-align:middle; word-break:break-word" align="right" valign="middle"><a href="https://www.google.com/appserve/mkt/p/IcqipRC60sigr_KABSeXuJfYijqVCBV0uYixa…Sy7gdnud9ELh9vEN7R-E7Zxl4FHG6KW4E6jIK-2J1UmnBvWVYEm_C6KDblkSIvLgFxVotoT9g=" title="https://www.google.com/appserve/mkt/p/IcqipRC60sigr_KABSeXuJfYijqVCBV0uYixa…Sy7gdnud9ELh9vEN7R-E7Zxl4FHG6KW4E6jIK-2J1UmnBvWVYEm_C6KDblkSIvLgFxVotoT9g=" style="background:transparent; border:1px solid #fff; border-radius:3px; color:#fff; display:block; font-size:14px; font-weight:normal; line-height:1; margin:0; min-width:60px; padding:10px 20px; text-align:center; text-decoration:none; text-transform:uppercase; white-space:nowrap" align="center">SEE ALL</a></td>
</tr>
</tbody>
</table>
<!---- Element: Cluster ---->
<table style="background:#e5e5e5; border-collapse:collapse; border-spacing:0; margin:10px auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<!-- 3 Across -->
<table style="border-collapse:collapse; border-spacing:0; height:100%; margin-bottom:5px; max-width:600px; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<!-- Cluster Item --><td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; hyphens:auto; line-height:24px; margin:0; padding:0 5px; text-align:left; vertical-align:top; width:190px; word-break:break-word" height="100%" align="left" valign="top" width="190">
<table style="background:#fff; border-collapse:collapse; border-radius:3px; border-spacing:0; height:100%; min-height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:#f5f5f5; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:middle; width:50%; word-break:break-word" align="left" valign="middle" width="50%">
<a href="https://www.google.com/appserve/mkt/p/zgknewdZyNxLoFrq66voips4aGwP5MTvgRD61…ciGJAHqfLiXsPKvDNxV9vbtyMhdGPdDcVmOUSj3dEHETCpEYCNOpOXzyLzOamiOheDBJH6Ew==" title="https://www.google.com/appserve/mkt/p/zgknewdZyNxLoFrq66voips4aGwP5MTvgRD61…ciGJAHqfLiXsPKvDNxV9vbtyMhdGPdDcVmOUSj3dEHETCpEYCNOpOXzyLzOamiOheDBJH6Ew==" style="color:#1ABDD4; text-decoration:none">
<img alt="Pageant Material" src="#" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:10px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<table style="border-collapse:collapse; border-spacing:0; height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<h3 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:5px 0 5px; text-align:left; width:auto; word-break:break-word" align="left" width="auto">
<a href="https://www.google.com/appserve/mkt/p/0OQWP8RWdTE7gcgLuR3k7LoJ-TVYsraVxnd7K…9UANvNCxMvpkXbJERBDSiearz0RxCPOhKbKkBIrOGXzeeD7RSMuua4IXFjWnbhMtOMlT8QDg==" title="https://www.google.com/appserve/mkt/p/0OQWP8RWdTE7gcgLuR3k7LoJ-TVYsraVxnd7K…9UANvNCxMvpkXbJERBDSiearz0RxCPOhKbKkBIrOGXzeeD7RSMuua4IXFjWnbhMtOMlT8QDg==" style="color:#333; text-decoration:none">Pageant Material</a>
</h3>
<p style="color:#8d8d8d; font-family:Roboto, sans-serif-light, sans-serif; font-size:13px; font-weight:300; line-height:16px; margin:0; padding:5px 0 5px; padding-bottom:10px; text-align:inherit" align="inherit">
Kacey Musgraves
</p>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; padding-top:10px; text-align:left; vertical-align:bottom; word-break:break-word" align="left" valign="bottom">
<a href="https://www.google.com/appserve/mkt/p/sfCqRhS_X9NrYQXQdMjLtsR-h-QxhvfeQlipQ…MSZJGINmdkAUPlFTx1sNP1fNOzrIQ_6BdpQD8ieIMDI83S3_8o9kePbRaJGtQFOk8ETQk1xNxV" title="https://www.google.com/appserve/mkt/p/sfCqRhS_X9NrYQXQdMjLtsR-h-QxhvfeQlipQ…MSZJGINmdkAUPlFTx1sNP1fNOzrIQ_6BdpQD8ieIMDI83S3_8o9kePbRaJGtQFOk8ETQk1xNxV" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:14px; font-weight:normal; line-height:1; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase; width:81%" align="center" width="81%">
Buy</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<!-- Cluster Item --><td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; hyphens:auto; line-height:24px; margin:0; padding:0 5px; text-align:left; vertical-align:top; width:190px; word-break:break-word" height="100%" align="left" valign="top" width="190">
<table style="background:#fff; border-collapse:collapse; border-radius:3px; border-spacing:0; height:100%; min-height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:#f5f5f5; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:middle; width:50%; word-break:break-word" align="left" valign="middle" width="50%">
<a href="https://www.google.com/appserve/mkt/p/oHAK9eKmrFGNkUQozxikBRP1y4TaQSkDY8XUC…i2Q4JwZ1VNAVkEwF8hi3kgeNaRW1TIqk9P_jmGGl2qTVr5A9cQiNwfrM3T0SOARWRRt8lbZg==" title="https://www.google.com/appserve/mkt/p/oHAK9eKmrFGNkUQozxikBRP1y4TaQSkDY8XUC…i2Q4JwZ1VNAVkEwF8hi3kgeNaRW1TIqk9P_jmGGl2qTVr5A9cQiNwfrM3T0SOARWRRt8lbZg==" style="color:#1ABDD4; text-decoration:none">
<img alt="Illinois" src="#" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:10px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<table style="border-collapse:collapse; border-spacing:0; height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<h3 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:5px 0 5px; text-align:left; width:auto; word-break:break-word" align="left" width="auto">
<a href="https://www.google.com/appserve/mkt/p/ppS-1gIlYMfLgyeVD5OKnNFrpirfN7p5imAw_…vDEIFLenFqBTvBhdUjX2hqCvpUFtLnHyVAzdYxLXRrVUhUwv93KSXKaBxU4USkOs0z0uQaZQ==" title="https://www.google.com/appserve/mkt/p/ppS-1gIlYMfLgyeVD5OKnNFrpirfN7p5imAw_…vDEIFLenFqBTvBhdUjX2hqCvpUFtLnHyVAzdYxLXRrVUhUwv93KSXKaBxU4USkOs0z0uQaZQ==" style="color:#333; text-decoration:none">Illinois</a>
</h3>
<p style="color:#8d8d8d; font-family:Roboto, sans-serif-light, sans-serif; font-size:13px; font-weight:300; line-height:16px; margin:0; padding:5px 0 5px; padding-bottom:10px; text-align:inherit" align="inherit">
Brett Eldredge
</p>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; padding-top:10px; text-align:left; vertical-align:bottom; word-break:break-word" align="left" valign="bottom">
<a href="https://www.google.com/appserve/mkt/p/Wq-bg8wtXPt4TKN3is_53PAhEgZkvRxYfN7xL…oNLXCE_RH6bwkUgA1mUpu-wf8srq5HRk63kpBTZo7G290VlqHsuMAd2yvxzRCQXzcS3maQSOOy" title="https://www.google.com/appserve/mkt/p/Wq-bg8wtXPt4TKN3is_53PAhEgZkvRxYfN7xL…oNLXCE_RH6bwkUgA1mUpu-wf8srq5HRk63kpBTZo7G290VlqHsuMAd2yvxzRCQXzcS3maQSOOy" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:14px; font-weight:normal; line-height:1; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase; width:81%" align="center" width="81%">
Buy</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<!-- Cluster Item --><td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; height:100%; hyphens:auto; line-height:24px; margin:0; padding:0 5px; text-align:left; vertical-align:top; width:190px; word-break:break-word" height="100%" align="left" valign="top" width="190">
<table style="background:#fff; border-collapse:collapse; border-radius:3px; border-spacing:0; height:100%; min-height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; background:#f5f5f5; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:middle; width:50%; word-break:break-word" align="left" valign="middle" width="50%">
<a href="https://www.google.com/appserve/mkt/p/AiSUyy4ybefhQTROU3JEt5eeWnt6MB3Ij8plE…TVU76M_BCQWUneOBGDobhQtCx4lTV0_qcE7F_JdNj-8Tb6ujt1jt2nejXqEnz1F9Lenp29cg==" title="https://www.google.com/appserve/mkt/p/AiSUyy4ybefhQTROU3JEt5eeWnt6MB3Ij8plE…TVU76M_BCQWUneOBGDobhQtCx4lTV0_qcE7F_JdNj-8Tb6ujt1jt2nejXqEnz1F9Lenp29cg==" style="color:#1ABDD4; text-decoration:none">
<img alt="Platinum" src="#" style="-ms-interpolation-mode:bicubic; border:none; clear:both; display:block; max-width:100%; outline:none; text-decoration:none; width:100%" width="100%">
</a>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:10px; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<table style="border-collapse:collapse; border-spacing:0; height:100%; padding:0; text-align:left; vertical-align:top; width:100%" height="100%" align="left" valign="top" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; text-align:left; vertical-align:top; word-break:break-word" align="left" valign="top">
<h3 style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; line-height:1.3; margin:0; max-width:inherit; padding:5px 0 5px; text-align:left; width:auto; word-break:break-word" align="left" width="auto">
<a href="https://www.google.com/appserve/mkt/p/nNftpHKPSDvnCZpWbciHvxWtcXELwq_DduYmE…TWlK99PigJBcD9Bn4zxdPhgf1MU2acgbHyB3rR8eD4b4ptkojDzbx6TIx7KfMWN5RtvZAXfw==" title="https://www.google.com/appserve/mkt/p/nNftpHKPSDvnCZpWbciHvxWtcXELwq_DduYmE…TWlK99PigJBcD9Bn4zxdPhgf1MU2acgbHyB3rR8eD4b4ptkojDzbx6TIx7KfMWN5RtvZAXfw==" style="color:#333; text-decoration:none">Platinum</a>
</h3>
<p style="color:#8d8d8d; font-family:Roboto, sans-serif-light, sans-serif; font-size:13px; font-weight:300; line-height:16px; margin:0; padding:5px 0 5px; padding-bottom:10px; text-align:inherit" align="inherit">
Miranda Lambert
</p>
</td>
</tr>
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; display:table-cell; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0; padding-top:10px; text-align:left; vertical-align:bottom; word-break:break-word" align="left" valign="bottom">
<a href="https://www.google.com/appserve/mkt/p/uN0F5UdQxhGGBWbHAV4NbXOtXdCdo8PcBvfXs…hZCMkTJAWAw-eFtmRU_OmYdZUlkdFC3M_cMp7KZ7aG8IrhiEAh8gHezWG4uK2pk1EC6umyZBzO" title="https://www.google.com/appserve/mkt/p/uN0F5UdQxhGGBWbHAV4NbXOtXdCdo8PcBvfXs…hZCMkTJAWAw-eFtmRU_OmYdZUlkdFC3M_cMp7KZ7aG8IrhiEAh8gHezWG4uK2pk1EC6umyZBzO" style="background:#FD992E; border:none; border-radius:3px; color:#fff; display:inline-block; font-size:14px; font-weight:normal; line-height:1; min-width:60px; padding:8px 16px; text-align:center; text-decoration:none; text-transform:uppercase; width:81%" align="center" width="81%">
Buy</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Element: Footer -->
<table style="background:#fff; border-collapse:collapse; border-spacing:0; border-top:15px solid #fff; margin:0 auto; padding:0; text-align:inherit; vertical-align:top; width:600px" align="inherit" valign="top" width="600">
<tbody style="width:100%" width="100%">
<tr style="padding:0; text-align:left; vertical-align:top" align="left" valign="top">
<td style="-moz-hyphens:auto; -webkit-hyphens:auto; border-collapse:collapse; color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:16px; font-weight:300; hyphens:auto; line-height:24px; margin:0; padding:0 10px; text-align:center; vertical-align:top; word-break:break-word" align="center" valign="top">
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">© 2015 Google Inc. 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA</p>
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">This message was sent to <a href="mailto:careless@foundry376.com" title="mailto:careless@foundry376.com" target="_blank">careless@foundry376.com</a> because you asked us to keep you up to date with the latest news and offers from Google Play. If you do not wish to receive these emails, please <a href="https://www.google.com/appserve/mkt/optout/1drUTvkDwpclMwiR4pPjqEX3g2tEksB-2fJ9zMfp-oWM?hl=en_US" title="https://www.google.com/appserve/mkt/optout/1drUTvkDwpclMwiR4pPjqEX3g2tEksB-2fJ9zMfp-oWM?hl=en_US" style="color:#FD992E; text-decoration:underline">unsubscribe here</a>. You can also change your email preferences on Google Play by logging in at <a href="https://www.google.com/appserve/mkt/p/AxB-dqY5N8vKFEjajb5YTgw3oVy1twMcyGqgACzQ1vZBtozpjKO27T_OoxtmGF25" title="https://www.google.com/appserve/mkt/p/AxB-dqY5N8vKFEjajb5YTgw3oVy1twMcyGqgACzQ1vZBtozpjKO27T_OoxtmGF25" style="color:#FD992E; text-decoration:underline">https://play.google.com/settings</a>.</p>
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">Downloading free music, TV shows, and certain free books and magazines is still considered a transaction, even when the price of the item is $0.00. If you don&#39;t have a credit card associated with your Google Payments account or if you haven&#39;t set up a <a href="https://www.google.com/appserve/mkt/p/FQQJhahIGEeJ_mOZVxqDB78ei8gY948agLuTmOmy4dczruybryPE5ce3hw==" title="https://www.google.com/appserve/mkt/p/FQQJhahIGEeJ_mOZVxqDB78ei8gY948agLuTmOmy4dczruybryPE5ce3hw==" style="color:#FD992E; text-decoration:underline">Google Payments</a> account, you&#39;ll be prompted to add a new payment method upon downloading some types of content on Google Play. </p>
<p style="color:#606060; font-family:Roboto, sans-serif-light, sans-serif; font-size:10px; font-weight:300; line-height:16px; margin:0; padding:0; padding-bottom:10px; text-align:inherit" align="inherit">*Promotion valid while supplies last. Promotion is not transferable, cannot be sold or bartered, has no cash value, and is non-refundable. Promotion is void where prohibited by law. Requires Google Play account. Offer good for users 13+ in United States only. Compatible internet connected devices required. Google reserves the right to terminate or modify this promotion. © Google Inc.</p>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<img height="1" width="3" src="#"></body>
</html>

View file

@ -44,6 +44,7 @@ class MessageItemBody extends React.Component
_renderBody: =>
return null unless @state.processedBody?
console.log(@state.processedBody)
<EmailFrame showQuotedText={@state.showQuotedText} content={@state.processedBody}/>
_renderQuotedTextControl: =>