v1.3.1

Fixed bookmark card text color
v1.3.0
2024-07-10 18:22:27 +08:00 · 2024-07-10 18:12:28 +08:00 · 2024-07-03 11:50:04 +08:00 · 2024-07-03 11:47:28 +08:00 · 2024-07-02 13:56:38 +08:00 · 2024-07-02 13:50:47 +08:00
12 changed files with 97 additions and 60 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
@@ -83,50 +83,7 @@ production stylesheet in assets/built/screen.css
 /* 2. Fonts
 /* ---------------------------------------------------------- */

-@font-face {
-    font-family: "Inter";
-    font-style: normal;
-    font-weight: 100 900;
-    font-display: swap;
-    src: url(../fonts/inter-roman.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "EB Garamond";
-    font-style: normal;
-    font-weight: 400 800;
-    font-display: swap;
-    src: url(../fonts/eb-garamond-roman.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "EB Garamond";
-    font-style: italic;
-    font-weight: 400 800;
-    font-display: swap;
-    src: url(../fonts/eb-garamond-italic.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: normal;
-    font-weight: 100 800;
-    font-display: swap;
-    src: url(../fonts/jetbrains-mono-roman.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: italic;
-    font-weight: 100 800;
-    font-display: swap;
-    src: url(../fonts/jetbrains-mono-italic.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
+/* Fonts are preloaded and defined in default.hbs to avoid layout shift */

 /* 3. Resets
 /* ---------------------------------------------------------- */
@@ -276,6 +233,7 @@ a:hover {
    letter-spacing: inherit;
    line-height: 1.1;
    border: 0;
+    border-radius: 40px;
    background-color: transparent;
    outline: none;
    transition: 0.3s ease-in-out;
@@ -2067,6 +2025,8 @@ Search                         LOGO                    Login Subscribe
 .gh-article-author-image :is(img, svg) {
    position: absolute;
    inset: 0;
+    width: 100%;
+    height: 100%;
    object-fit: cover;
 }

@@ -2418,6 +2378,12 @@ blockquote.kg-blockquote-alt {
    opacity: 1;
 }

+.kg-bookmark-card a.kg-bookmark-container,
+.kg-bookmark-card a.kg-bookmark-container:hover {
+    background: var(--background-color) !important;
+    color: var(--color-darker-gray) !important;
+}
+
 .kg-bookmark-card .kg-bookmark-content {
    padding: 1.15em;
 }
@@ -2578,6 +2544,7 @@ figcaption a {
    width: 120px;
    height: 120px;
    border-radius: 50%;
+    object-fit: cover;
 }

 .author-template .gh-article-title {
@@ -2742,7 +2709,7 @@ figcaption a {
    letter-spacing: 0;
 }

-.has-serif-title :is(.gh-button, .gh-form) {
+.has-serif-title :is(.gh-button, .gh-form, .gh-form-input) {
    border-radius: 0;
 }

--- a/default.hbs
+++ b/default.hbs
@@ -10,6 +10,9 @@
    {{!-- Preload main styles and scripts for better performance --}}
    <link rel="preload" as="style" href="{{asset "built/screen.css"}}">
    <link rel="preload" as="script" href="{{asset "built/source.js"}}">
+    
+    {{!-- Fonts are preloaded and defined in the default template to avoid layout shift --}}
+    {{> "typography/fonts"}}

    {{!-- Theme assets - use the {{asset}} helper to reference styles & scripts, this will take care of caching and cache-busting automatically --}}
    <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}">
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
    "name": "source",
    "description": "A default theme for the Ghost publishing platform",
    "demo": "https://source.ghost.io",
-    "version": "1.2.3",
+    "version": "1.3.1",
    "engines": {
        "ghost": ">=5.0.0"
    },
--- a/partials/email-subscription.hbs
+++ b/partials/email-subscription.hbs
@@ -1,5 +1,5 @@
 <form class="gh-form" data-members-form>
-    <input class="gh-form-input" id="{{email_field_id}}" type="email" placeholder="jamie@example.com" required data-members-email>
+    <input class="gh-form-input" id="{{email_field_id}}" name="email" type="email" placeholder="jamie@example.com" required data-members-email>
    <button class="gh-button" type="submit" aria-label="Subscribe">
        <span><span>Subscribe</span> {{> "icons/arrow"}}</span>
        {{> "icons/loader"}}
--- a/partials/feature-image.hbs
+++ b/partials/feature-image.hbs
@@ -1,14 +1,13 @@
 {{#if feature_image}}
    <figure class="gh-article-image">
-        <img
-            srcset="{{img_url feature_image size="s"}} 320w,
-                    {{img_url feature_image size="m"}} 600w,
-                    {{img_url feature_image size="l"}} 960w,
-                    {{img_url feature_image size="xl"}} 1200w,
-                    {{img_url feature_image size="xxl"}} 2000w"
-            src="{{img_url feature_image size="xl"}}"
-            alt="{{title}}"
-        >
+        <picture>
+            <source srcset="{{img_url feature_image size="xxl"}}" media="(min-width: 2000px)">
+            <source srcset="{{img_url feature_image size="xl"}}" media="(min-width: 1200px)">
+            <source srcset="{{img_url feature_image size="l"}}" media="(min-width: 960px)">
+            <source srcset="{{img_url feature_image size="m"}}" media="(min-width: 600px)">
+            <source srcset="{{img_url feature_image size="s"}}" media="(min-width: 320px)">
+            <img src="{{img_url feature_image size="xl"}}" alt="{{title}}">
+        </picture>
        {{#if feature_image_caption}}
            <figcaption>{{feature_image_caption}}</figcaption>
        {{/if}}
--- a/partials/typography/fonts.hbs
+++ b/partials/typography/fonts.hbs
@@ -0,0 +1,15 @@
+{{!-- Sans-serif font is always loaded, because it's the default font for some part of the theme regardless of the settings --}}
+{{> "typography/sans"}}
+
+{{#match @custom.title_font "Modern sans-serif"}}
+    {{#match @custom.body_font "Elegant serif"}}
+        {{> "typography/serif"}}
+    {{/match}}
+{{else match @custom.title_font "Elegant serif"}}
+    {{> "typography/serif"}}
+{{else}}
+    {{> "typography/mono"}}
+    {{#match @custom.body_font "Elegant serif"}}
+        {{> "typography/serif"}}
+    {{/match}}
+{{/match}}
--- a/partials/typography/mono.hbs
+++ b/partials/typography/mono.hbs
@@ -0,0 +1,21 @@
+<link rel="preload" as="font" type="font/woff2" href="{{asset "fonts/jetbrains-mono-roman.woff2"}}" crossorigin="anonymous">
+<link rel="preload" as="font" type="font/woff2" href="{{asset "fonts/jetbrains-mono-italic.woff2"}}" crossorigin="anonymous">
+<style>
+    @font-face {
+        font-family: "JetBrains Mono";
+        font-style: normal;
+        font-weight: 100 800;
+        font-display: optional;
+        src: url({{asset "fonts/jetbrains-mono-roman.woff2"}}) format("woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+
+    @font-face {
+        font-family: "JetBrains Mono";
+        font-style: italic;
+        font-weight: 100 800;
+        font-display: optional;
+        src: url({{asset "fonts/jetbrains-mono-italic.woff2"}}) format("woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+</style>
--- a/partials/typography/sans.hbs
+++ b/partials/typography/sans.hbs
@@ -0,0 +1,11 @@
+<link rel="preload" as="font" type="font/woff2" href="{{asset "fonts/inter-roman.woff2"}}" crossorigin="anonymous">
+<style>
+    @font-face {
+        font-family: "Inter";
+        font-style: normal;
+        font-weight: 100 900;
+        font-display: optional;
+        src: url({{asset "fonts/inter-roman.woff2"}}) format("woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+</style>
--- a/partials/typography/serif.hbs
+++ b/partials/typography/serif.hbs
@@ -0,0 +1,21 @@
+<link rel="preload" as="font" type="font/woff2" href="{{asset "fonts/eb-garamond-roman.woff2"}}" crossorigin="anonymous">
+<link rel="preload" as="font" type="font/woff2" href="{{asset "fonts/eb-garamond-italic.woff2"}}" crossorigin="anonymous">
+<style>
+    @font-face {
+        font-family: "EB Garamond";
+        font-style: normal;
+        font-weight: 400 800;
+        font-display: optional;
+        src: url({{asset "fonts/eb-garamond-roman.woff2"}}) format("woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+
+    @font-face {
+        font-family: "EB Garamond";
+        font-style: italic;
+        font-weight: 400 800;
+        font-display: optional;
+        src: url({{asset "fonts/eb-garamond-italic.woff2"}}) format("woff2");
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+</style>
--- a/post.hbs
+++ b/post.hbs
@@ -19,11 +19,11 @@

            {{#if @custom.show_post_metadata}}
            <div class="gh-article-meta">
-                <div class="gh-article-author-image">
+                <div class="gh-article-author-image instapaper_ignore">
                    {{#foreach authors}}
                        {{#if profile_image}}
                            <a href="{{url}}">
-                                <img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" />
+                                <img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}">
                            </a>
                        {{else}}
                            <a href="{{url}}">{{> "icons/avatar"}}</a>
Author	SHA1	Message	Date
Sodbileg Gansukh	d09d421326	v1.3.1	2024-07-10 18:22:27 +08:00
Sodbileg Gansukh	457397b4f1	Fixed bookmark card text color	2024-07-10 18:12:28 +08:00
Sodbileg Gansukh	c5dd484544	v1.3.0	2024-07-03 11:50:04 +08:00
Sodbileg Gansukh	ca2477b365	Fixed bookmark card background color	2024-07-03 11:47:28 +08:00
Sodbileg Gansukh	70945e1e04	Removed unnecessary itemprop	2024-07-02 13:56:38 +08:00
Sodbileg Gansukh	ed015bab11	Improved Safari Reader support	2024-07-02 13:50:47 +08:00
Sodbileg Gansukh	933c34ac92	Added autofill support to the email input	2024-07-02 11:47:51 +08:00
Sodbileg Gansukh	5fcbe8f3fd	Fixed non-square avatar issue	2024-06-18 12:40:56 +08:00
Sodbileg Gansukh	476c6e9b02	Renamed fonts partial directory	2024-06-17 15:57:17 +08:00
Sodbileg Gansukh	e860b018a3	Improved font loading method for better performance	2024-06-17 15:40:06 +08:00