ghost 5.54.3 → 5.55.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%22cdnUrl%22%3A%22%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.54%22%2C%22name%22%3A%22ghost-admin%22%7D%2C%22ember-simple-auth%22%3A%7B%7D%2C%22ember-websockets%22%3A%7B%22socketIO%22%3Atrue%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%22cdnUrl%22%3A%22%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.55%22%2C%22name%22%3A%22ghost-admin%22%7D%2C%22ember-simple-auth%22%3A%7B%7D%2C%22ember-websockets%22%3A%7B%22socketIO%22%3Atrue%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" />
@@ -56,9 +56,9 @@
 
     <div id="ember-basic-dropdown-wormhole"></div>
 
-    <script src="assets/vendor-0d244308df4eb04209cbd5fa6abe358b.js"></script>
-<script src="assets/chunk.486.3896d2a7816cf03a0794.js"></script>
-<script src="assets/chunk.143.fbb46d934931ab3f351d.js"></script>
-    <script src="assets/ghost-14eecea754ec854244d71e1300ec75f2.js"></script>
+    <script src="assets/vendor-0a8fc851393c473cd269f04fc4e97974.js"></script>
+<script src="assets/chunk.757.c768dcbeaf1cee916395.js"></script>
+<script src="assets/chunk.143.60a057de7aaa4abc6a26.js"></script>
+    <script src="assets/ghost-135607a3c421c472feb9f59f14c625fb.js"></script>
 </body>
 </html>

package/core/frontend/helpers/collection.js

@@ -0,0 +1,146 @@
+// # Get Helper
+// Usage: `{{#get "posts" limit="5"}}`, `{{#get "tags" limit="all"}}`
+// Fetches data from the API
+const {config, api, prepareContextResource} = require('../services/proxy');
+const {hbs} = require('../services/handlebars');
+
+const logging = require('@tryghost/logging');
+const errors = require('@tryghost/errors');
+const tpl = require('@tryghost/tpl');
+
+const messages = {
+    mustBeCalledAsBlock: 'The {\\{{helperName}}} helper must be called as a block. E.g. {{#{helperName}}}...{{/{helperName}}}',
+    invalidResource: 'Invalid "{resource}" resource given to get helper'
+};
+
+const createFrame = hbs.handlebars.createFrame;
+
+/**
+ * ## Parse Options
+ * Ensure options passed in make sense
+ *
+ * @param {Object} options
+ * @returns {*}
+ */
+function parseOptions(options) {
+    if (options.limit === 'all' || !options.limit) {
+        return {
+            limit: 3
+        };
+    }
+
+    return {
+        limit: options.limit
+    };
+}
+
+/**
+ *
+ * @param {String} resource
+ * @param {String} controllerName
+ * @param {String} action
+ * @param {Object} apiOptions
+ * @returns {Promise<Object>}
+ */
+async function makeAPICall(resource, controllerName, action, apiOptions) {
+    const controller = api[controllerName];
+
+    let timer;
+
+    try {
+        let response;
+
+        if (config.get('optimization:getHelper:timeout:threshold')) {
+            const logLevel = config.get('optimization:getHelper:timeout:level') || 'error';
+            const threshold = config.get('optimization:getHelper:timeout:threshold');
+
+            const apiResponse = controller[action](apiOptions);
+
+            const timeout = new Promise((resolve) => {
+                timer = setTimeout(() => {
+                    logging[logLevel](new errors.HelperWarning({
+                        message: `{{#get}} took longer than ${threshold}ms and was aborted`,
+                        code: 'ABORTED_GET_HELPER',
+                        errorDetails: {
+                            api: `${controllerName}.${action}`,
+                            apiOptions
+                        }
+                    }));
+
+                    resolve({[resource]: []});
+                }, threshold);
+            });
+
+            response = await Promise.race([apiResponse, timeout]);
+            clearTimeout(timer);
+        } else {
+            response = await controller[action](apiOptions);
+        }
+
+        return response;
+    } catch (err) {
+        clearTimeout(timer);
+        throw err;
+    }
+}
+
+/**
+ * ## Get
+ * @param {string} slug
+ * @param {object} options
+ * @returns {Promise<any>}
+ */
+module.exports = async function collection(slug, options) {
+    options = options || {};
+    options.hash = options.hash || {};
+    options.data = options.data || {};
+
+    const self = this;
+    const data = createFrame(options.data);
+
+    let apiOptions = options.hash;
+
+    if (!options.fn) {
+        data.error = tpl(messages.mustBeCalledAsBlock, {helperName: 'collection'});
+        logging.warn(data.error);
+        return;
+    }
+
+    const resource = 'posts';
+    const controllerName = 'postsPublic';
+    const action = 'browse';
+
+    // Parse the options we're going to pass to the API
+    apiOptions = parseOptions(apiOptions);
+    apiOptions.context = {member: data.member};
+    apiOptions.collection = slug;
+
+    try {
+        const response = await makeAPICall(resource, controllerName, action, apiOptions);
+
+        // prepare data properties for use with handlebars
+        if (response[resource] && response[resource].length) {
+            response[resource].forEach(prepareContextResource);
+        }
+
+        // block params allows the theme developer to name the data using something like
+        // `{{#get "posts" as |result pageInfo|}}`
+        const blockParams = [response[resource]];
+        if (response.meta && response.meta.pagination) {
+            response.pagination = response.meta.pagination;
+            blockParams.push(response.meta.pagination);
+        }
+
+        // Call the main template function
+        return options.fn(response, {
+            data: data,
+            blockParams: blockParams
+        });
+    } catch (error) {
+        logging.error(error);
+        data.error = error.message;
+        return options.inverse(self, {data: data});
+    }
+};
+
+module.exports.async = true;

package/core/frontend/public/ghost.min.css

@@ -0,0 +1 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.black{color:#15171a}.darkgrey{color:#394047}.midgrey{color:#7c8b9a}.lightgrey{color:#ced4d9}.blue{color:#14b8ff}.red{color:#f50b23}.orange{color:#ffb41f}.green{color:#30cf43}.darkgrey-hover:hover{color:#394047}.midgrey-hover:hover{color:#7c8b9a}.lightgrey-hover:hover{color:#ced4d9}.blue-hover:hover{color:#14b8ff}.red-hover:hover{color:#f50b23}.orange-hover:hover{color:#ffb41f}.green-hover:hover{color:#30cf43}*,:after,:before{box-sizing:border-box}html{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:62.5%;line-height:1.65;letter-spacing:.2px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%}body{overflow:auto;overflow-x:hidden;color:#343f44;font-size:1.4rem}.gh-view{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}h1,h2{margin:0 0 .3em;color:#343f44;line-height:1.15em;text-rendering:optimizeLegibility;text-indent:-1px;font-size:2.9rem}@media (max-width:500px){h1{font-size:2.4rem}}.gh-input{display:block;padding:10px 12px;width:100%;height:40px;border:1px solid #d6e3eb;border-radius:4px;color:#4b5b62;font-size:1.6rem;line-height:1em;font-weight:300;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;transition:border-color .15s linear;-webkit-appearance:none}.gh-input:focus{outline:0;border-color:#b4cbda}.gh-btn{display:inline-block;outline:none;border:1px solid #d6e3eb;color:#829aa8;text-decoration:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:#829aa8;border-radius:5px;transition:all .2s ease;-webkit-font-smoothing:subpixel-antialiased}.gh-btn span{display:block;padding:0 12px;height:33px;font-size:1.3rem;line-height:33px;font-weight:400;text-align:center;letter-spacing:.2px;border-radius:4px}.gh-btn:hover{border-color:#b4cbda}.gh-btn-hover-blue:hover{border-color:#3eb0ef;color:#3eb0ef}.gh-btn-blue{padding:1px;border:0;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.1);fill:#fff;background:linear-gradient(#3da1d6,#2288bf);box-shadow:0 1px 0 rgba(0,0,0,.12);transition:none!important}.gh-btn-blue span{background:linear-gradient(#4ab6f0,#2fa5e4 60%,#2fa5e4 90%,#38a9e5);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.gh-btn-blue:active,.gh-btn-blue:focus{background:#1e78a9}.gh-btn-blue:active span,.gh-btn-blue:focus span{background:#29a0e0;box-shadow:none}.gh-btn-block{display:block;width:100%}.gh-input-icon{position:relative;display:block}.gh-input-icon svg{position:absolute;top:50%;left:10px;z-index:2;height:14px;width:auto;fill:color(var(--midgrey) l(15%));transform:translateY(-7px)}.gh-input-icon input{padding-left:35px}.gh-app{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;height:100%}.gh-viewport{overflow:hidden;max-height:100%}.gh-main,.gh-viewport{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex}.gh-main{position:relative;background:#fff;overflow-y:auto}.gh-flow{overflow-y:auto;min-height:100%;background:linear-gradient(315deg,#efefef,#fff)}.gh-flow,.gh-flow-content-wrap{flex-grow:1;display:flex;flex-direction:column}.gh-flow-content-wrap{flex-shrink:0;justify-content:center;align-items:center;margin:0 24px;padding-bottom:8vh}.gh-flow-content-wrap .site-icon{width:70px;height:70px;border-radius:3px}.gh-flow-content{display:flex;flex-direction:column;max-width:520px;width:100%;margin:4rem 0 6rem;padding:40px;background:#fff;color:var(--darkgrey);font-size:1.9rem;line-height:1.5em;font-weight:300;border-radius:3px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.02),0 22.3px 17.9px rgba(0,0,0,.03),0 41.8px 33.4px rgba(0,0,0,.03),0 100px 80px rgba(0,0,0,.05)}.gh-flow-content.unsubscribe{align-items:center;justify-content:center;max-width:560px;min-height:200px;margin:4rem 0;text-align:center}@media (max-width:500px){.gh-flow-content{padding:0;background:transparent;box-shadow:none}}.gh-flow-content header{display:flex;flex-direction:column;align-items:center}.gh-flow-content h1{margin-bottom:24px;color:#15171a;font-size:4.1rem;font-weight:700;line-height:1.15em}.gh-flow-content.unsubscribe h1{font-size:3.2rem}@media (max-width:600px){.gh-flow-content.unsubscribe h1,.gh-flow-content h1{font-size:6vw}}.gh-flow-content.unsubscribe p{margin:0 0 .4em;color:#394047;font-size:1.8rem}@media (max-width:500px){.gh-flow-content.unsubscribe p{font-size:1.6rem;line-height:1.5}}.gh-flow-content .gh-btn{display:block;margin:20px auto 0;max-width:400px}.gh-flow-content .form-group{position:relative;margin-bottom:2.5rem}.gh-flow-content .form-group.error .gh-input{border-color:#f50b23;box-shadow:0 0 0 3px rgba(239,24,24,.15)}.gh-flow-content .main-error{position:absolute;right:0;margin:0;color:#7c8b9a;font-size:1.35rem;font-weight:400;text-align:center;user-select:text}.gh-flow-em{font-weight:500}.unsubscribe-footer{text-align:center;font-size:1.5rem}@media (max-width:500px){.unsubscribe-footer{padding:0 24px;font-size:1.4rem;line-height:1.4em}}.unsubscribe-footer p{color:#7c8b9a;margin:0 0 .4rem}.unsubscribe-footer a{color:#15171a;text-decoration:none}.unsubscribe-footer a:hover{text-decoration:underline}.gh-signin{margin-bottom:1.5rem}.gh-signin .gh-input,.gh-signin .gh-input:-webkit-autofill:first-line{height:54px;padding:12px 16px;font-size:1.8rem;border-radius:8px}.gh-signin .gh-input::placeholder{color:#abb4be;font-weight:400;opacity:1}.gh-signin .gh-input::-webkit-input-placeholder{color:#abb4be;font-weight:400}.gh-signin .gh-input:-ms-input-placeholder{color:#abb4be;font-weight:400}.gh-signin .gh-input::-moz-placeholder{color:#abb4be;font-weight:400;opacity:1}.gh-signin .gh-input:focus{border-color:#30cf43;box-shadow:0 0 0 3px rgba(26,170,96,.15)}.gh-signin .gh-btn{margin:0;width:100%;height:54px;max-width:unset;margin-top:32px;background:#15171a;font-weight:300;line-height:54px;border-radius:8px;transition:all .4s ease;-webkit-font-smoothing:subpixel-antialiased}.gh-signin .gh-btn span{color:#fff;font-size:1.8rem}.error-content{flex-grow:1;justify-content:center;user-select:text;padding:8vw}.error-content,.error-details{display:flex;align-items:center}.error-details{margin-bottom:4rem}.error-ghost{margin:15px;height:115px}@media (max-width:630px){.error-ghost{display:none}}.error-code{margin:0;color:#c5d2d9;font-size:10vw;font-weight:600;line-height:.9em;letter-spacing:-.4vw}.error-description{margin:0;padding:0;border:none;color:#54666d;font-size:2.3rem;font-weight:300;line-height:1.3em}.error-message{display:flex;flex-direction:column;margin:15px;align-items:center}.error-message a{font-size:1.4rem;line-height:1;margin:8px 0}.error-link{background-color:transparent;color:#5ba4e5;transition:background .3s,color .3s;text-decoration:none}.error-stack{margin:1rem auto;padding:2rem;max-width:800px;background-color:hsla(0,0%,100%,.3)}.error-stack-list{margin:0;padding:0;list-style-type:none}.error-stack-list li{display:block}.error-stack-list li:before{content:"\21AA";display:inline-block;margin-right:.5rem;color:#bbb;font-size:1.2rem}.error-stack-function{font-weight:700}

package/core/frontend/src/cards/css/header_v2.css

@@ -0,0 +1,283 @@
+.kg-header-card-v2 {
+    position: relative;
+}
+
+.kg-header-card-v2,
+.kg-header-card-v2 * {
+    box-sizing: border-box;
+}
+
+.kg-header-card-v2 a,
+.kg-header-card-v2 a span {
+    color: currentColor;
+}
+
+.kg-header-card-v2.kg-style-accent {
+    background-color: var(--ghost-accent-color);
+}
+
+.kg-layout-split .kg-header-card-v2-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
+.kg-header-card-v2-text {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    height: 100%;
+    padding: 4vmax;
+    background-size: cover;
+    background-position: center;
+    text-align: left;
+}
+
+.kg-width-wide .kg-header-card-v2-text {
+    padding: 6.4vmax;
+}
+
+.kg-width-full .kg-header-card-v2-text {
+    padding: 12vmax 0;
+}
+
+.kg-layout-split .kg-header-card-v2-text {
+    padding: 12vmax 4vmax;
+}
+
+.kg-layout-split.kg-content-wide .kg-header-card-v2-text {
+    padding: 10vmax 0 10vmax 4vmax;
+}
+
+.kg-layout-split.kg-content-wide.kg-swapped .kg-header-card-v2-text {
+    padding: 10vmax 4vmax 10vmax 0;
+}
+
+.kg-swapped .kg-header-card-v2-text {
+    grid-row: 1;
+}
+
+.kg-header-card-v2-text.kg-align-center {
+    align-items: center;
+    text-align: center;
+}
+
+.kg-header-card-v2.kg-style-image h2.kg-header-card-v2-heading,
+.kg-header-card-v2.kg-style-image h3.kg-header-card-v2-subheading,
+.kg-header-card-v2.kg-style-image .kg-header-card-v2-button {
+    z-index: 999;
+}
+
+/* Background image */
+
+.kg-header-card-v2 > picture > .kg-header-card-v2-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+    background-color: #FFFFFF;
+    pointer-events: none;
+}
+
+/* Split layout image */
+
+.kg-header-card-v2-content .kg-header-card-v2-image {
+    /* this will force the image to follow the signup card height */
+    height: 0;
+    min-height: 100%;
+    /**/
+    object-fit: cover;
+    object-position: center;
+}
+
+.kg-content-wide .kg-header-card-v2-content .kg-header-card-v2-image {
+    height: 100%;
+    padding: 8rem 0;
+    object-fit: contain;
+}
+
+/* Heading */
+
+.kg-header-card-v2 h2.kg-header-card-v2-heading {
+    margin: 0;
+    font-size: clamp(2.8rem, 4vw, 4rem);
+    font-weight: 700;
+    line-height: 1em;
+    letter-spacing: -0.01em;
+}
+
+.kg-header-card-v2.kg-width-wide h2.kg-header-card-v2-heading {
+    font-size: clamp(2.8rem, 5vw, 5.2rem);
+}
+
+.kg-header-card-v2.kg-width-full h2.kg-header-card-v2-heading {
+    font-size: clamp(3.6rem, 5.6vw, 6.4rem);
+}
+
+.kg-header-card-v2.kg-width-full.kg-layout-split h2.kg-header-card-v2-heading {
+    font-size: clamp(3.2rem, 4vw, 5.6rem);
+}
+
+.kg-header-card-v2.kg-width-full.kg-layout-split.kg-content-wide h2.kg-header-card-v2-heading {
+    font-size: clamp(2.8rem, 4vw, 5.2rem);
+}
+
+/* Subheading */
+
+.kg-header-card-v2-subheading {
+    margin: 0 0 2em;
+}
+
+.kg-header-card-v2 h3.kg-header-card-v2-subheading {
+    max-width: 40em;
+    margin: 0;
+    font-size: clamp(1.05em, 2vw, 2rem);
+    font-weight: 500;
+    line-height: 1.4em;
+}
+
+.kg-header-card-v2 h2 + h3.kg-header-card-v2-subheading {
+    margin: 0.6em 0 0;
+}
+
+.kg-header-card-v2 h3.kg-header-card-v2-subheading strong {
+    font-weight: 600;
+}
+
+.kg-header-card-v2.kg-width-wide h3.kg-header-card-v2-subheading {
+    font-size: clamp(1.05em, 2vw, 2.4rem);
+}
+
+.kg-header-card-v2.kg-width-full h3.kg-header-card-v2-subheading:not(.kg-layout-split h3.kg-header-card-v2-subheading) {
+    max-width: 65vmax;
+    font-size: clamp(1.05em, 2vw, 2.6rem);
+}
+
+.kg-header-card-v2.kg-width-full.kg-layout-split h3.kg-header-card-v2-subheading {
+    font-size: clamp(1.05em, 2vw, 2.4rem);
+}
+
+.kg-width-wide .kg-header-card-v2-fields,
+.kg-width-full .kg-header-card-v2-fields {
+    width: 100%;
+    max-width: 500px;
+}
+
+.kg-header-card-v2-input {
+    width: 100%;
+    height: 4.6rem;
+    margin-right: 3px;
+    padding: 12px 16px;
+    border: none;
+    font-size: 1.1em;
+}
+
+.kg-header-card-v2-input:focus,
+.kg-header-card-v2-input:focus-visible {
+    outline: none;
+}
+
+.kg-header-card-v2-button {
+    display: flex;
+    position: relative;
+    align-items: center;
+    height: 4.6rem;
+    padding: 0 1.2em;
+    outline: none;
+    border: none;
+    font-size: 1em;
+    font-weight: 600;
+    line-height: 1em;
+    text-align: center;
+    text-decoration: none;
+    letter-spacing: .2px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    border-radius: 3px;
+    transition: opacity .2s ease;
+}
+
+.kg-header-card-v2-button.kg-style-accent {
+    background-color: var(--ghost-accent-color);
+}
+
+.kg-header-card-v2 h2 + .kg-header-card-v2-button,
+.kg-header-card-v2 h3 + .kg-header-card-v2-button {
+    margin: 1.5em 0 0;
+}
+
+.kg-header-card-v2 .kg-header-card-v2-button:hover {
+    opacity: 0.85;
+}
+
+.kg-header-card-v2.kg-width-wide .kg-header-card-v2-button {
+    font-size: 1.05em;
+}
+
+.kg-header-card-v2.kg-width-wide h2 + .kg-header-card-v2-button,
+.kg-header-card-v2.kg-width-wide h3 + .kg-header-card-v2-button {
+    margin-top: 1.75em;
+}
+
+.kg-header-card-v2.kg-width-full .kg-header-card-v2-button {
+    font-size: 1.1em;
+}
+
+.kg-header-card-v2.kg-width-full h2 + .kg-header-card-v2-button,
+.kg-header-card-v2.kg-width-full h3 + .kg-header-card-v2-button {
+    margin-top: 2em;
+}
+
+/* Responsive styles */
+
+@media (max-width: 640px) {
+    .kg-layout-split .kg-header-card-v2-content {
+        grid-template-columns: 1fr;
+    }
+
+    .kg-width-wide .kg-header-card-v2-text {
+        padding: 6.4vmax 4vmax;
+    }
+
+    .kg-layout-split.kg-content-wide .kg-header-card-v2-text,
+    .kg-layout-split.kg-content-wide.kg-swapped .kg-header-card-v2-text {
+        padding: 9.6vmax 0;
+    }
+
+    .kg-header-card-v2.kg-width-full h3.kg-header-card-v2-subheading:not(.kg-layout-split h3.kg-header-card-v2-subheading) {
+        max-width: unset;
+    }
+
+    .kg-header-card-v2-content .kg-header-card-v2-image:not(.kg-content-wide .kg-header-card-v2-content .kg-header-card-v2-image) {
+        height: auto;
+        min-height: unset;
+        aspect-ratio: 1 / 1;
+    }
+
+    .kg-content-wide .kg-header-card-v2-content .kg-header-card-v2-image {
+        padding: 2.4rem 0 0;
+    }
+
+    .kg-content-wide.kg-swapped .kg-header-card-v2-content .kg-header-card-v2-image {
+        padding: 0 0 2.4rem;
+    }
+
+    .kg-header-card-v2-input {
+        height: 4.2rem;
+        padding: 6px 12px;
+        font-size: 1em;
+    }
+
+    .kg-header-card-v2-button {
+        height: 4.2rem;
+    }
+
+    .kg-header-card-v2.kg-width-wide .kg-header-card-v2-button,
+    .kg-header-card-v2.kg-width-full .kg-header-card-v2-button {
+        font-size: 1em;
+    }
+}

package/core/frontend/src/cards/css/signup.css

@@ -210,6 +210,7 @@
     margin-right: 3px;
     padding: 12px 16px;
     border: none;
+    background: #FFFFFF;
     font-size: 1.1em;
 }
 

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

@@ -25,25 +25,6 @@ module.exports = {
         }
     },
 
-    browsePosts: {
-        headers: {
-            cacheInvalidate: false
-        },
-        data: [
-            'id'
-        ],
-        options: [
-            'limit',
-            'page'
-        ],
-        permissions: {
-            method: 'browse'
-        },
-        query(frame) {
-            return collectionsService.api.getAllPosts(frame.data.id, frame.options);
-        }
-    },
-
     read: {
         headers: {
             cacheInvalidate: false

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

@@ -3,6 +3,8 @@ const tpl = require('@tryghost/tpl');
 const errors = require('@tryghost/errors');
 const {mapQuery} = require('@tryghost/mongo-utils');
 const postsPublicService = require('../../services/posts-public');
+const getPostServiceInstance = require('../../services/posts/posts-service');
+const postsService = getPostServiceInstance();
 
 const allowedIncludes = ['tags', 'authors', 'tiers', 'sentiment'];
 
@@ -38,7 +40,8 @@ module.exports = {
             'order',
             'page',
             'debug',
-            'absolute_urls'
+            'absolute_urls',
+            'collection'
         ],
         validation: {
             options: {
@@ -56,7 +59,7 @@ module.exports = {
                 ...frame.options,
                 mongoTransformer: rejectPrivateFieldsTransformer
             };
-            return models.Post.findPage(options);
+            return postsService.browsePosts(options);
         }
     },
 

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

@@ -21,10 +21,6 @@ module.exports = {
         return require('./authentication');
     },
 
-    get collections() {
-        return require('./collections');
-    },
-
     get db() {
         return require('./db');
     },

package/core/server/data/migrations/versions/5.55/2023-07-10-05-15-55-add-built-in-collections.js

@@ -0,0 +1,60 @@
+const logging = require('@tryghost/logging');
+const {default: ObjectID} = require('bson-objectid');
+const {createTransactionalMigration} = require('../../utils');
+
+module.exports = createTransactionalMigration(
+    async function up(knex) {
+        logging.info('Creating built in collections');
+
+        const existingLatestCollection = await knex('collections')
+            .where({
+                slug: 'latest'
+            })
+            .first();
+
+        if (existingLatestCollection) {
+            logging.warn('Latest collection already exists, skipping');
+        } else {
+            await knex('collections').insert({
+                id: (new ObjectID()).toHexString(),
+                title: 'Latest',
+                slug: 'latest',
+                description: 'All posts',
+                type: 'automatic',
+                filter: '',
+                created_at: knex.raw('current_timestamp')
+            });
+        }
+
+        const existingFeaturedCollection = await knex('collections')
+            .where({
+                slug: 'featured'
+            })
+            .first();
+
+        if (existingFeaturedCollection) {
+            logging.warn('Featured collection already exists, skipping');
+        } else {
+            await knex('collections').insert({
+                id: (new ObjectID()).toHexString(),
+                title: 'Featured',
+                slug: 'featured',
+                description: 'Featured posts',
+                type: 'automatic',
+                filter: 'featured:true',
+                created_at: knex.raw('current_timestamp')
+            });
+        }
+    },
+    async function down(knex) {
+        logging.info('Deleting built in collections');
+
+        await knex('collections').where({
+            slug: 'latest'
+        }).del();
+
+        await knex('collections').where({
+            slug: 'featured'
+        }).del();
+    }
+);