diff --git a/content/post/2021/01/hugo-rss-feeds-and-lazy-image-loading.md b/content/post/2021/01/hugo-rss-feeds-and-lazy-image-loading.md
new file mode 100644
index 00000000..a4e2809b
--- /dev/null
+++ b/content/post/2021/01/hugo-rss-feeds-and-lazy-image-loading.md
@@ -0,0 +1,85 @@
+---
+title: RSS Feeds, Hugo, and Lazy Image Loading
+subtitle: Where's my content? It's a tarp!
+date: 2021-01-05
+tags:
+  - hugo
+  - rss
+categories:
+  - webdesign
+---
+
+## Full RSS Content in Hugo
+
+Just a quick one I wanted to get out there in case you are, like me, using [Hugo](/post/2020/05/hugo-extended/) to power a blog. Apparently, in 2017, the default [behavior changed](https://discourse.gohugo.io/t/full-text-rss-feed/8368/3) from using the `.Content` to the `.Summary` variable in the default [rss.xml](https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_default/rss.xml). 
+
+What's the big deal? I had no idea, until I started using a proper RSS reader today - the open source [NetNewsWire](https://ranchero.com/netnewswire/) for Mac. This is what your RSS feed will look like:
+
+![](../netnewswire.jpg "My Apple M1 article in an RSS reader. Where's all the text?")
+
+The above screenshot might mislead you into thinking I simply captured only a part - I did not. That's the `.Summary`, right there. Since reading all "the news" in one place sounds intriguing, and I'd like other visitors to enjoy my _full_ blog posts in these tools too, I'd have to change the default behavior. That can be easily done by copy-pasting the default into `layouts/_default/rss.xml` and altering it to your liking - such as swapping `.Summary` for `.Content`.
+
+However, that brings us to to problem number two.
+
+## Lazy loading and RSS Feeds
+
+Recently, after trying to maximize my [Lighthouse](https://developers.google.com/web/tools/lighthouse/) score, especially on performance levels, I implemented [lazysizes](https://github.com/aFarkas/lazysizes), a simple solution to lazy load `<img/>` tags, thereby reducing the critical path for a single page to load. That requires a custom `render-image.html` (only available when using the Goldmark Markdown renderer) in `_default/_markup/` that looks like this:
+
+```html
+<figure>
+    <a href="{{ .Destination | safeURL }}" class="lbox">
+        <noscript>
+            <img src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}"{{ end }}>
+        </noscript>     
+        <img class="lazyload" data-src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}"{{ end }}>
+    </a>
+    {{ with .Title }}
+        <figcaption>{{ . }}</figcaption>
+    {{ end }}
+</figure>
+```
+
+Do not forget the `<noscript/>` tag in case JavaScript is disabled or the visitor will not see any images![^tip] Same goes for the RSS feed: your `index.xml` that NetNewsWire loads will see an image tag, but not a `src` attribute. To fix that, I replaced the content, like so:
+
+[^tip]: Try it your for yourself by disabling JS in your browser. Your blog should be accessible to anyone - no CSS, no JS, [accessibility options](/post/2020/06/designing-with-accessibility-in-mind/) - try to include everyone.
+
+```html
+{{ $lazyLoadImg := "<img class=\"lazyload\" data-src=" }}
+{{ $eagerLoadImg := "<img src=" }}
+{{ $content := .Content | replaceRE $lazyLoadImg $eagerLoadImg | safeHTML }}      
+<description>
+  {{ $content }}
+  ]]>
+</description>
+```
+
+## Featured images in RSS feeds
+
+I still wasn't satisfied. Some blog posts use a "big image" (or "featured image" masthead), that is part of the article header, and is currently not shown in the RSS reader. After inspecting the RSS specifications, it seems that a `<img/>` tag in the description should do it, provided a `CDATA` wrapper is present. So, the above description tag was extended, and now looks like this:
+
+```html
+<description>
+  {{ `<![CDATA[ ` | safeHTML }}
+  {{ if .Params.bigimg }}
+    <p>
+      <img hspace="5" src="{{ $baseurl }}bigimg/{{ .Params.bigimg }}"/>
+    </p>
+  {{ end }}
+
+  {{ $content | safeHTML }}
+  ]]>
+</description>
+```
+
+Let's inspect the changes with our RSS reader:
+
+![](../netnewswire2.jpg "Yes, a featured image and the rest of the text!")
+
+Scrolling down also reveals properly loaded images, hooray! Do not forget to add feed metadata to the `<header/>` tag so that NetNewsWire can automatically detect the location of your RSS feed:
+
+```html
+<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="Brain Baking" />
+<link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml" title="Brain Baking" />
+```
+
+Enjoy my RSS feed at [/index.xml](/index.xml).
diff --git a/static/post/2021/01/devon-notes.png b/static/post/2021/01/devon-notes.png
deleted file mode 100644
index 70cc2079..00000000
Binary files a/static/post/2021/01/devon-notes.png and /dev/null differ
diff --git a/static/post/2021/01/netnewswire.jpg b/static/post/2021/01/netnewswire.jpg
new file mode 100644
index 00000000..4f614b21
Binary files /dev/null and b/static/post/2021/01/netnewswire.jpg differ
diff --git a/static/post/2021/01/netnewswire2.jpg b/static/post/2021/01/netnewswire2.jpg
new file mode 100644
index 00000000..7a353074
Binary files /dev/null and b/static/post/2021/01/netnewswire2.jpg differ
diff --git a/themes/brainbaking-minimal/layouts/_default/rss.xml b/themes/brainbaking-minimal/layouts/_default/rss.xml
index a126be2a..5bb77d95 100644
--- a/themes/brainbaking-minimal/layouts/_default/rss.xml
+++ b/themes/brainbaking-minimal/layouts/_default/rss.xml
@@ -55,7 +55,7 @@
             </p>
           {{ end }}
 
-          {{ $content | safeHTML }}
+          {{ $content }}
           ]]>
       </description>
     </item>
diff --git a/themes/brainbaking-minimal/layouts/partials/single-header.html b/themes/brainbaking-minimal/layouts/partials/single-header.html
index 7623cf74..f661b3e5 100644
--- a/themes/brainbaking-minimal/layouts/partials/single-header.html
+++ b/themes/brainbaking-minimal/layouts/partials/single-header.html
@@ -34,14 +34,6 @@
                     {{ end }}
                 </span>
             {{ end }}
-            {{ if (not .Params.disableComments) }}
-                &nbsp;|&nbsp;
-                <span title="Comments">
-                    <svg class='icon icon-text' width='24' height='24'>
-                        <use xlink:href='#discuss'></use>
-                    </svg><a href="{{ .Permalink }}#commento"></a>
-                </span>
-            {{ end }}
         </h3>
     {{ end }}