2022-11-29 13:27:17 +03:00
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml><![endif]-->
<title> {{ post .title }} </title>
{{ > styles }}
</head>
<body>
<span class="preheader"> {{ preheader }} </span>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" width="100%">
<!-- Outlook doesn't respect max-width so we need an extra centered table -->
<!--[if mso]>
<tr>
<td>
<center>
2023-04-03 20:32:08 +03:00
<table border="0" cellpadding="0" cellspacing="0" width="640">
2022-11-29 13:27:17 +03:00
<![endif]-->
<tr>
<td> </td>
<td class="container">
<div class="content">
<!-- START CENTERED WHITE CONTAINER -->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="main" width="100%">
<!-- START MAIN CONTENT AREA -->
<tr>
<td class="wrapper">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
{{ # if headerImage }}
2023-03-14 13:29:43 +03:00
<tr class="header-image-row">
2022-11-29 13:27:17 +03:00
<td class="header-image" width="100%" align="center">
2022-12-12 14:36:58 +03:00
<img
src=" {{ headerImage }} "
{{ # if headerImageWidth }}
2022-11-29 13:27:17 +03:00
width=" {{ headerImageWidth }} "
{{ / if }}
>
</td>
</tr>
{{ / if }}
{{ # if ( or showHeaderIcon showHeaderTitle showHeaderName ) }}
<tr>
2023-03-14 13:29:43 +03:00
<td class=" {{ # if ( and newsletter .showPostTitleSection showHeaderTitle ) }} site-info-bordered {{ else }} site-info {{ / if }} " width="100%" align="center">
2022-11-29 13:27:17 +03:00
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
{{ # if ( and showHeaderIcon site .iconUrl ) }}
<tr>
<td class="site-icon"><a href=" {{ site .url }} "><img src=" {{ site .iconUrl }} " alt=" {{ site .title }} " border="0"></a></td>
</tr>
{{ / if }}
{{ # if showHeaderTitle }}
<tr>
<td class="site-url {{ # unless showHeaderName }} site-url-bottom-padding {{ / unless }} "><div style="width: 100% !important;"><a href=" {{ site .url }} " class="site-title"> {{ site .title }} </a></div></td>
</tr>
{{ / if }}
{{ # if ( and showHeaderName showHeaderTitle ) }}
<tr>
<td class="site-url site-url-bottom-padding"><div style="width: 100% !important;"><a href=" {{ site .url }} " class="site-subtitle"> {{ newsletter .name }} </a></div></td>
</tr>
{{ / if }}
{{ # if ( and showHeaderName ( not showHeaderTitle ) ) }}
<tr>
<td class="site-url site-url-bottom-padding"><div style="width: 100% !important;"><a href=" {{ site .url }} " class="site-title"> {{ newsletter .name }} </a></div></td>
</tr>
{{ / if }}
</table>
</td>
</tr>
{{ / if }}
2023-03-14 13:29:43 +03:00
{{ # if newsletter .showPostTitleSection }}
<tr>
<td class=" {{ classes .title }} ">
<a href=" {{ post .url }} " class=" {{ classes .titleLink }} "> {{ post .title }} </a>
</td>
</tr>
<tr>
2023-03-24 16:54:16 +03:00
<td style="width: 100%">
2023-03-17 12:05:59 +03:00
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-bottom: 48px;">
<tr>
2023-03-24 16:54:16 +03:00
<td height="20" class=" {{ classes .meta }} " style="padding: 0;">
2023-03-17 12:05:59 +03:00
By {{ post .authors }} • <span class="post-meta-date"> {{ post .publishedAt }} </span>
2023-03-20 16:30:42 +03:00
{{ # if newsletter .showCommentCta }}
2023-03-17 12:05:59 +03:00
<a href=" {{ post .commentUrl }} " class="comment-link" valign="middle">
2023-04-03 20:32:08 +03:00
{{ # if backgroundIsDark }}
• <img src="https://static.ghost.org/v5.0.0/images/comment-icon-darkmode.png" border="0" width="16" height="16" alt="Comment">
{{ else }}
• <img src="https://static.ghost.org/v5.0.0/images/comment-icon.png" border="0" width="16" height="16" alt="Comment">
{{ / if }}
2023-03-17 12:05:59 +03:00
</a>
{{ / if }}
</td>
2023-03-24 16:54:16 +03:00
<td class=" {{ classes .meta }} view-online desktop">
<a href=" {{ post .url }} " class="view-online-link">View in browser</a>
</td>
</tr>
<tr class=" {{ classes .meta }} view-online-mobile">
<td height="20" class="view-online">
2023-03-17 12:05:59 +03:00
<a href=" {{ post .url }} " class="view-online-link">View in browser</a>
</td>
</tr>
</table>
2023-03-14 13:29:43 +03:00
</td>
</tr>
{{ / if }}
2022-11-29 13:27:17 +03:00
{{ # if showFeatureImage }}
2023-03-15 14:27:03 +03:00
<tr class="feature-image-row">
2022-11-29 13:27:17 +03:00
<td class="feature-image
2022-12-12 14:36:58 +03:00
{{ # if post .feature_image_caption }}
2022-11-29 13:27:17 +03:00
feature-image-with-caption
{{ / if }}
2022-12-12 14:36:58 +03:00
"><img
2022-11-29 13:27:17 +03:00
src=" {{ post .feature_image }} "
{{ # if post .feature_image_width }}
width=" {{ post .feature_image_width }} "
{{ / if }}
{{ # if post .feature_image_alt }}
alt=" {{ post .feature_image_alt }} "
{{ / if }}
></td>
</tr>
{{ # if post .feature_image_caption }}
<tr>
2023-01-30 16:39:08 +03:00
<td class="feature-image-caption" align="center"> {{{ post .feature_image_caption }}} </td>
2022-11-29 13:27:17 +03:00
</tr>
{{ / if }}
{{ / if }}
2023-03-14 13:29:43 +03:00
<tr class="post-content-row">
2023-03-23 21:39:58 +03:00
<td class=" {{ classes .body }} ">
2022-11-29 13:27:17 +03:00
<!-- POST CONTENT START -->
{{{ html }}}
<!-- POST CONTENT END -->
{{ # if paywall }}
{{ > paywall }}
{{ / if }}
</td>
</tr>
</table>
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
2023-03-14 19:11:24 +03:00
{{ # if ( or feedbackButtons newsletter .showCommentCta ) }}
2022-11-29 13:27:17 +03:00
<tr>
2023-03-30 16:33:46 +03:00
<td dir="ltr" width="100%" style="background-color: {{ backgroundColor }} ; text-align: center; padding: 32px 0 24px; border-bottom: 1px solid #e5eff5; border-bottom: 1px solid {{ secondaryBorderColor }} ;" align="center">
2023-04-03 20:32:08 +03:00
{{ # if backgroundIsDark }}
<table class="feedback-buttons" role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
{{ # if feedbackButtons }}
{{ > feedbackButton feedbackButtons href = feedbackButtons .likeHref buttonText = 'More like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-more-darkmode.png" width = "145" height = "36" }}
{{ > feedbackButton feedbackButtons href = feedbackButtons .dislikeHref buttonText = 'Less like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-less-darkmode.png" width = "142" height = "36" }}
{{ / if }}
{{ # if newsletter .showCommentCta }}
{{ > feedbackButton href = post .commentUrl buttonText = 'Comment' iconUrl = "https://static.ghost.org/v5.0.0/images/comment-cta-darkmode.png" width = "122" height = "36" }}
{{ / if }}
</tr>
</table>
<table class="feedback-buttons-mobile" role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
{{ # if feedbackButtons }}
{{ > feedbackButtonMobile feedbackButtons href = feedbackButtons .likeHref buttonText = 'More like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-more-mobile-darkmode.png" width = "42" height = "42" }}
{{ > feedbackButtonMobile feedbackButtons href = feedbackButtons .dislikeHref buttonText = 'Less like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-less-mobile-darkmode.png" width = "42" height = "42" }}
{{ / if }}
{{ # if newsletter .showCommentCta }}
{{ > feedbackButtonMobile href = post .commentUrl buttonText = 'Comment' iconUrl = "https://static.ghost.org/v5.0.0/images/comment-cta-mobile-darkmode.png" width = "42" height = "42" }}
{{ / if }}
</tr>
</table>
{{ else }}
<table class="feedback-buttons" role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
{{ # if feedbackButtons }}
{{ > feedbackButton feedbackButtons href = feedbackButtons .likeHref buttonText = 'More like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-more.png" width = "145" height = "36" }}
{{ > feedbackButton feedbackButtons href = feedbackButtons .dislikeHref buttonText = 'Less like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-less.png" width = "142" height = "36" }}
{{ / if }}
{{ # if newsletter .showCommentCta }}
{{ > feedbackButton href = post .commentUrl buttonText = 'Comment' iconUrl = "https://static.ghost.org/v5.0.0/images/comment-cta.png" width = "122" height = "36" }}
{{ / if }}
</tr>
</table>
<table class="feedback-buttons-mobile" role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
{{ # if feedbackButtons }}
{{ > feedbackButtonMobile feedbackButtons href = feedbackButtons .likeHref buttonText = 'More like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-more-mobile.png" width = "42" height = "42" }}
{{ > feedbackButtonMobile feedbackButtons href = feedbackButtons .dislikeHref buttonText = 'Less like this' iconUrl = "https://static.ghost.org/v5.0.0/images/feedback-less-mobile.png" width = "42" height = "42" }}
{{ / if }}
{{ # if newsletter .showCommentCta }}
{{ > feedbackButtonMobile href = post .commentUrl buttonText = 'Comment' iconUrl = "https://static.ghost.org/v5.0.0/images/comment-cta-mobile.png" width = "42" height = "42" }}
{{ / if }}
</tr>
</table>
{{ / if }}
2022-11-29 13:27:17 +03:00
</td>
</tr>
{{ / if }}
2023-03-20 16:30:42 +03:00
{{ # if latestPosts .length }}
<tr>
2023-03-30 16:33:46 +03:00
<td style="padding: 24px 0; border-bottom: 1px solid #e5eff5; border-bottom: 1px solid {{ secondaryBorderColor }} ;">
2023-03-23 21:39:58 +03:00
<h3 class="latest-posts-header">Keep reading</h3>
2023-03-20 16:30:42 +03:00
{{ > latestPosts }}
</td>
</tr>
{{ / if }}
2023-03-15 19:08:57 +03:00
{{ # if newsletter .showSubscriptionDetails }}
<tr>
2023-03-21 13:39:13 +03:00
<td class="subscription-box">
2023-03-15 19:08:57 +03:00
<h3>Subscription details</h3>
2023-03-21 13:39:13 +03:00
<p style="margin-bottom: 16px;">
2023-03-24 10:51:20 +03:00
<span>You are receiving this because you are a <strong>%% { status}%% subscriber</strong> to {{ site .title }} .</span> %% { status_text}%%
2023-03-21 13:39:13 +03:00
</p>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="subscription-details">
2023-03-22 17:15:34 +03:00
<p class="%% { name_class}%%">Name: %% { name, "not provided"}%%</p>
2023-03-24 12:23:51 +03:00
<p>Email: <a href="#">%% { email}%%</a></p>
2023-03-21 13:39:13 +03:00
<p>Member since: %% { created_at}%%</p>
</td>
<td align="right" valign="bottom" class="manage-subscription">
2023-03-22 13:52:41 +03:00
<a href="%% { manage_account_url}%%"> Manage subscription →</a>
2023-03-21 13:39:13 +03:00
</td>
</tr>
</table>
2023-03-15 19:08:57 +03:00
</td>
</tr>
{{ / if }}
2022-11-29 13:27:17 +03:00
<tr>
<td class="wrapper" align="center">
2023-03-21 13:39:13 +03:00
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-top: 40px; padding-bottom: 30px;">
2022-11-29 13:27:17 +03:00
{{ # if footerContent }}
<tr><td class="footer"> {{{ footerContent }}} </td></tr>
{{ / if }}
<tr>
<td class="footer"> {{ site .title }} © {{ year }} – <a href="%% { unsubscribe_url}%%">Unsubscribe</a></td>
</tr>
{{ # if showBadge }}
<tr>
<td class="footer-powered"><a href="https://ghost.org/"><img src="https://static.ghost.org/v4.0.0/images/powered.png" border="0" width="142" height="30" class="gh-powered" alt="Powered by Ghost"></a></td>
</tr>
{{ / if }}
</table>
</td>
</tr>
</table>
<!-- END CENTERED WHITE CONTAINER -->
</div>
</td>
<td> </td>
</tr>
<!--[if mso]>
</table>
</center>
</td>
</tr>
<![endif]-->
</table>
</body>
</html>