From 02f2b53f642ed69d5f4d94e5e294aa6d030450f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20M=2E=20Sapka?= <michal@sapka.me>
Date: Sat, 25 Feb 2023 19:09:29 +0100
Subject: feat: handle retina for post omages

---
 layouts/shortcodes/img-center.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'layouts/shortcodes/img-center.html')

diff --git a/layouts/shortcodes/img-center.html b/layouts/shortcodes/img-center.html
index a7206c3..ee6425a 100644
--- a/layouts/shortcodes/img-center.html
+++ b/layouts/shortcodes/img-center.html
@@ -3,9 +3,19 @@
 {{- $img := resources.Get $path }}
 {{- $caption := .Get 1 }}
 {{- $source := .Get 2 }}
-{{- $img = $img.Resize "500x webp q90"}}
+{{- $img1x := $img.Resize "500x webp q90"}}
+{{- $img2x := $img.Resize "1000x webp q90"}}
 <figure>
-  <img class="centered" alt="{{ $caption }}" src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
+  <img 
+    class="centered" 
+    alt="{{ $caption }}" 
+    src="{{ $img1x.RelPermalink }}" 
+    srcset="
+      {{ $img1x.RelPermalink }} 1x,
+      {{ $img2x.RelPermalink }} 2x,
+    "
+    width="{{ $img1x.Width }}" 
+    height="{{ $img1x.Height }}">
 	<figcaption>
     {{ $caption }}
 
-- 
cgit v1.2.3