add webp links, update svg links

1 files changed, 21 insertions, 14 deletions

diff --git a/content/posts/2021-11-05-feed-bloater.md b/content/posts/2021-11-05-feed-bloater.md
index b26ebfe..d04506c 100644
--- a/content/posts/2021-11-05-feed-bloater.md
+++ b/content/posts/2021-11-05-feed-bloater.md
@@ -3,6 +3,25 @@ slug: feed-bloater
 title: "Feed Bloater"
 date: "2021-11-05T23:49:56-04:00"
 draft: false
+
+pics:
+  llvmweekly-old:
+    css: "image"
+    tip: "Truncated LLVM Weekly RSS feed, viewed in The Old Reader."
+    sources:
+      - "/files/posts/feed-bloater/llvmweekly-old.webp"
+      - src: "/files/posts/feed-bloater/llvmweekly-old.png"
+        width: 1013
+        height: 623
+
+  llvmweekly-new:
+    css: "image"
+    tip: "LLVM Weekly RSS feed, expanded by Feed Bloater, and viewed in The Old Reader."
+    sources:
+      - "/files/posts/feed-bloater/llvmweekly-new.webp"
+      - src: "/files/posts/feed-bloater/llvmweekly-new.png"
+        width: 1046
+        height: 673
 ---
 In addition to [fixing the RSS feed for this site][site-rss], I also
 created a simple command-line tool named [Feed Bloater][]
@@ -31,24 +50,12 @@ feedbloater https://llvmweekly.org/rss.xml div.post path/to/llvmweekly.xml
 Here's what the original [LLVM Weekly][] [RSS feed][rss] looks like in
 [The Old Reader][]:
 
-{{< figure
-  src="/files/posts/feed-bloater/llvmweekly-old.png"
-  class=image
-  width=1013
-  height=623
-  caption="Truncated LLVM Weekly RSS feed, viewed in The Old Reader."
->}}
+{{< pe-figure "llvmweekly-old" >}}
 
 Here's what the expanded [RSS feed][rss] generated by the example above
 looks like:
 
-{{< figure
-  src="/files/posts/feed-bloater/llvmweekly-new.png"
-  class=image
-  width=1046
-  height=673
-  caption="LLVM Weekly RSS feed, expanded by Feed Bloater, and viewed in The Old Reader."
->}}
+{{< pe-figure "llvmweekly-new" >}}
 
 Much better!  I've been happily using [Feed Bloater][] to expand several
 truncated feeds for about a week.