- Update signups.hbs to make compatible with Ghost v5.

- Suggestion: Perhaps the /built folder could be ignored in the git repo, as it's being rebuilt when we run yarn dev and yarn zip.

.gitignore

@@ -22,3 +22,4 @@ projectFilesBackup
 .DS_Store
 
 dist/
+built/

assets/built/infinitescroll.js

@@ -1,2 +0,0 @@
-$(function(i){var t=1,o=window.location.pathname,r=i(document),a=i(".gh-postfeed"),s=300,c=!1,l=!1,w=window.scrollY,d=window.innerHeight,v=r.height();function u(){w=window.scrollY,e()}function f(){d=window.innerHeight,v=r.height(),e()}function e(){c||requestAnimationFrame(n),c=!0}function n(){var e;if(e=/(?:page\/)(\d)(?:\/)$/i,(n=(n=o).replace(/#(.*)$/g,"").replace("////g","/")).match(e)&&(t=parseInt(n.match(e)[1]),n=n.replace(e,"")),o=n,!l)if(w+d<=v-s)c=!1;else{if(t>=maxPages)return window.removeEventListener("scroll",u,{passive:!0}),void window.removeEventListener("resize",f);l=!0;var n=o+"page/"+(t+=1)+"/";i.get(n,function(e){e=document.createRange().createContextualFragment(e).querySelectorAll(".post");e.length&&[].forEach.call(e,function(e){a[0].appendChild(e)})}).fail(function(e){404===e.status&&(window.removeEventListener("scroll",u,{passive:!0}),window.removeEventListener("resize",f))}).always(function(){v=r.height(),c=l=!1})}}window.addEventListener("scroll",u,{passive:!0}),window.addEventListener("resize",f),n()});
-//# sourceMappingURL=infinitescroll.js.map

assets/built/jquery.fitvids.js

@@ -1,2 +0,0 @@
-!function(o){"use strict";o.fn.fitVids=function(t){var e,i,r={customSelector:null,ignore:null};return document.getElementById("fit-vids-style")||(e=document.head||document.getElementsByTagName("head")[0],(i=document.createElement("div")).innerHTML='<p>x</p><style id="fit-vids-style">.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>',e.appendChild(i.childNodes[1])),t&&o.extend(r,t),this.each(function(){var t=['iframe[src*="player.vimeo.com"]','iframe[src*="youtube.com"]','iframe[src*="youtube-nocookie.com"]','iframe[src*="kickstarter.com"][src*="video.html"]',"object","embed"];r.customSelector&&t.push(r.customSelector);var d=".fitvidsignore";r.ignore&&(d=d+", "+r.ignore);t=o(this).find(t.join(","));(t=(t=t.not("object object")).not(d)).each(function(){var t,e,i=o(this);0<i.parents(d).length||"embed"===this.tagName.toLowerCase()&&i.parent("object").length||i.parent(".fluid-width-video-wrapper").length||(i.css("height")||i.css("width")||!isNaN(i.attr("height"))&&!isNaN(i.attr("width"))||(i.attr("height",9),i.attr("width",16)),t=("object"===this.tagName.toLowerCase()||i.attr("height")&&!isNaN(parseInt(i.attr("height"),10))?parseInt(i.attr("height"),10):i.height())/(isNaN(parseInt(i.attr("width"),10))?i.width():parseInt(i.attr("width"),10)),i.attr("name")||(e="fitvid"+o.fn.fitVids._count,i.attr("name",e),o.fn.fitVids._count++),i.wrap('<div class="fluid-width-video-container"><div class="fluid-width-video-wrapper"></div></div>').parent(".fluid-width-video-wrapper").css("padding-top",100*t+"%"),i.removeAttr("height").removeAttr("width"))})})},o.fn.fitVids._count=0}(window.jQuery||window.Zepto);
-//# sourceMappingURL=jquery.fitvids.js.map

assets/built/vars.css

@@ -1,2 +0,0 @@
-:root{--color-primary:var(--ghost-accent-color,#3eb0ef);--color-base:#131313;--color-border:#ddd;--color-bg:#f5f5f5;--color-success:#80b912;--color-error:#f05230;--font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--font-light:100;--font-normal:400;--font-bold:700;--font-heavy:800;--xlarge:1680px;--large:1280px;--medium:980px;--small:740px;--xsmall:480px;--height:4rem;--margin:2rem;--radius:0.5rem}
-/*# sourceMappingURL=vars.css.map */

assets/built/vars.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["vars.css"],"names":[],"mappings":"AAGA,MAGI,iDAAmD,CACnD,oBAAqB,CACrB,mBAAoB,CACpB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CAGtB,yJAAoK,CACpK,gCAAmC,CACnC,mCAAsC,CACtC,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,gBAAiB,CAGjB,eAAgB,CAChB,cAAe,CACf,cAAe,CACf,aAAc,CACd,cAAe,CAGf,aAAc,CACd,aAAc,CACd,eAEJ","file":"vars.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n\n    /* Colours */\n    --color-primary: var(--ghost-accent-color, #3eb0ef);\n    --color-base: #131313;\n    --color-border: #ddd;\n    --color-bg: #f5f5f5;\n    --color-success: #80b912;\n    --color-error: #f05230;\n\n    /* Fonts */\n    --font-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n    --font-serif: Georgia, Times, serif;\n    --font-mono: Menlo, Courier, monospace;\n    --font-light: 100;\n    --font-normal: 400;\n    --font-bold: 700;\n    --font-heavy: 800;\n\n    /* Breakpoints */\n    --xlarge: 1680px;\n    --large: 1280px;\n    --medium: 980px;\n    --small: 740px;\n    --xsmall: 480px;\n\n    /* Sizes */\n    --height: 4rem;\n    --margin: 2rem;\n    --radius: 0.5rem;\n\n}\n"]}

members/signup.hbs

@@ -1,6 +1,4 @@
-{{!< ../default}}
+{{!< ../default}} <div class="gh-page">
-
-<div class="gh-page">
     <div class="gh-container">
 
         {{#if @member.paid}}
@@ -15,37 +13,40 @@
             <h1 class="gh-checkout-title">Choose your subscription</h1>
             <p>Unlock full access to {{@site.title}} and see the entire library of members-only content & updates</p>
             <div class="gh-checkout-box">
+                {{#get "tiers" include="monthly_price, yearly_price" limit="all" as |tiers|}}
+                {{#foreach tiers}}
                 <div class="gh-checkout-plan">
                     <header class="gh-checkout-plan-header">
-                        <h3>Monthly</h3>
+                        <h3>{{name}}</h3>
-                        <span>$</span><strong>{{@price.monthly}}</strong> / month
+                        {{#if monthly_price}}
+                        <span>$</span><strong>{{monthly_price}}</strong> / month
+                        {{/if}}
+                        {{#if yearly_price}}
+                        <span>$</span><strong>{{yearly_price}}</strong> / year
+                        {{/if}}
                     </header>
                     <div class="gh-checkout-plan-content">
+                        {{#if benefits}}
                         <ul>
-                            <li>Full access to all private posts</li>
+                            {{#foreach benefits as |benefit|}}
-                            <li>Regular updates with new content</li>
+                            <li>{{benefit}}</li>
-                            <li>Support independent publishing</li>
+                            {{/foreach}}
-                            <li>Simple, secure card payment</li>
                         </ul>
-                        <a class="button primary fit" href="javascript:void(0)" data-members-plan="Monthly">Choose this plan</a>
+                        {{/if}}
-                    </div>
+
-                </div>
-                <div class="gh-checkout-plan">
-                    <header class="gh-checkout-plan-header">
-                        <h3>Yearly</h3>
-                        <span>$</span><strong>{{@price.yearly}}</strong> / year
-                    </header>
-                    <div class="gh-checkout-plan-content">
-                        <ul>
-                            <li>Full access to all private posts</li>
-                            <li>Regular updates with new content</li>
-                            <li>Support independent publishing</li>
-                            <li>Simple, secure card payment</li>
-                            <li>One easy payment instead of 12!</li>
                         </ul>
-                        <a class="button primary fit" href="javascript:void(0)" data-members-plan="Yearly">Choose this plan</a>
+                        {{#if monthly_price}}
+                        <a class="button primary fit" href="javascript:void(0)" data-members-plan="Monthly">Choose this
+                            plan</a>
+                        {{/if}}
+                        {{#if yearly_price}}
+                        <a class="button primary fit" href="javascript:void(0)" data-members-plan="Yearly">Choose this
+                            plan</a>
+                        {{/if}}
                     </div>
                 </div>
+                {{/foreach}}
+                {{/get}}
             </div>
         </div>
 
@@ -56,14 +57,16 @@
             <h1 class="gh-auth-title">Signup to {{@site.title}}</h1>
             <p>{{@site.description}}</p>
             <div class="gh-auth-box">
-                <input aria-label="Email Address" class="gh-input" data-members-email type="email" placeholder="youremail@example.com" required="true" autocomplete="false" autofocus />
+                <input aria-label="Email Address" class="gh-input" data-members-email type="email"
+                    placeholder="youremail@example.com" required="true" autocomplete="false" autofocus />
                 <button class="gh-button gh-button-primary" type="submit">
                     <span class="gh-button-content">Continue</span>
                     <span class="gh-button-loader">{{> "icons/loader"}}</span>
                 </button>
             </div>
             <p><small>Already have an account? <a href="/signin/">Sign in</a></small></p>
-            <div class="message-success"><strong>Great!</strong> Check your inbox and click the link to confirm your subscription</div>
+            <div class="message-success"><strong>Great!</strong> Check your inbox and click the link to confirm your
+                subscription</div>
             <div class="message-error">Please enter a valid email address!</div>
         </form>
 

package.json

@@ -63,6 +63,7 @@
         "defaults"
     ],
     "config": {
+        "card_assets": true,
         "posts_per_page": 15,
         "image_sizes": {
             "xxs": {