v4.1.0

Add alt and caption support to feature images (#812 )
* Add alt and caption support to feature images * Add feature image alt support to post card * Remove three-curlies
2025-07-12 16:56:06 +00:00 · 2021-07-07 12:16:03 +08:00 · 2021-07-05 10:59:21 +08:00 · 2021-06-10 13:32:41 +08:00 · 2021-06-03 10:15:25 +08:00 · 2021-05-10 14:21:53 +08:00
11 changed files with 32 additions and 17 deletions
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
--- a/assets/built/screen.css.map
+++ b/assets/built/screen.css.map
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@ -68,6 +68,10 @@ production stylesheet in assets/built/screen.css
    min-height: 100vh;
 }

+.viewport > main {
+    flex-grow: 1;
+}
+
 /* Full width page blocks */
 .outer {
    position: relative;
@ -1038,7 +1042,7 @@ except for when immediately preceeded by a heading */


 /* Captions */
-.kg-card figcaption {
+figcaption {
    padding: 1.5rem 1.5rem 0;
    text-align: center;
    color: rgba(0,0,0,0.5);
@ -1046,9 +1050,12 @@ except for when immediately preceeded by a heading */
    font-size: 1.3rem;
    line-height: 1.4em;
 }
-.kg-card figcaption strong {
+figcaption strong {
    color: rgba(0,0,0,0.8);
 }
+figcaption a {
+    color: var(--ghost-accent-color);
+}


 /* Highly specific styles for traditional Instagram embeds */
--- a/author.hbs
+++ b/author.hbs
@ -31,13 +31,13 @@
                    <div class="author-profile-location">📍 {{location}}</div>
                    {{/if}}
                    {{#if website}}
-                    <span ></span><a class="author-profile-social-link" href="{{website}}" target="_blank" rel="noopener">{{website}}</a></span>
+                    <span><a class="author-profile-social-link" href="{{website}}" target="_blank" rel="noopener">{{website}}</a></span>
                    {{/if}}
                    {{#if twitter}}
-                    <span ></span><a class="author-profile-social-link" href="{{twitter_url}}" target="_blank" rel="noopener">{{twitter_url}}</a></span>
+                    <span><a class="author-profile-social-link" href="{{twitter_url}}" target="_blank" rel="noopener">{{twitter_url}}</a></span>
                    {{/if}}
                    {{#if facebook}}
-                    <span ></span><a class="author-profile-social-link" href="{{facebook_url}}" target="_blank" rel="noopener">{{facebook_url}}</a></span>
+                    <span><a class="author-profile-social-link" href="{{facebook_url}}" target="_blank" rel="noopener">{{facebook_url}}</a></span>
                    {{/if}}
                </div>

--- a/default.hbs
+++ b/default.hbs
@ -52,7 +52,7 @@
                </div>

                {{#unless @member}}
-                    <a class="gh-head-button" href="#/portal">Subscribe</a>
+                    <a class="gh-head-button" href="#/portal/signup">Subscribe</a>
                {{else}}
                    <a class="gh-head-button" href="#/portal/account">Account</a>
                {{/unless}}
--- a/gulpfile.js
+++ b/gulpfile.js
@ -80,7 +80,9 @@ function zipper(done) {
            '**',
            '!node_modules', '!node_modules/**',
            '!dist', '!dist/**',
-            '!yarn-error.log'
+            '!yarn-error.log',
+            '!yarn.lock',
+            '!gulpfile.js'
        ]),
        zip(filename),
        dest('dist/')
--- a/package.json
+++ b/package.json
@ -2,7 +2,7 @@
    "name": "casper",
    "description": "A clean, minimal default theme for the Ghost publishing platform",
    "demo": "https://demo.ghost.io",
-    "version": "4.0.4",
+    "version": "4.1.0",
    "engines": {
        "ghost": ">=4.0.0",
        "ghost-api": "v4"
--- a/page.hbs
+++ b/page.hbs
@ -21,8 +21,11 @@ into the {body} tag of the default.hbs template --}}
                        {{img_url feature_image size="xl"}} 2000w"
                sizes="(min-width: 1400px) 1400px, 92vw"
                src="{{img_url feature_image size="xl"}}"
-                alt="{{title}}"
+                alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
            />
+            {{#if feature_image_caption}}
+                <figcaption>{{feature_image_caption}}</figcaption>
+            {{/if}}
        </figure>
        {{/if}}
    </header>
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@ -14,7 +14,7 @@ which templates loop over to generate a list of posts. --}}
                    {{img_url feature_image size="xl"}} 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="{{img_url feature_image size="m"}}"
-            alt="{{title}}"
+            alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
            loading="lazy"
        />
    </a>
--- a/post.hbs
+++ b/post.hbs
@ -59,8 +59,11 @@ into the {body} tag of the default.hbs template --}}
                        {{img_url feature_image size="xl"}} 2000w"
                sizes="(min-width: 1400px) 1400px, 92vw"
                src="{{img_url feature_image size="xl"}}"
-                alt="{{title}}"
+                alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
            />
+            {{#if feature_image_caption}}
+                <figcaption>{{feature_image_caption}}</figcaption>
+            {{/if}}
        </figure>
        {{/if}}
    </header>
--- a/tag.hbs
+++ b/tag.hbs
@ -7,7 +7,7 @@
        <div class="post-feed">

            {{#tag}}
-            <header class="post-card post-card-large">
+            <section class="post-card post-card-large">
                {{#if feature_image}}
                <div class="post-card-image-link">
                    {{!-- This is a responsive image, it loads different sizes depending on device
@ -30,7 +30,7 @@
                            <div class="post-card-primary-tag">Tagged</div>
                            <h2 class="post-card-title">{{name}}</h2>
                        </header>
-                        <section class="post-card-excerpt">
+                        <div class="post-card-excerpt">
                            <p>
                                {{#if description}}
                                {{description}}
@ -38,11 +38,11 @@
                                A collection of {{plural ../pagination.total empty='zero posts' singular='% post' plural='% posts'}}
                                {{/if}}
                            </p>
-                        </section>
+                        </div>
                    </div>
                </div>{{!--/.post-card-content--}}

-            </header>
+            </section>
            {{/tag}}

            {{#foreach posts}}
Author	SHA1	Message	Date
Sodbileg Gansukh	046d53e885	v4.1.0	2021-07-07 12:16:03 +08:00
Sodbileg Gansukh	e49664eca4	Add alt and caption support to feature images (#812 ) * Add alt and caption support to feature images * Add feature image alt support to post card * Remove three-curlies	2021-07-05 10:59:21 +08:00
Sodbileg Gansukh	21bdffbd8a	Fix header element inside header	2021-06-10 13:32:41 +08:00
Leedan	ea33b00c0a	Author page: remove span stray end tag (#808 )	2021-06-03 10:15:25 +08:00
Sodbileg Gansukh	17c9fe6c55	v4.0.5	2021-05-10 14:21:53 +08:00
Sodbileg Gansukh	5adeaa458b	Make the footer stick to bottom Currently, the footer doesn't stick to the bottom of the viewport when the page content is small. This fixes the issue by making the <main> element fill the remaining space	2021-05-10 14:20:40 +08:00
Sodbileg Gansukh	5013c91f1a	Revert "Pin beeper to v2" This reverts commit `f43f6c567f`.	2021-05-06 15:48:36 +08:00
Sodbileg Gansukh	f43f6c567f	Pin beeper to v2 Beeper started requiring ESM syntax from v3, and it caused an error when running development workflow Error [ERR_REQUIRE_ESM]: Must use import to load ES Module	2021-05-06 12:28:54 +08:00
Sodbileg Gansukh	69feef6c46	Exclude development files from zipped theme	2021-05-05 07:53:10 +08:00
Sodbileg Gansukh	4708987c39	Update signup button Portal link fixes #791	2021-04-02 14:45:33 +08:00