|
3 | 3 | <section class="gh-about gh-outer{{#match @custom.header_section_layout "!=" "Typographic profile"}}{{#unless @site.cover_image}} no-image{{/unless}}{{else}}{{#unless @site.icon}} no-image{{/unless}}{{/match}}">
|
4 | 4 | <div class="gh-about-inner gh-inner">
|
5 | 5 | {{#match @custom.header_section_layout "!=" "Typographic profile"}}
|
6 |
| - {{#if @site.cover_image}} |
7 |
| - <img class="gh-about-image" src="{{@site.cover_image}}" alt="{{@site.title}}"> |
8 |
| - {{/if}} |
| 6 | + {{#match @custom.header_section_layout "=" "Large background"}} |
| 7 | + {{#if @site.cover_image}} |
| 8 | + <img class="gh-about-image" |
| 9 | + srcset="{{img_url @site.cover_image size="s"}} 300w, |
| 10 | + {{img_url @site.cover_image size="m"}} 720w, |
| 11 | + {{img_url @site.cover_image size="l"}} 960w, |
| 12 | + {{img_url @site.cover_image size="xl"}} 1200w, |
| 13 | + {{img_url @site.cover_image size="xxl"}} 2000w" |
| 14 | + sizes="100vw" |
| 15 | + src="{{@site.cover_image}}" alt="{{@site.title}}"> |
| 16 | + {{/if}} |
| 17 | + {{else}} |
| 18 | + {{#if @site.cover_image}} |
| 19 | + <img class="gh-about-image" |
| 20 | + srcset="{{img_url @site.cover_image size="s"}} 300w, |
| 21 | + {{img_url @site.cover_image size="m"}} 720w, |
| 22 | + {{img_url @site.cover_image size="l"}} 960w" |
| 23 | + sizes="(max-width: 840px) 100vw, 50vw" |
| 24 | + src="{{@site.cover_image}}" alt="{{@site.title}}"> |
| 25 | + {{/if}} |
| 26 | + {{/match}} |
9 | 27 | {{else}}
|
10 | 28 | {{#if @site.icon}}
|
11 | 29 | <img class="gh-about-image" src="{{@site.icon}}" alt="{{@site.title}}">
|
|
0 commit comments