From 053a03d42942a4c93d25ef72f49fe742e4f69549 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Mon, 31 Jan 2022 09:14:30 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20rounded=20border=20to=20im?=
 =?UTF-8?q?ages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 exampleSite/content/docs/version-2/upgrade/index.md |  4 +++-
 layouts/_default/_markup/render-image.html          | 10 +++++-----
 layouts/shortcodes/figure.html                      | 10 +++++-----
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/exampleSite/content/docs/version-2/upgrade/index.md b/exampleSite/content/docs/version-2/upgrade/index.md
index 78f6ae3a..e9222b0e 100644
--- a/exampleSite/content/docs/version-2/upgrade/index.md
+++ b/exampleSite/content/docs/version-2/upgrade/index.md
@@ -177,7 +177,9 @@ If you have provided an author image or site logo, simply move these assets from
 
 ## Step 5: Check content
 
-The behavior of the `figure` shortcode is different in version 2. If you are using `figure` in your content, you may need to adjust the parameters you are providing. Consult the shortcode docs to learn more about supported parameters.
+The behavior of the `figure` shortcode is different in version 2. If you are using `figure` in your content and have advanced use cases, you may need to adjust the parameters you are providing.
+
+Consult the [shortcode docs]({{< ref "docs/shortcodes#figure" >}}) to learn more about supported parameters.
 
 ## Step 6: Rebuild
 
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index f51d7d8c..6c01a4b4 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -3,13 +3,13 @@
 {{ with $.Page.Resources.GetMatch (.Destination) }}
   <figure>
     <img
-      class="my-0"
+      class="my-0 rounded-md"
       srcset="
-        {{ (.Resize "320x").RelPermalink }} 320w,
-        {{ (.Resize "635x").RelPermalink }} 635w,
+        {{ (.Resize "330x").RelPermalink }} 330w,
+        {{ (.Resize "660x").RelPermalink }} 660w,
         {{ (.Resize "1024x").RelPermalink }} 1024w,
-        {{ (.Resize "1270x").RelPermalink }} 2x"
-      src="{{ (.Resize "635x").RelPermalink }}"
+        {{ (.Resize "1320x").RelPermalink }} 2x"
+      src="{{ (.Resize "660x").RelPermalink }}"
       alt="{{ $altText }}"
     />
     <figcaption>{{ $caption | markdownify }}</figcaption>
diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html
index 5a9bbc0b..963ec3e4 100644
--- a/layouts/shortcodes/figure.html
+++ b/layouts/shortcodes/figure.html
@@ -6,13 +6,13 @@
   <figure {{ with $class }}class="{{ . }}"{{ end }}>
     {{ with $href }}<a href="{{ . }}">{{ end }}
       <img
-        class="my-0"
+        class="my-0 rounded-md"
         srcset="
-        {{ (.Resize "320x").RelPermalink }} 320w,
-        {{ (.Resize "635x").RelPermalink }} 635w,
+        {{ (.Resize "330x").RelPermalink }} 330w,
+        {{ (.Resize "660x").RelPermalink }} 660w,
         {{ (.Resize "1024x").RelPermalink }} 1024w,
-        {{ (.Resize "1270x").RelPermalink }} 2x"
-        src="{{ (.Resize "635x").RelPermalink }}"
+        {{ (.Resize "1320x").RelPermalink }} 2x"
+        src="{{ (.Resize "660x").RelPermalink }}"
         alt="{{ $altText }}"
       />
     {{ if $href }}</a>{{ end }}