From 0d5c2e0c1d6022ea6390d6d0583f9f13a049b665 Mon Sep 17 00:00:00 2001
From: Cathy Sarisky <catsarisky@gmail.com>
Date: Sat, 23 Mar 2024 22:41:04 -0400
Subject: [PATCH 1/3] fix logo and hero image srcset

---
 default.hbs |  6 +++++-
 index.hbs   | 24 +++++++++++++++++++++---
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/default.hbs b/default.hbs
index 0f5836de9..b7eead4a3 100644
--- a/default.hbs
+++ b/default.hbs
@@ -45,7 +45,11 @@
                 <div class="gh-head-brand-wrapper">
                     <a class="gh-head-logo" href="{{@site.url}}">
                         {{#if @site.logo}}
-                            <img src="{{@site.logo}}" alt="{{@site.title}}">
+                            <img srcset="{{img_url @site.logo size="s"}} 300w,
+                                {{img_url @site.logo size="m"}} 600w"
+                                sizes="(max-width: 600px) 50vw, 40vw"
+                            src="{{img_url @site.logo size="s"}}" alt="{{@site.title}}"
+                            >
                         {{else}}
                             {{@site.title}}
                         {{/if}}
diff --git a/index.hbs b/index.hbs
index 603adb236..aa126d04c 100644
--- a/index.hbs
+++ b/index.hbs
@@ -3,9 +3,27 @@
 <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}}">
     <div class="gh-about-inner gh-inner">
         {{#match @custom.header_section_layout "!=" "Typographic profile"}}
-            {{#if @site.cover_image}}
-                <img class="gh-about-image" src="{{@site.cover_image}}" alt="{{@site.title}}">
-            {{/if}}
+            {{#match @custom.header_section_layout "=" "Large background"}}
+                {{#if @site.cover_image}}
+                    <img class="gh-about-image" 
+                        srcset="{{img_url @site.cover_image size="s"}} 300w,
+                            {{img_url @site.cover_image size="m"}} 720w,
+                            {{img_url @site.cover_image size="l"}} 960w,
+                            {{img_url @site.cover_image size="xl"}} 1200w,
+                            {{img_url @site.cover_image size="xxl"}} 2000w"
+                        sizes="100vw"
+                        src="{{@site.cover_image}}" alt="{{@site.title}}">
+                {{/if}}
+            {{else}}
+                {{#if @site.cover_image}}
+                    <img class="gh-about-image" 
+                        srcset="{{img_url @site.cover_image size="s"}} 300w,
+                            {{img_url @site.cover_image size="m"}} 720w,
+                            {{img_url @site.cover_image size="l"}} 960w"
+                        sizes="(max-width: 840px) 100vw, 50vw"
+                        src="{{@site.cover_image}}" alt="{{@site.title}}">
+                {{/if}}                
+            {{/match}}
         {{else}}
             {{#if @site.icon}}
                 <img class="gh-about-image" src="{{@site.icon}}" alt="{{@site.title}}">

From 07bfa418032029af47f1c8c326aa653b60efa128 Mon Sep 17 00:00:00 2001
From: Cathy Sarisky <catsarisky@gmail.com>
Date: Sat, 23 Mar 2024 23:05:42 -0400
Subject: [PATCH 2/3] srcsets

---
 default.hbs       | 9 +++++++--
 index.hbs         | 5 ++---
 partials/loop.hbs | 8 ++++++--
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/default.hbs b/default.hbs
index b7eead4a3..a8d94ebfb 100644
--- a/default.hbs
+++ b/default.hbs
@@ -9,7 +9,12 @@
 
     {{#is "home"}}
         {{#if @site.cover_image}}
+        {{#match @custom.header_section_layout "Large background"}}
             <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}}
     {{/is}}
 
@@ -46,8 +51,8 @@
                     <a class="gh-head-logo" href="{{@site.url}}">
                         {{#if @site.logo}}
                             <img srcset="{{img_url @site.logo size="s"}} 300w,
-                                {{img_url @site.logo size="m"}} 600w"
-                                sizes="(max-width: 600px) 50vw, 40vw"
+                                {{img_url @site.logo size="m"}} 720w"
+                                sizes="90vw"
                             src="{{img_url @site.logo size="s"}}" alt="{{@site.title}}"
                             >
                         {{else}}
diff --git a/index.hbs b/index.hbs
index aa126d04c..54bf64a0d 100644
--- a/index.hbs
+++ b/index.hbs
@@ -18,9 +18,8 @@
                 {{#if @site.cover_image}}
                     <img class="gh-about-image" 
                         srcset="{{img_url @site.cover_image size="s"}} 300w,
-                            {{img_url @site.cover_image size="m"}} 720w,
-                            {{img_url @site.cover_image size="l"}} 960w"
-                        sizes="(max-width: 840px) 100vw, 50vw"
+                            {{img_url @site.cover_image size="m"}} 720w"
+                        sizes="(max-width: 720px) 100vw, 50vw"
                         src="{{@site.cover_image}}" alt="{{@site.title}}">
                 {{/if}}                
             {{/match}}
diff --git a/partials/loop.hbs b/partials/loop.hbs
index 1485933b3..fbba59c79 100644
--- a/partials/loop.hbs
+++ b/partials/loop.hbs
@@ -8,10 +8,14 @@
                         {{#match @custom.post_feed_layout "Parallax"}}class="jarallax-img"{{/match}}
                         srcset="{{img_url feature_image size="s"}} 300w,
                                 {{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="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"}}"
                         alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
                     >

From 65494c571cdc4e9c4fbbbb9ba7778ee44816ae2e Mon Sep 17 00:00:00 2001
From: Cathy Sarisky <catsarisky@gmail.com>
Date: Sun, 24 Mar 2024 14:24:54 -0400
Subject: [PATCH 3/3] typo fix.

---
 partials/loop.hbs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/partials/loop.hbs b/partials/loop.hbs
index fbba59c79..fc8430f6f 100644
--- a/partials/loop.hbs
+++ b/partials/loop.hbs
@@ -11,10 +11,10 @@
                                 {{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="xxl"}} 2000w"
-                        sizes="(max-width: 1440px) 100vw, 1440px"
+                                {{img_url feature_image size="xxl"}} 2000w
+                        " sizes="(max-width: 1440px) 100vw, 1440px"
                         {{else}}
-                        sizes="(max-width: 991px) 100vw, 50vw"
+                        " sizes="(max-width: 991px) 100vw, 50vw"
                         {{/match}}
                         src="{{img_url feature_image size="m"}}"
                         alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"