posts/2021-10-25-the-nuclear-option-no-more-unsafe-inline.md: use pe-figure, add webp

1 files changed, 11 insertions, 7 deletions

diff --git a/content/posts/2021-10-25-the-nuclear-option-no-more-unsafe-inline.md b/content/posts/2021-10-25-the-nuclear-option-no-more-unsafe-inline.md
index a2f07fd..71e3234 100644
--- a/content/posts/2021-10-25-the-nuclear-option-no-more-unsafe-inline.md
+++ b/content/posts/2021-10-25-the-nuclear-option-no-more-unsafe-inline.md
@@ -3,6 +3,16 @@ slug: the-nuclear-option-no-more-unsafe-inline
 title: "The Nuclear Option (No More unsafe-inline)"
 date: "2021-10-25T18:50:13-04:00"
 draft: false
+
+pics:
+  securityheaders:
+    css: "image"
+    tip: "Updated Security Headers scan result."
+    sources:
+      - "/files/posts/the-nuclear-option-no-more-unsafe-inline/securityheaders.webp"
+      - src: "/files/posts/the-nuclear-option-no-more-unsafe-inline/securityheaders.png"
+        width: 1218
+        height: 248
 ---
 As you can see from the [last post][], I went with the nuclear option
 and created a [Hugo table shortcode][git], then did the following:
@@ -24,13 +34,7 @@ Header append "Content-Security-Policy" "default-src 'self'; img-src 'self' http
 
 And here is the updated [Security Headers][securityheaders] scan result:
 
-[{{< figure
-  src="/files/posts/the-nuclear-option-no-more-unsafe-inline/securityheaders.png"
-  class=image
-  width=1218
-  height=248
-  caption=" Updated Security Headers scan result."
->}}][securityheaders-results]
+[{{< pe-figure "securityheaders" >}}][securityheaders-results]
 
 A couple of recommendations for folks getting started with [Hugo][]: