Add Ghost 5 support and fix some issues (#459)

README.md

@@ -6,9 +6,9 @@ If you find this theme useful, please consider to make a donation to support its
 
 <a href="https://ko-fi.com/eddiesigner" target="_blank"><img src="https://res.cloudinary.com/edev/image/upload/v1583011476/button_y8hgt8.png" alt="Donate" style="width: 250px !important; height: 60px !important;" width="250" height="60"></a>
 
-## Ghost 4
+## Ghost 5
 
-This theme has been optimized for Ghost 4, if you are looking for a Ghost 3 compatible version please refer to [this link](https://github.com/eddiesigner/liebling/releases/tag/v.0.9.4).
+This theme has been optimized for Ghost 5, if you are looking for a Ghost 4 compatible version please refer to [this link](https://github.com/eddiesigner/liebling/releases/tag/v1.5.2).
 
 ## Preview
 

index.hbs

@@ -34,7 +34,7 @@ into the {body} of the default.hbs template --}}
     {{#if @custom.use_custom_cta}}
       <a href="{{@custom.custom_cta_url}}" class="m-button filled">{{@custom.custom_cta_text}}</a>
     {{else}}
-      {{#if @labs.members}}
+      {{#if @site.members_enabled}}
         <a href="{{@site.url}}/newsletter" class="m-button filled js-newsletter">{{t "Subscribe"}}</a>
       {{/if}}
     {{/if}}

package.json

@@ -6,6 +6,9 @@
   },
   "config": {
     "posts_per_page": 10,
+    "card_assets": {
+      "exclude": ["bookmark", "gallery"]
+    },
     "image_sizes": {
       "xxs": {
         "width": 30
@@ -57,8 +60,7 @@
   "demo": "https://liebling.eduardogomez.io",
   "description": "Beautiful and clean theme that is easy and comfortable to use.",
   "engines": {
-    "ghost": ">=4.0.0",
-    "ghost-api": "v4"
+    "ghost": ">=5.0.0"
   },
   "gpm": {
     "type": "theme",
@@ -81,5 +83,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "1.5.2"
+  "version": "2.0.0"
 }

post.hbs

@@ -93,7 +93,7 @@ into the {body} of the default.hbs template --}}
           </div>
         </div>
         {{!-- Email subscribe form at the bottom of the page --}}
-        {{#if @labs.members}}
+        {{#if @site.members_enabled}}
           <section class="m-subscribe-section js-newsletter">
             <div class="l-wrapper in-post">
               <div class="m-subscribe-section__content">

src/docker-compose.yml

@@ -2,7 +2,7 @@ version: "3"
 
 services:
   ghost:
-    image: ghost:4.32.0
+    image: ghost:5.2.3
     container_name: ghost
     volumes:
       - ./..:/var/lib/ghost/content/themes/liebling:Z

src/js/app.js

@@ -78,7 +78,7 @@ $(() => {
     const api = new GhostContentAPI({
       url: host,
       key,
-      version: 'v4'
+      version: 'v5.0'
     });
     const allPosts = [];
     const fuseOptions = {

src/sass/layouts/_post-content.scss

@@ -147,6 +147,8 @@
   }
 
   iframe {
+    display: block;
+    margin: 0 auto;
     max-width: 100%;
   }
 
@@ -473,13 +475,12 @@
     position: relative;
     padding-right: 40px !important;
     background-repeat: no-repeat;
-    background-position: calc(100% -15px) center;
+    background-position: calc(100% - 15px) center;
     background-size: 15px 8px;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA5IDUiPgogICAgPHBhdGggZmlsbD0iIzU2NWU2MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMi41N2EuMjQ3LjI0NyAwIDAgMSAwIC4zNkw0LjY4IDQuNTdhLjI0Ny4yNDcgMCAwIDEtLjM2IDBMLjY4LjkzYS4yNDcuMjQ3IDAgMCAxIDAtLjM2bC4zOS0uMzlhLjI0Ny4yNDcgMCAwIDEgLjM2IDBMNC41IDMuMjUgNy41Ny4xOGEuMjQ3LjI0NyAwIDAgMSAuMzYgMGwuMzkuMzl6Ii8+Cjwvc3ZnPgo=");
   }
 
-  button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card
-      button) {
+  button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) {
     border: 1px solid var(--primary-foreground-color) !important;
     @extend .m-button;
   }
@@ -736,6 +737,7 @@
       justify-content: center;
       border: 0 !important;
       padding: 0;
+      cursor: pointer;
     }
   }