<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple Transactional Email</title>
<style>
/* -------------------------------------
GLOBAL RESETS
------------------------------------- */
/*All the styling goes here*/
img {
border: none;
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
body {
background-color: #f6f6f6;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%; }
table td {
font-size: 14px;
vertical-align: top;
}
/* -------------------------------------
BODY & CONTAINER
------------------------------------- */
.body {
background-color: #f6f6f6;
width: 100%;
}
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display: block;
margin: 0 auto !important;
/* makes it centered */
max-width: 580px;
padding: 10px;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
box-sizing: border-box;
display: block;
margin: 0 auto;
max-width: 100%;
padding: 10px;
}
.text-center {
text-align: center;
}
/* -------------------------------------
HEADER, FOOTER, MAIN
------------------------------------- */
.main {
background: #ffffff;
border-radius: 3px;
width: 100%;
}
.wrapper {
box-sizing: border-box;
padding: 20px;
}
.content-block {
padding-bottom: 10px;
padding-top: 10px;
}
.footer {
clear: both;
margin-top: 10px;
text-align: center;
width: 100%;
}
.footer td,
.footer p,
.footer span,
.footer a {
color: #999999;
font-size: 12px;
text-align: center;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1,
h2,
h3,
h4 {
color: #000000;
font-weight: 400;
line-height: 1.4;
margin: 0;
margin-bottom: 20px;
font-size: 26px;
}
h1 {
font-size: 35px;
font-weight: 300;
text-align: center;
text-transform: capitalize;
}
p,
ul,
li,
ol {
font-size: 14px;
font-weight: normal;
margin: 0;
margin-bottom: 15px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
p li,
ul li,
ol li {
list-style-position: inside;
margin-left: 5px;
}
a {
color: #3498db;
text-decoration: underline;
}
/* -------------------------------------
OTHER STYLES THAT MIGHT BE USEFUL
------------------------------------- */
.last {
margin-bottom: 0;
}
.first {
margin-top: 0;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.clear {
clear: both;
}
.mt0 {
margin-top: 0;
}
.mb0 {
margin-bottom: 0;
}
.preheader {
color: transparent;
display: none;
height: 0;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
mso-hide: all;
visibility: hidden;
width: 0;
}
.powered-by a {
text-decoration: none;
}
hr {
border: 0;
border-bottom: 1px solid #f6f6f6;
margin: 20px 0;
}
/* -------------------------------------
RESPONSIVE AND MOBILE FRIENDLY STYLES
------------------------------------- */
@media only screen and (max-width: 620px) {
table[class=body] h1 {
font-size: 28px !important;
margin-bottom: 10px !important;
}
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 16px !important;
}
table[class=body] .wrapper,
table[class=body] .article {
padding: 10px !important;
}
table[class=body] .content {
padding: 0 !important;
}
table[class=body] .container {
padding: 0 !important;
width: 100% !important;
}
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
}
table[class=body] .btn table {
width: 100% !important;
}
table[class=body] .btn a {
width: 100% !important;
}
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important;
}
p,
ul,
li,
ol {
font-size: 16px !important;
}
}
/* -------------------------------------
PRESERVE THESE STYLES IN THE HEAD
------------------------------------- */
@media all {
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
.btn-primary table td:hover {
background-color: #34495e !important;
}
.btn-primary a:hover {
background-color: #34495e !important;
border-color: #34495e !important;
}
}
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<style type="text/css">
.title {
font-family: 'Open Sans', Verdana, sans-serif !important;
font-size: 18px !important;
color: #000000 !important;
padding-bottom: 10px;
}
p {
font-family: 'Open Sans', Verdana, sans-serif !important;
font-size: 14px !important;
color: #333333 !important;
}
li {
font-family: 'Open Sans', Verdana, sans-serif !important;
font-size: 14px !important;
color: #333333 !important;
}
.emailBackground {
background-color: #FFFFFF !important;
}
.emailContent {
background-color: #EEEEEE !important;
}
.emailFooterStyles, .emailFooter a, .emailFooter td, .emailFooter span, .emailFooter p {
font-family: 'Open Sans', Verdana, sans-serif !important;
font-size: 12px !important;
color: #999999 !important;
}
</style>
</head>
<body class="emailBackground">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body emailBackground">
<tr>
<td> </td>
<td class="container">
<div class="content emailBackground">
<!-- START CENTERED WHITE CONTAINER -->
<table role="presentation" class="main emailContent">
<!-- START MAIN CONTENT AREA -->
<tr>
<td class="wrapper">
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body><p>Hey, thanks for subscribing to Platformer!</p><p>Free subscribers receive one full edition each week. Paid subscribers receive three, arriving Monday, Tuesday, and Thursday. All updates will arrive straight to your inbox around 5PM PT. If you’re curious about what to expect, <a href="https://email.notify.outpost.pub/c/eJwUybmWsjoAAOCn0e5yEpZACguXIYgLMyIoNhxMgkYIYFj16e_5648tsOlwaM35AtqWZdmGAe35c2EzTk0nB9jUUZ5n0Mk51zMEbQa5Y4JsLhbMApZFdUN3kEEZtCkGNL9jzBjEOdLZzARNmXV5rSRXWsXHdl4unl3XtDNjOdPdme5ymYlSkw-otf297TJaaLSWM92l_9CfYEG7fvws_053R9pkPx1ej73bS4FStJoux21EPiPfnI6DbZoFa2L_kkzmA125c3-vGx55qHE9fVvHxsYDxWcKLiNstkKPg4Z6U1vDpSqC89Ndk5-zK47kLF1fnf_q8lhWD_finTLSyTBOhiQdaCXDZanH8iai6vV-tXnIA4oK4I3gSZ5jMdHBx5A-iLAlMNRaef0erdzrZWCfmrBNGuIqHfBvGwIyjiXOrTZ6D94LxNcq3e7-i0TDrt_QBMI0LXEv0DX4STJW7k_GZhm7hyzC65BTWozkWG6UuGXJmiA_gcnBvgWuMizb9AQuiOdF6oI3Oax2u2FY7ZlQjmt_ljmK3160V9927aPdWXr8YP8lSAbkfQDrc3ely2OcZmfH_z75tvjthLH7qG3hH6qtjldBMoSbPvztb2EMOEzpjTg7zvPH6tBb1nuuFp0oucZEJuuKaYYzM4FqW60Q1Zd3nSbq-bDQ_w8AAP__hiHNAQ" target="_blank">this guide outlines my journalistic interests</a>, how I see the world, and all the ways you can get in touch with me. I also invite you to read my <a href="https://email.notify.outpost.pub/c/eJwUyU23ckAAAOBfU7uc-TA-Fi3kRurKTSJtHMzIlJCZqH79e971Q5emajBI5mwJdUKIjjHU5_WSFFCrEFIRqsoCYF3Dpp4DpMMSw9wo0JwvKQGElAgjQ8MlhXppgrIqTJNSaFYaojMV9E0uq254sEFp2STmzbKWshczbM2QM0MOe-S8UR5XqIhXIWRe3pWye8yQU_7H7RveT87rbVt-eDK-up3a0ycEU76LURuPa895b5_Xbbi2tPaiLS6_Q_esPbHeZ4tMmN0OwmjshRlx1_V7P2tMEH9dd_BOCerj3w2TmSd-4WHT-fhw5T07Z_V3JRaWpQV1tA0eCYdp5AhkgiNY6U2N36rbdsidCCu5Y_6ox_UV5GMfrPLjDa06YwQaCvHmU_PSCMBQRwNI1_LyJHD3qUjl7TB9aDh5V1FK7RjutZEeSPp9LfoF1f96727dbX8fXZ2OZk6SF6s8GOzXT-j7pWclh-nu8E4GtLMjYfnn8fRbb6uCZrz9iTNh7grCwnM5PcM0e93S5LNIdXCqVsFpikgYGLH9hHZubrKOcS_kf9ZG-GZEjtJV6wINjNM4O0XZdIvZrtnLJHP5sD6jsSk-AOE_eFzcrqDsjfzVd1Kckx1LYv_pZ7JSV8cLouw6H5aSN0yhPH90LVWwMVPBIIRy5-2XSanwbj4u0b8AAAD__9Way0E" target="_blank">ethics policy</a>. If you'd like to join us on Sidechannel, a Discord channel where we discuss tech, policy, and breaking news, you can do so using <a href="https://email.notify.outpost.pub/c/eJwEwLFuwyAQANCvgRHBAcYMDB3KB3TsZu6OGMWxI0C11K_PoxTdysZLTiZ474O1Jsg9beiY_FoLaV2wLGGLlkMsUNmRhiJbIq-9R7CwLhbJBIwaa4mRyMS6AAmn38c269Vf3NXJ95BH2ud8D2G_BGQBmdrAq5N6PATkvP_ez5-M3yx7mu1gRW17XScpuwqn-xjq2c5_nlO1S_4l-AQAAP__J2E51g">this link</a>. </p><p>My hope is that you find that this newsletter saves you time and makes you smarter. If you find that it's not doing either for you, it won't hurt my feelings if you unsubscribe. </p><p>I'm always eager to hear your feedback — please email me at casey@platformer.news, or simply reply to any issue.</p><p>Just as an FYI, monthly subscriptions auto-renew, so we'll bill your card/payment method monthly. If you are on an annual subscription, that will auto-renew in a year, and we'll let you know ahead of time. If you need to stop your current subscription for any reason, you can do that by going to https://www.platformer.news#/portal/account or simply logging into the site with your email and clicking the account links in the top bar or in the small account bubble in the bottom right corner.</p><p>To download your invoices, <a href="https://email.notify.outpost.pub/c/eJwEwL2SLBEUAOCnIVQcNAJBJ7Kb3txfz5xaTRdqpmqffr_inbJVaFq9MFprI6Uw9O1TvuKRbTIxQZSgnJHGZuVEqpYXYSj6ornWGSTYQ-YiTHY8X8m5UoS7DihE8afFfY1518l6_S7a_HvvZxF5EggEQsLWsL_Y2hOfyvK4CYSHQGjjhZ1AsN9_5iPtinr9h7jcedLpN7bKCsZ79MKkJYrPtdgP9t-6N8NBPx7-AgAA__97tkIo">visit Stripe</a>. </p><p>Yours,</p><p>Casey</p><img width="1" height="1" alt="" src="https://email.notify.outpost.pub/o/eJwEwEsOAiEMANDTDEtCgVK64DBISyTOxzBEE0_vk8IxK6DRAoSIFAKQeRZGTOQRpGnvLLGK11xBGxIGSs6MIugQmw8-p9AEqLFr_cEsAtyTly26915Xv-ah0576vc0sa-xqZdTjOsWGvEU379u-xvnTtey4zKf4fwAAAP__29wsFg"></body></html>
</td>
</tr>
</table>
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
</table>
<!-- END CENTERED WHITE CONTAINER -->
<!-- START FOOTER -->
<div class="footer emailFooter">
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="content-block">
<span class="apple-link">
Sent on behalf of Platformer by Outpost Publishers Cooperative<br />
1267 Willis St., Suite 200, Redding, CA 96001
</span>
<br> Don't like these emails? <a href="https://email.notify.outpost.pub/c/eJxMzDFuxSAMANDTwIjAhgADQ5fcA4PRR81PogCt1NNX6tT96dUUbWDjJCfjnXMe0Xj5SgEggm-stbbNNg-RIXAuaJG2sIHsqTrtXAGEsGGpxpeoS6MYazWxbVCF1feRZ7ueNz_q5O8hj_Sa8x4CPwTsAvZc3_1U15r3Naa6FwnY70VHLwL2dY5FozydWMC-hYxMITRCzqS1NhScMfQX4T8rnzT7war2_L7OqjAIq58x1Gc_f3hO1S_5leA3AAD__zQlTJU">Unsubscribe</a>.
</td>
</tr>
<tr>
<td class="content-block powered-by">
Powered by <a href="https://email.notify.outpost.pub/c/eJwEwDFuxSAMANDTwIiCHTAMDF3-PRJs9FHzQxScVurp-7jkNYkPVoqnEAIherLvwtLinmOltibavQcElC1FQt9ipGx74bCEUAEhRazsqealtj1nZp9bBDbrch2btnF_5Han_E57lLfqNQ1-GXgZeI1HrzHVXc9u76L9EMd9-4yTHSazLvec7ruff6Lq-rA_Bf4DAAD__wOyNSY">Outpost</a>.
</td>
</tr>
</table>
</div>
<!-- END FOOTER -->
</div>
</td>
<td> </td>
</tr>
</table>
</body>
</html>