posts/2021-10-21-tls-and-header-fixes.md: add webps, use pe-figure

4 files changed, 34 insertions, 23 deletions

diff --git a/content/posts/2021-10-21-tls-and-header-fixes.md b/content/posts/2021-10-21-tls-and-header-fixes.md
index 36ff381..f96e34b 100644
--- a/content/posts/2021-10-21-tls-and-header-fixes.md
+++ b/content/posts/2021-10-21-tls-and-header-fixes.md
@@ -3,6 +3,35 @@ slug: tls-and-header-fixes
 title: "TLS and Header Fixes"
 date: "2021-10-21T10:22:04-04:00"
 draft: false
+
+pics:
+  ssllabs:
+    css: "image"
+    tip: "SSL Labs scan results."
+    sources:
+      - "/files/posts/tls-and-header-fixes/ssllabs.webp"
+      - src: "/files/posts/tls-and-header-fixes/ssllabs.png"
+        width: 990
+        height: 506
+
+  securityheaders:
+    css: "image"
+    tip: "Security Headers scan results."
+    sources:
+      - "/files/posts/tls-and-header-fixes/securityheaders.webp"
+      - src: "/files/posts/tls-and-header-fixes/securityheaders.png"
+        width: 1226
+        height: 297
+
+  lighthouse-desktop:
+    css: "image"
+    tip: "Lighthouse desktop scan results."
+    sources:
+      - "/files/posts/tls-and-header-fixes/lighthouse-desktop.webp"
+      - src: "/files/posts/tls-and-header-fixes/lighthouse-desktop.png"
+        width: 488
+        height: 192
+
 ---
 Yesterday I scanned this site using the following tools:
 
@@ -44,29 +73,11 @@ Screenshots of the improved scan results are available below.  Click the
 [SSL Labs][ssllabs] and [Security Headers][securityheaders] pictures to
 see the scan details.
 
-[{{< figure
-  src="/files/posts/tls-and-header-fixes/ssllabs.png"
-  class=image
-  width=990
-  height=506
-  caption="SSL Labs scan results."
->}}][ssllabs-results]
-
-[{{< figure
-  src="/files/posts/tls-and-header-fixes/securityheaders.png"
-  class=image
-  width=1226
-  height=297
-  caption=" Security Headers scan results."
->}}][securityheaders-results]
-
-{{< figure
-  src="/files/posts/tls-and-header-fixes/lighthouse-desktop.png"
-  class=image
-  width=488
-  height=192
-  caption="Lighthouse desktop scan results."
->}}
+[{{< pe-figure "ssllabs" >}}][ssllabs-results]
+
+[{{< pe-figure "securityheaders" >}}][securityheaders-results]
+
+{{< pe-figure "lighthouse-desktop" >}}
 
 [ssllabs]: https://www.ssllabs.com/ssltest/
   "TLS version, cipher suite, and response header scanner."
diff --git a/static/files/posts/tls-and-header-fixes/lighthouse-desktop.webp b/static/files/posts/tls-and-header-fixes/lighthouse-desktop.webp
new file mode 100644
index 0000000..6f57a0e
--- /dev/null
+++ b/static/files/posts/tls-and-header-fixes/lighthouse-desktop.webp
diff --git a/static/files/posts/tls-and-header-fixes/securityheaders.webp b/static/files/posts/tls-and-header-fixes/securityheaders.webp
new file mode 100644
index 0000000..76e7c34
--- /dev/null
+++ b/static/files/posts/tls-and-header-fixes/securityheaders.webp
diff --git a/static/files/posts/tls-and-header-fixes/ssllabs.webp b/static/files/posts/tls-and-header-fixes/ssllabs.webp
new file mode 100644
index 0000000..cefb5d7
--- /dev/null
+++ b/static/files/posts/tls-and-header-fixes/ssllabs.webp