Add support for Ghost 2.0 theme

kelyvin · Sep 3, 2018 · 4657b3d · 4657b3d
1 parent e06921b
commit 4657b3d
Show file tree

Hide file tree

Showing 9 changed files with 256 additions and 438 deletions.
diff --git a/amp.hbs b/amp.hbs
@@ -805,9 +805,9 @@
                 <h1 class="post-title">{{title}}</h1>
                 <section class="post-meta">
                     <p class="author">
-                    {{#author}}
+                    {{#primary_author}}
                         by <a href="{{url}}">{{name}}</a> |
-                    {{/author}}
+                    {{/primary_author}}
                     <time class="post-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="YYYY-MM-DD"}}</time>
                     </p>
                 </section>

diff --git a/assets/css/caffeine-theme.css b/assets/css/caffeine-theme.css
diff --git a/assets/js/caffeine-theme.js b/assets/js/caffeine-theme.js
diff --git a/assets/scss/components/_post.scss b/assets/scss/components/_post.scss
@@ -113,14 +113,22 @@
 }
 
 .post-content {
-    p {
-        img {
+    .kg-image-card {
+        margin: 30px auto;
+
+        .kg-image {
             max-width: 100%;
-            margin: 24px auto;
+            margin: 12px auto;
             text-align: center;
             border-radius: $border-radius;
             display: block;
         }
+
+        figcaption {
+            text-align: center;
+            font-size: 14px;
+            color: $gray-dark;
+        }
     }
 
     pre {

diff --git a/assets/scss/modules/_fonts.scss b/assets/scss/modules/_fonts.scss
@@ -1,3 +1,3 @@
 // Optimize css delivery
 // @import url(https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab:300,400);
-@import '../../vendor/font-awesome/scss/font-awesome';
+@import '../../vendor/font-awesome/scss/font-awesome';
diff --git a/author.hbs b/author.hbs
@@ -3,18 +3,18 @@
 <article class="page-template page-author">
     {{> material-cover}}
     <div class="profile-container animated fade-in">
-        {{#author}}
+        {{#primary_author}}
             <div class="profile-image">
                 {{#if profile_image}}
                     <img src="{{img_url profile_image}}" alt="{{name}}'s picture" class="avatar rounded" />
                 {{else}}
                     <img src="/ghost/img/user-image.png" class="avatar rounded" />
                 {{/if}}
             </div>
-        {{/author}}
+        {{/primary_author}}
         <div class="post-card animated">
             <div class="post-container">
-                {{#author}}
+                {{#primary_author}}
                     <div class="author-header">
                         <h1>
                             {{name}}
@@ -25,7 +25,7 @@
 
                         <p>{{#if bio}}{{bio}}{{/if}}</p>
                     </div>
-                {{/author}}
+                {{/primary_author}}
                 <ol class="author-posts-list">
                 {{#foreach posts}}
                     <li>