ghostcms/solo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

srcsets

Browse Source
This commit is contained in:
Cathy Sarisky 2024-03-23 23:05:42 -04:00
parent 0d5c2e0c1d
commit 07bfa41803
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
default.hbs
View File

@ -9,7 +9,12 @@
{{#is "home"}} {{#is "home"}}
{{#if @site.cover_image}} {{#if @site.cover_image}}
{{#match @custom.header_section_layout "Large background"}}
<link rel="preload" as="image" href="{{@site.cover_image}}"> <link rel="preload" as="image" href="{{@site.cover_image}}">
{{else match @custom.header_section_layout "Side by side"}}
<link rel="preload" as="image" href="{{img_url @site.cover_image size="m"}}">
{{/match}}
{{/if}} {{/if}}
{{/is}} {{/is}}
@ -46,8 +51,8 @@
<a class="gh-head-logo" href="{{@site.url}}"> <a class="gh-head-logo" href="{{@site.url}}">
{{#if @site.logo}} {{#if @site.logo}}
<img srcset="{{img_url @site.logo size="s"}} 300w, <img srcset="{{img_url @site.logo size="s"}} 300w,
{{img_url @site.logo size="m"}} 600w" {{img_url @site.logo size="m"}} 720w"
sizes="(max-width: 600px) 50vw, 40vw" sizes="90vw"
src="{{img_url @site.logo size="s"}}" alt="{{@site.title}}" src="{{img_url @site.logo size="s"}}" alt="{{@site.title}}"
> >
{{else}} {{else}}

5
index.hbs
View File

@ -18,9 +18,8 @@
{{#if @site.cover_image}} {{#if @site.cover_image}}
<img class="gh-about-image" <img class="gh-about-image"
srcset="{{img_url @site.cover_image size="s"}} 300w, srcset="{{img_url @site.cover_image size="s"}} 300w,
{{img_url @site.cover_image size="m"}} 720w, {{img_url @site.cover_image size="m"}} 720w"
{{img_url @site.cover_image size="l"}} 960w" sizes="(max-width: 720px) 100vw, 50vw"
sizes="(max-width: 840px) 100vw, 50vw"
src="{{@site.cover_image}}" alt="{{@site.title}}"> src="{{@site.cover_image}}" alt="{{@site.title}}">
{{/if}} {{/if}}
{{/match}} {{/match}}

8
partials/loop.hbs
View File

@ -8,10 +8,14 @@
{{#match @custom.post_feed_layout "Parallax"}}class="jarallax-img"{{/match}} {{#match @custom.post_feed_layout "Parallax"}}class="jarallax-img"{{/match}}
srcset="{{img_url feature_image size="s"}} 300w, srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 720w, {{img_url feature_image size="m"}} 720w,
{{img_url feature_image size="l"}} 960w, {{img_url feature_image size="l"}} 960w
{{#match @custom.post_feed_layout "=" "Parallax"}},
{{img_url feature_image size="xl"}} 1200w, {{img_url feature_image size="xl"}} 1200w,
{{img_url feature_image size="xxl"}} 2000w" {{img_url feature_image size="xxl"}} 2000w"
sizes="(max-width: 1200px) 100vw, 1200px" sizes="(max-width: 1440px) 100vw, 1440px"
{{else}}
sizes="(max-width: 991px) 100vw, 50vw"
{{/match}}
src="{{img_url feature_image size="m"}}" src="{{img_url feature_image size="m"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
> >