From 87afba6fc251bf8fd529245f47de25b0a01649ca Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Sun, 31 May 2020 22:20:43 +0700
Subject: [PATCH] Default to responsive lazyloaded images

---
 post.hbs | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/post.hbs b/post.hbs
index 914e0154..39e28370 100644
--- a/post.hbs
+++ b/post.hbs
@@ -13,7 +13,16 @@
         {{/if}}
 
         {{#if feature_image}}
-            <img class="gh-feature-image" src="{{feature_image}}" alt="{{title}}" />
+        <img class="gh-feature-image"
+            srcset="{{img_url feature_image size="s"}} 300w,
+                    {{img_url feature_image size="m"}} 600w,
+                    {{img_url feature_image size="l"}} 1000w,
+                    {{img_url feature_image size="xl"}} 2000w"
+            sizes="(max-width: 1000px) 400px, 700px"
+            loading="lazy"
+            src="{{img_url feature_image size="m"}}"
+            alt="{{title}}"
+        />
         {{/if}}
     </header>
 
@@ -50,4 +59,4 @@
     </div>
 </aside>
 
-{{/post}}
\ No newline at end of file
+{{/post}}