ghost 5.22.11 → 5.24.0

package/core/built/admin/index.html

@@ -8,7 +8,7 @@
     <title>Ghost Admin</title>
 
     
-<meta name="ghost-admin/config/environment" content="%7B%22modulePrefix%22%3A%22ghost-admin%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%22%2C%22locationType%22%3A%22trailing-hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%2C%22EXTEND_PROTOTYPES%22%3A%7B%22Date%22%3Afalse%2C%22Array%22%3Atrue%2C%22String%22%3Atrue%2C%22Function%22%3Afalse%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_JQUERY_INTEGRATION%22%3Atrue%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22version%22%3A%225.22%22%2C%22name%22%3A%22ghost-admin%22%7D%2C%22ember-simple-auth%22%3A%7B%7D%2C%22%40sentry%2Fember%22%3A%7B%22disablePerformance%22%3Atrue%2C%22sentry%22%3A%7B%7D%7D%2C%22ember-cli-mirage%22%3A%7B%22usingProxy%22%3Afalse%2C%22useDefaultPassthroughs%22%3Atrue%7D%2C%22exportApplicationGlobal%22%3Afalse%2C%22ember-load%22%3A%7B%22loadingIndicatorClass%22%3A%22ember-load-indicator%22%7D%7D" />
+<meta name="ghost-admin/config/environment" content="%7B%22modulePrefix%22%3A%22ghost-admin%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%22%2C%22locationType%22%3A%22trailing-hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%2C%22EXTEND_PROTOTYPES%22%3A%7B%22Date%22%3Afalse%2C%22Array%22%3Atrue%2C%22String%22%3Atrue%2C%22Function%22%3Afalse%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_JQUERY_INTEGRATION%22%3Atrue%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22version%22%3A%225.24%22%2C%22name%22%3A%22ghost-admin%22%7D%2C%22ember-simple-auth%22%3A%7B%7D%2C%22%40sentry%2Fember%22%3A%7B%22disablePerformance%22%3Atrue%2C%22sentry%22%3A%7B%7D%7D%2C%22ember-cli-mirage%22%3A%7B%22usingProxy%22%3Afalse%2C%22useDefaultPassthroughs%22%3Atrue%7D%2C%22exportApplicationGlobal%22%3Afalse%2C%22ember-load%22%3A%7B%22loadingIndicatorClass%22%3A%22ember-load-indicator%22%7D%7D" />
 
     <meta name="HandheldFriendly" content="True" />
     <meta name="MobileOptimized" content="320" />
@@ -37,7 +37,7 @@
     </style>
 
     <link integrity="" rel="stylesheet" href="assets/vendor-3e6947aa681f0fb82b193090e520dc73.css">
-    <link integrity="" rel="stylesheet" href="assets/ghost-03c7a25d23ad4d0725da171f8d7c7b2a.css" title="light">
+    <link integrity="" rel="stylesheet" href="assets/ghost-f428683b68c0eea9042acc7c021641e0.css" title="light">
 
     
 </head>
@@ -56,9 +56,9 @@
 
     <div id="ember-basic-dropdown-wormhole"></div>
 
-    <script src="assets/vendor-dc9f883b3468ff84794cf13741e6c4b4.js"></script>
-<script src="assets/chunk.613.695f31829550fb00d43c.js"></script>
-<script src="assets/chunk.143.8f4f86908026af3b9484.js"></script>
-    <script src="assets/ghost-b204dcc6ad523053868da9b2d8d65f80.js"></script>
+    <script src="assets/vendor-04415b2b8a59aa9567dfa5d819ada71c.js"></script>
+<script src="assets/chunk.613.6bbcc18224567657fc2e.js"></script>
+<script src="assets/chunk.143.dd395a3e804fef2c3b21.js"></script>
+    <script src="assets/ghost-34bc21923675def87aa2516f72ca15d7.js"></script>
 </body>
 </html>

package/core/cli/record-test.js

@@ -0,0 +1,47 @@
+const {chromium} = require('@playwright/test');
+const Command = require('./command');
+const testUtils = require('../../test/utils');
+
+module.exports = class RecordTest extends Command {
+    setup() {
+        this.help('Use PlayWright to record a browser-based test');
+        this.argument('--admin', {type: 'boolean', defaultValue: false, desc: 'Start browser-based test in Ghost admin'});
+        this.argument('--no-setup', {type: 'boolean', defaultValue: false, desc: 'Disable the default setup, for testing Ghost admin setup'});
+        this.argument('--fixtures', {type: 'array', defaultValue: [], delimiter: ',', desc: 'A list of comma-separated fixtures to include'});
+    }
+
+    permittedEnvironments() {
+        return ['development', 'testing'];
+    }
+
+    async handle(argv) {
+        const app = await testUtils.startGhost();
+
+        if (argv.fixtures.length > 0) {
+            await testUtils.initFixtures(...argv.fixtures);
+        }
+
+        const browser = await chromium.launch({headless: false});
+
+        const baseURL = argv.admin ? `${app.url}ghost/` : app.url;
+        const context = await browser.newContext({
+            baseURL
+        });
+
+        // Pause the page, and start recording manually.
+        const page = await context.newPage();
+        await page.goto('');
+
+        if (argv.admin && !argv['no-setup']) {
+            await page.getByPlaceholder('The Daily Awesome').click();
+            await page.getByPlaceholder('The Daily Awesome').fill('The Local Test');
+            await page.getByPlaceholder('Jamie Larson').fill('Testy McTesterson');
+            await page.getByPlaceholder('jamie@example.com').fill('testy@example.com');
+            await page.getByPlaceholder('At least 10 characters').fill('Mc.T3ster$0n');
+            await page.getByPlaceholder('At least 10 characters').press('Enter');
+            await page.locator('.gh-done-pink').click();
+        }
+
+        await page.pause();
+    }
+};

package/core/frontend/apps/amp/lib/helpers/amp_content.js

@@ -108,7 +108,7 @@ allowedAMPAttributes = {
     'amp-audio': ['src', 'width', 'height', 'autoplay', 'loop', 'muted', 'controls'],
     'amp-iframe': ['src', 'srcdoc', 'width', 'height', 'layout', 'frameborder', 'allowfullscreen', 'allowtransparency',
         'sandbox', 'referrerpolicy'],
-    'amp-youtube': ['src', 'width', 'height', 'layout', 'frameborder', 'autoplay', 'loop', 'data-videoid', 'data-live-channelid']
+    'amp-youtube': ['src', 'layout', 'frameborder', 'autoplay', 'loop', 'data-videoid', 'data-live-channelid', 'width', 'height']
 };
 
 function getAmperizeHTML(html, post) {
@@ -193,6 +193,10 @@ module.exports = async function amp_content() { // eslint-disable-line camelcase
         $('audio').children('source').remove();
         $('audio').children('track').remove();
 
+        $('amp-youtube').attr('layout', 'responsive');
+        $('amp-youtube').attr('height', '350');
+        $('amp-youtube').attr('width', '600');
+
         ampHTML = $.html();
 
         // @TODO: remove this, when Amperize supports HTML sanitizing

package/core/frontend/apps/amp/lib/views/amp.hbs

@@ -182,6 +182,16 @@
     amp-img img {
         object-fit: cover;
     }
+    
+    amp-youtube {
+        height: calc(100vw / 1.78);
+        width: 100vw;
+        position: relative;
+    }
+
+    amp-youtube img {
+        position: absolute;
+    }
 
     .page-header {
         padding: 50px 5vmin 30px;

package/core/frontend/helpers/ghost_head.js

@@ -2,7 +2,7 @@
 // Usage: `{{ghost_head}}`
 //
 // Outputs scripts and other assets at the top of a Ghost theme
-const {metaData, settingsCache, config, blogIcon, urlUtils, labs, getFrontendKey} = require('../services/proxy');
+const {metaData, settingsCache, config, blogIcon, urlUtils, getFrontendKey} = require('../services/proxy');
 const {escapeExpression, SafeString} = require('../services/handlebars');
 
 // BAD REQUIRE
@@ -207,12 +207,6 @@ module.exports = async function ghost_head(options) { // eslint-disable-line cam
         head.push('<meta name="generator" content="Ghost ' +
             escapeExpression(safeVersion) + '" />');
 
-        // Ghost analytics tag
-        if (labs.isSet('membersActivity')) {
-            const postId = (dataRoot && dataRoot.post) ? dataRoot.post.id : '';
-            head.push(writeMetaTag('ghost-analytics-id', postId, 'name'));
-        }
-
         head.push('<link rel="alternate" type="application/rss+xml" title="' +
             escapeExpression(meta.site.title) + '" href="' +
             escapeExpression(meta.rssUrl) + '" />');

package/core/server/api/endpoints/db.js

@@ -1,9 +1,11 @@
 const Promise = require('bluebird');
+const moment = require('moment-timezone');
 const dbBackup = require('../../data/db/backup');
 const exporter = require('../../data/exporter');
 const importer = require('../../data/importer');
 const errors = require('@tryghost/errors');
 const models = require('../../models');
+const settingsCache = require('../../../shared/settings-cache');
 
 module.exports = {
     docName: 'db',
@@ -68,22 +70,26 @@ module.exports = {
     },
 
     importContent: {
+        statusCode(result) {
+            if (result && (result.db || result.problems)) {
+                return 200;
+            } else {
+                return 202;
+            }
+        },
         headers: {
             cacheInvalidate: true
         },
-        options: [
-            'include'
-        ],
-        validation: {
-            options: {
-                include: {
-                    values: exporter.BACKUP_TABLES
-                }
-            }
-        },
         permissions: true,
         query(frame) {
-            return importer.importFromFile(frame.file, {include: frame.options.withRelated});
+            const siteTimezone = settingsCache.get('timezone');
+            const importTag = `Import ${moment().tz(siteTimezone).format('YYYY-MM-DD HH:mm')}`;
+            return importer.importFromFile(frame.file, {
+                user: {
+                    email: frame.user.get('email')
+                },
+                importTag
+            });
         }
     },
 

package/core/server/api/endpoints/email-previews.js

@@ -2,7 +2,8 @@ const models = require('../../models');
 const tpl = require('@tryghost/tpl');
 const errors = require('@tryghost/errors');
 const mega = require('../../services/mega');
-
+const emailService = require('../../services/email-service');
+const labs = require('../../../shared/labs');
 const messages = {
     postNotFound: 'Post not found.'
 };
@@ -29,6 +30,10 @@ module.exports = {
         ],
         permissions: true,
         async query(frame) {
+            if (labs.isSet('emailStability')) {
+                return await emailService.controller.previewEmail(frame);
+            }
+
             const options = Object.assign(frame.options, {formats: 'html,plaintext', withRelated: ['authors', 'posts_meta']});
             const data = Object.assign(frame.data, {status: 'all'});
 
@@ -61,6 +66,10 @@ module.exports = {
         },
         permissions: true,
         async query(frame) {
+            if (labs.isSet('emailStability')) {
+                return await emailService.controller.sendTestEmail(frame);
+            }
+
             const options = Object.assign(frame.options, {status: 'all'});
             let model = await models.Post.findOne(options, {withRelated: ['authors']});
 
@@ -69,7 +78,6 @@ module.exports = {
                     message: tpl(messages.postNotFound)
                 });
             }
-
             const {emails = [], memberSegment} = frame.data;
             return await mega.mega.sendTestEmail(model, emails, memberSegment);
         }

package/core/server/api/endpoints/emails.js

@@ -2,6 +2,8 @@ const models = require('../../models');
 const tpl = require('@tryghost/tpl');
 const errors = require('@tryghost/errors');
 const megaService = require('../../services/mega');
+const emailService = require('../../services/email-service');
+const labs = require('../../../shared/labs');
 
 const messages = {
     emailNotFound: 'Email not found.',
@@ -57,23 +59,27 @@ module.exports = {
             'id'
         ],
         permissions: true,
-        query(frame) {
-            return models.Email.findOne(frame.data, frame.options)
-                .then(async (model) => {
-                    if (!model) {
-                        throw new errors.NotFoundError({
-                            message: tpl(messages.emailNotFound)
-                        });
-                    }
+        // (complexity removed with new labs flag)
+        // eslint-disable-next-line ghost/ghost-custom/max-api-complexity
+        async query(frame) {
+            if (labs.isSet('emailStability')) {
+                return await emailService.controller.retryFailedEmail(frame);
+            }
 
-                    if (model.get('status') !== 'failed') {
-                        throw new errors.IncorrectUsageError({
-                            message: tpl(messages.retryNotAllowed)
-                        });
-                    }
+            const model = await models.Email.findOne(frame.data, frame.options);
+            if (!model) {
+                throw new errors.NotFoundError({
+                    message: tpl(messages.emailNotFound)
+                });
+            }
 
-                    return await megaService.mega.retryFailedEmail(model);
+            if (model.get('status') !== 'failed') {
+                throw new errors.IncorrectUsageError({
+                    message: tpl(messages.retryNotAllowed)
                 });
+            }
+
+            return await megaService.mega.retryFailedEmail(model);
         }
     }
 };

package/core/server/api/endpoints/posts.js

@@ -9,10 +9,13 @@ const allowedIncludes = [
     'email',
     'tiers',
     'newsletter',
+    'count.conversions', 
     'count.signups',
     'count.paid_conversions',
     'count.clicks',
-    'sentiment'
+    'sentiment',
+    'count.positive_feedback',
+    'count.negative_feedback'
 ];
 const unsafeAttrs = ['status', 'authors', 'visibility'];
 

package/core/server/api/endpoints/utils/serializers/input/posts.js

@@ -6,7 +6,6 @@ const localUtils = require('../../index');
 const mobiledoc = require('../../../../../lib/mobiledoc');
 const postsMetaSchema = require('../../../../../data/schema').tables.posts_meta;
 const clean = require('./utils/clean');
-const labs = require('../../../../../../shared/labs');
 
 function removeSourceFormats(frame) {
     if (frame.options.formats?.includes('mobiledoc') || frame.options.formats?.includes('lexical')) {
@@ -22,11 +21,9 @@ function removeSourceFormats(frame) {
 function mapWithRelated(frame) {
     if (frame.options.withRelated) {
         // Map sentiment to count.sentiment
-        if (labs.isSet('audienceFeedback')) {
-            frame.options.withRelated = frame.options.withRelated.map((relation) => {
-                return relation === 'sentiment' ? 'count.sentiment' : relation;
-            });
-        }
+        frame.options.withRelated = frame.options.withRelated.map((relation) => {
+            return relation === 'sentiment' ? 'count.sentiment' : relation;
+        });
         return;
     }
 }
@@ -44,11 +41,7 @@ function defaultRelations(frame) {
         return false;
     }
 
-    if (labs.isSet('audienceFeedback')) {
-        frame.options.withRelated = ['tags', 'authors', 'authors.roles', 'email', 'tiers', 'newsletter', 'count.conversions', 'count.clicks', 'count.sentiment', 'count.positive_feedback', 'count.negative_feedback'];
-    } else {
-        frame.options.withRelated = ['tags', 'authors', 'authors.roles', 'email', 'tiers', 'newsletter', 'count.signups', 'count.paid_conversions', 'count.clicks'];
-    }
+    frame.options.withRelated = ['tags', 'authors', 'authors.roles', 'email', 'tiers', 'newsletter', 'count.clicks'];
 }
 
 function setDefaultOrder(frame) {

package/core/server/api/endpoints/utils/serializers/output/db.js

@@ -20,15 +20,11 @@ module.exports = {
     importContent(response, apiConfig, frame) {
         debug('importContent');
 
-        // NOTE: response can contain 2 objects if images are imported
-        const problems = (response.length === 2)
-            ? response[1].problems
-            : response[0].problems;
-
         frame.response = {
-            db: [],
-            problems: problems
+            db: []
         };
+
+        frame.response.problems = response?.data?.problems ?? [];
     },
 
     deleteAllContent(response, apiConfig, frame) {

package/core/server/api/endpoints/utils/serializers/output/members.js

@@ -2,6 +2,7 @@
 const debug = require('@tryghost/debug')('api:endpoints:utils:serializers:output:members');
 const {unparse} = require('@tryghost/members-csv');
 const mappers = require('./mappers');
+const labs = require('../../../../../../shared/labs');
 
 module.exports = {
     browse: createSerializer('browse', paginatedMembers),
@@ -171,6 +172,10 @@ function serializeMember(member, options) {
         delete subscription.price.product;
     }
 
+    if (labs.isSet('suppressionList')) {
+        serialized.email_suppression = json.email_suppression;
+    }
+
     if (json.newsletters) {
         serialized.newsletters = json.newsletters
             .filter(newsletter => newsletter.status === 'active')

package/core/server/data/importer/email-template.js

@@ -0,0 +1,163 @@
+module.exports = ({result, siteUrl, postsUrl, emailRecipient}) => `
+<!doctype html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Your content import is complete</title>
+    <style>
+    /* -------------------------------------
+        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] .title {
+        font-size: 22px !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;
+      }
+      table[class=body] p[class=small],
+      table[class=body] a[class=small] {
+        font-size: 12x !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%;
+      }
+      .recipient-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;
+      }
+    }
+    hr {
+      border-width: 0;
+      height: 0;
+      margin-top: 34px;
+      margin-bottom: 34px;
+      border-bottom-width: 1px;
+      border-bottom-color: #EEF5F8;
+    }
+    a {
+      color: #3A464C;
+    }
+    </style>
+  </head>
+  <body class="" style="background-color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.5em; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
+    <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
+      <tr>
+        <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; vertical-align: top;">&nbsp;</td>
+        <td class="container" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 540px; padding: 10px; width: 540px;">
+          <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 600px; padding: 30px 20px;">
+
+            <!-- START CENTERED CONTAINER -->
+            <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">Your content import is complete</span>
+            <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 8px;">
+
+              <!-- START MAIN CONTENT AREA -->
+              <tr>
+                <td class="wrapper" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; vertical-align: top; box-sizing: border-box;">
+                  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
+                    <tr>
+                      <td align="center" style="padding-top: 20px; padding-bottom: 12px;"><img src="https://static.ghost.org/v4.0.0/images/ghost-orb-4.png" width="60" height="60" style="width: 60px; height: 60px;" /></td>
+                    </tr>
+                    <tr>
+                      <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; vertical-align: top;">
+                        <p class="title" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 21px; color: #3A464C; font-weight: normal; line-height: 25px; margin-bottom: 30px; margin-top: 50px; font-weight: 600; color: #15212A;">${result?.data?.errors ? 'Import unsuccessful' : 'Your content import has finished successfully'}</p>
+                      </td>
+                    </tr>
+                    ${result?.data?.errors ? `
+                    <tr>
+                      <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; vertical-align: top; padding-bottom: 16px;">One or more error occured while importing your content. Please contact support or report on the <a href="https://forum.ghost.org/">Ghost Community Forum</a>.</td>
+                    </tr>
+                    ` : `
+                    <tr>
+                      <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; vertical-align: top; padding-bottom: 12px; padding-top: 16px;">
+                        <a href="${postsUrl.href}" target="_blank" style="display: inline-block; color: #ffffff; background-color: #15212A; border: solid 1px #15212A; border-radius: 5px; box-sizing: border-box; cursor: pointer; text-decoration: none; font-size: 16px; font-weight: normal; margin: 0; padding: 9px 22px 10px; border-color: #15212A;">View posts</a>
+                      </td>
+                    </tr>
+                    `}
+                  </table>
+                </td>
+              </tr>
+              <tr>
+                <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; vertical-align: top; padding-top: 80px; padding-bottom: 10px;">
+                    <div class="footer">
+                      <p class="small" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; color: #738A94; font-weight: normal; margin: 0; line-height: 18px; margin-bottom: 0px; font-size: 11px;">This email was sent from <a href="${siteUrl.href}" style="color: #738A94;">${siteUrl.host}</a> to <a href="mailto:${emailRecipient}" style="color: #738A94;">${emailRecipient}</a></p>
+                    </div>
+                </td>
+              </tr>
+
+            <!-- END MAIN CONTENT AREA -->
+            </table>
+
+
+          <!-- END CENTERED CONTAINER -->
+          </div>
+        </td>
+        <td style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; vertical-align: top;">&nbsp;</td>
+      </tr>
+    </table>
+  </body>
+</html>
+`;
+