<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="pretty-atom-feed.xsl" type="text/xsl"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:base="https://example.com/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    
    <title>Blog Title</title>
    <link>https://example.com/</link>
    <atom:link href="https://example.com/feed/feed.xml" rel="self" type="application/rss+xml" />
    <description>This is a longer description about your blog.</description>
    <language>en</language>
    <item>
      <title>How to illustrate a concept with AI</title>
      <link>https://example.com/blog/sixthpost/</link><description>
&lt;h2 id=&quot;background&quot;&gt;Background&lt;/h2&gt;
&lt;p&gt;A friend, a very A conscientious one, is about to buy a flat, and that, for her, is an uncertainty-inducing situation.&lt;/p&gt;
&lt;p&gt;I thought I would send her an encouraging postcard. Open Midjourney and try:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;A courageous cat confronts a monster.one point perspective. Cat from behind in the lower center. The monster a large grey mass in the background.the feeling should be that the cat will win even if the monster is really monstrous&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class=&quot;imgrow&quot;&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/7Mc5pufD7O-540.webp&quot; width=&quot;1232&quot; alt=&quot;first-try-001.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/7Mc5pufD7O-540.webp 540w, https://example.com/blog/sixthpost/7Mc5pufD7O-960.webp 960w, https://example.com/blog/sixthpost/7Mc5pufD7O-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/yr9xAcOlDh-540.webp&quot; width=&quot;1232&quot; alt=&quot;first-try-002.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/yr9xAcOlDh-540.webp 540w, https://example.com/blog/sixthpost/yr9xAcOlDh-960.webp 960w, https://example.com/blog/sixthpost/yr9xAcOlDh-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/2T_FVtDHpq-540.webp&quot; width=&quot;1232&quot; alt=&quot;first-try-003.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/2T_FVtDHpq-540.webp 540w, https://example.com/blog/sixthpost/2T_FVtDHpq-960.webp 960w, https://example.com/blog/sixthpost/2T_FVtDHpq-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/5purSPaH3K-540.webp&quot; width=&quot;1232&quot; alt=&quot;first-try-004.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/5purSPaH3K-540.webp 540w, https://example.com/blog/sixthpost/5purSPaH3K-960.webp 960w, https://example.com/blog/sixthpost/5purSPaH3K-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
&lt;/div&gt;
&lt;p&gt;OK: Cat, monster, check. But no &amp;quot;overcoming challenge&amp;quot;.&lt;/p&gt;
&lt;h2 id=&quot;second-try-rerun&quot;&gt;Second try: rerun&lt;/h2&gt;
&lt;div class=&quot;imgrow&quot;&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/3mkJG3RQqO-540.webp&quot; width=&quot;1232&quot; alt=&quot;second-try-005.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/3mkJG3RQqO-540.webp 540w, https://example.com/blog/sixthpost/3mkJG3RQqO-960.webp 960w, https://example.com/blog/sixthpost/3mkJG3RQqO-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
&lt;!-- 18: second-try-006.webp --&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/9mHDJ2JO3u-540.webp&quot; width=&quot;1232&quot; alt=&quot;second-try-006.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/9mHDJ2JO3u-540.webp 540w, https://example.com/blog/sixthpost/9mHDJ2JO3u-960.webp 960w, https://example.com/blog/sixthpost/9mHDJ2JO3u-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
&lt;!-- 19: second-try-007.webp --&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/lrz8uYBpJO-540.webp&quot; width=&quot;1232&quot; alt=&quot;second-try-007.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/lrz8uYBpJO-540.webp 540w, https://example.com/blog/sixthpost/lrz8uYBpJO-960.webp 960w, https://example.com/blog/sixthpost/lrz8uYBpJO-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
&lt;!-- 20: second-try-008.webp --&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/_xxStBFhkX-540.webp&quot; width=&quot;1232&quot; alt=&quot;second-try-008.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;928&quot; srcset=&quot;https://example.com/blog/sixthpost/_xxStBFhkX-540.webp 540w, https://example.com/blog/sixthpost/_xxStBFhkX-960.webp 960w, https://example.com/blog/sixthpost/_xxStBFhkX-1232.webp 1232w&quot; sizes=&quot;auto&quot;&gt;
&lt;/div&gt;
&lt;p&gt;Not any better, really.&lt;/p&gt;
&lt;h2 id=&quot;third-try-fire-up-claude&quot;&gt;Third try: fire up Claude&lt;/h2&gt;
&lt;div class=&quot;ich&quot;&gt;I am looking for a way to illustrate &quot;courageously standing up to an uncertain and somewhat menacing future&quot;.
I tried this prompt: &quot;a courageous cat confronts a monster.one point perspective. Cat from behind in the lower center. The monster a large grey mass in the background.the feeling should be that the cat will win even if the monster is really monstrous&quot; but the results are disappointingly boring and unexpressive. 
&lt;p&gt;Can you think of something better? I usually render with Midjourney.&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;div class=&quot;du&quot;&gt;
&lt;p&gt;&lt;strong&gt;Your prompt fails because it tells Midjourney how to &lt;em&gt;feel&lt;/em&gt; instead of what to &lt;em&gt;see&lt;/em&gt;.&lt;/strong&gt; &amp;quot;The feeling should be that the cat will win&amp;quot; is instruction, not image. And &amp;quot;a large grey mass&amp;quot; is a literal description of a boring grey blob — MJ gave you exactly what you asked for.&lt;/p&gt;
&lt;p&gt;Three fixes:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Don&#39;t depict the monster. Imply it.&lt;/strong&gt; Uncertainty is a visual property: fog, silhouette, something half-resolved, something with no face. The moment MJ renders a full creature, the uncertainty is gone and you get a Halloween cartoon.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Courage lives in the body and the light.&lt;/strong&gt; Tail straight up, ears forward, paws planted, long shadow thrown &lt;em&gt;toward&lt;/em&gt; the threat. Put a warm light source behind the cat so it gets a gold rim against a cold grey world. That single contrast does more than any adjective.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Scale, not size.&lt;/strong&gt; Make the cat tiny — bottom 10–15% of the frame. Small-against-vast is the whole emotion. Your version has the cat and monster competing for the same space, so neither reads.&lt;/p&gt;
&lt;p&gt;Here&#39;s the prompt I&#39;d run:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;small tabby cat seen from behind, tiny in the lower third of the frame, standing planted on wet asphalt, tail raised straight up, ears forward. ahead the street dissolves into thick grey fog, and within the fog an enormous dark shape only half resolves — an outline, a suggestion of shoulders, no face. low warm streetlight behind the cat casts a long thin shadow toward the fog and rims its fur in gold. one point perspective, low horizon. painterly gouache illustration, cold grey palette against one warm light source, heavy negative space --ar 4:5 --s 400&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Two variants worth trying with the same bones:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Graphic/poster&lt;/strong&gt; — swap the paint for a screenprint: &lt;em&gt;three colours only: bone white, deep indigo, one stroke of orange. thick grain, flat shapes, strong diagonal light.&lt;/em&gt; Works better if this is going on a blog header.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Cinematic&lt;/strong&gt; — &lt;em&gt;shallow depth of field, cat sharp and in focus, colossal blurred silhouette behind in volumetric haze, unreadable and soft-edged. muted teal and ash --ar 21:9 --s 250.&lt;/em&gt; The blur is doing the &amp;quot;uncertain&amp;quot; work here instead of the fog.&lt;/p&gt;
&lt;p&gt;One more lever: the threat doesn&#39;t have to be a creature at all. A wall of storm front, a wave, a mountain that wasn&#39;t there yesterday — those read as &amp;quot;menacing future&amp;quot; more honestly than a monster does, because you can&#39;t fight them, only face them. Try replacing the shape with &lt;em&gt;a towering wall of slow-moving cloud swallowing the street&lt;/em&gt; and see what you get.&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;div class=&quot;imgrow&quot;&gt;&lt;img src=&quot;https://example.com/blog/sixthpost/IvTlAJfT1V-540.webp&quot; width=&quot;960&quot; alt=&quot;third-try-009.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1200&quot; srcset=&quot;https://example.com/blog/sixthpost/IvTlAJfT1V-540.webp 540w, https://example.com/blog/sixthpost/IvTlAJfT1V-960.webp 960w&quot; sizes=&quot;auto&quot;&gt;
&lt;!-- 26: third-try-010.webp --&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/Hy-qMsu_9T-540.webp&quot; width=&quot;960&quot; alt=&quot;third-try-010.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1200&quot; srcset=&quot;https://example.com/blog/sixthpost/Hy-qMsu_9T-540.webp 540w, https://example.com/blog/sixthpost/Hy-qMsu_9T-960.webp 960w&quot; sizes=&quot;auto&quot;&gt;
&lt;!-- 27: third-try-011.webp --&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/PI-MUCkbgm-540.webp&quot; width=&quot;960&quot; alt=&quot;third-try-011.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1200&quot; srcset=&quot;https://example.com/blog/sixthpost/PI-MUCkbgm-540.webp 540w, https://example.com/blog/sixthpost/PI-MUCkbgm-960.webp 960w&quot; sizes=&quot;auto&quot;&gt;
&lt;!-- 28: third-try-012.webp --&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/o5VSl4Rf1k-540.webp&quot; width=&quot;960&quot; alt=&quot;third-try-012.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1200&quot; srcset=&quot;https://example.com/blog/sixthpost/o5VSl4Rf1k-540.webp 540w, https://example.com/blog/sixthpost/o5VSl4Rf1k-960.webp 960w&quot; sizes=&quot;auto&quot;&gt;
&lt;/div&gt;
&lt;p&gt;I think the third one is pretty good. Except for the alignment along the central axis.&lt;/p&gt;
&lt;p&gt;This one – same prompt, but landscape – is quite good, too. The menace is a bit too wishy washy, though.&lt;/p&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/_TYuE1WCTg-540.webp&quot; width=&quot;1680&quot; alt=&quot;fourth-try-014.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;720&quot; srcset=&quot;https://example.com/blog/sixthpost/_TYuE1WCTg-540.webp 540w, https://example.com/blog/sixthpost/_TYuE1WCTg-960.webp 960w, https://example.com/blog/sixthpost/_TYuE1WCTg-1680.webp 1680w&quot; sizes=&quot;auto&quot;&gt;
&lt;h2 id=&quot;next-try-lose-the-axis&quot;&gt;Next try: Lose the axis&lt;/h2&gt;
  &lt;div class=&quot;ich&quot;&gt;The image in portrait proportions works quite well. very good composition, the cat is small yet obviously the focus. Neil Gaiman said &quot;Fairy tales don&#39;t tell you that there *are* dragons but that you can beat them&quot;.  I was aiming for an image that expresses this idea: &quot;you can do it, you are up to it.&quot; although I currently have no idea how to express it.
&lt;p&gt;I like the aesthetics of the cinematic still but the center alignment feels like a waste of space. What other &amp;quot;blocking&amp;quot; would show the &amp;quot;small against dangerous&amp;quot; yet use the frame?&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;div class=&quot;du&quot;&gt;
&lt;p&gt;&lt;strong&gt;Move the cat off-center and give it a trail.&lt;/strong&gt; Bottom-left third, mid-stride, with a visible wake behind it — footprints in wet ash, a broken reflection, a path already crossed. That&#39;s your Gaiman line, literally: the frame shows the cat has already come a long way toward the thing. It isn&#39;t sitting and contemplating, it&#39;s &lt;em&gt;closing distance&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;That also fixes your dead space. In the centered version, everything left and right of the cat is doing nothing. With this blocking, the left edge holds the trail (past), the cat sits on the left thirds line (present), and the whole right side is the mass it&#39;s walking into (future). Every part of the 21:9 has a job.&lt;/p&gt;
&lt;p&gt;Three things that do most of the work:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Mid-stride, not seated.&lt;/strong&gt; One front paw lifted, body weight forward. Sitting reads as awe. Walking reads as decision. This alone changes the whole sentence.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Put a scale object in there.&lt;/strong&gt; A lamp post, a car roof, a road sign half-swallowed by fog. Right now your monster is infinitely big &lt;em&gt;and&lt;/em&gt; infinitely vague, which means it&#39;s actually unmeasurable — and unmeasurable threats can&#39;t be beaten. Give the viewer a ruler and the mass becomes &amp;quot;very large&amp;quot; instead of &amp;quot;cosmic.&amp;quot; Beatable.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Let the light win somewhere.&lt;/strong&gt; The dark should fray where the warm light touches it, not sit as a hard wall. A thin gap of light on the horizon, a seam in the mass. One small visual promise that it isn&#39;t solid.&lt;/p&gt;
&lt;p&gt;The prompt:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;small tabby cat seen from behind, tiny, positioned in the lower left third, mid-stride with one front paw lifted, walking rightward across cracked wet ground. a trail of wet pawprints and broken reflections leads back to the left edge of frame. ahead and to the right, an enormous slow wall of dark cloud fills two thirds of the frame, half-swallowing a leaning street lamp and a road sign for scale. a thin seam of warm gold light breaks the horizon where the dark frays. cinematic still, shallow depth of field, cat sharp, background soft volumetric haze. muted teal and ash with one warm light source --ar 21:9 --s 250&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Two variants on the same blocking:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Gateway&lt;/strong&gt; — keep the cat lower-left, but add dark ruined verticals at both frame edges in the foreground, out of focus. The cat walks through the gap between them. Uses the edges instead of letting them fade, and makes the viewer feel like they&#39;re standing behind the cat rather than floating.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Mirrored diagonal&lt;/strong&gt; — cat lower-left, mass entering as a wedge from the top-right corner. The empty diagonal band between them is the ground still to cover. Cleanest, most poster-like, and it reads instantly at thumbnail size.&lt;/p&gt;
&lt;p&gt;One note on your portrait image: that giant shape is unmistakably a &lt;em&gt;cat&lt;/em&gt; silhouette. Probably accidental, but it&#39;s the strongest thing in the frame — it turns the monster into the cat&#39;s own shadow. If you want &amp;quot;you can beat them,&amp;quot; that&#39;s a gift. Lean into it rather than fixing it.&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;Midjourney was a bit overwhelmed by the composition in this prompt:&lt;/p&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/b6V2NsapK_-540.webp&quot; width=&quot;1680&quot; alt=&quot;sixth-try-023.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;720&quot; srcset=&quot;https://example.com/blog/sixthpost/b6V2NsapK_-540.webp 540w, https://example.com/blog/sixthpost/b6V2NsapK_-960.webp 960w, https://example.com/blog/sixthpost/b6V2NsapK_-1680.webp 1680w&quot; sizes=&quot;auto&quot;&gt;
&lt;h2 id=&quot;switch-to-gpt-image&quot;&gt;Switch to GPT image&lt;/h2&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/jxN2xXsW7a-540.webp&quot; width=&quot;2048&quot; alt=&quot;gpt-1.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1152&quot; srcset=&quot;https://example.com/blog/sixthpost/jxN2xXsW7a-540.webp 540w, https://example.com/blog/sixthpost/jxN2xXsW7a-960.webp 960w, https://example.com/blog/sixthpost/jxN2xXsW7a-2048.webp 2048w&quot; sizes=&quot;auto&quot;&gt;
&lt;p&gt;A lot better. Let&#39;s see if Claude has an idea how to improve it.&lt;/p&gt;
  &lt;div class=&quot;du&quot;&gt;
&lt;p&gt;&lt;strong&gt;One fix matters more than all the others: the tail is down.&lt;/strong&gt; That&#39;s the single gesture that contradicts everything else in the frame. A cat with a low, trailing tail is anxious or submissive — it&#39;s the universal cat signal for &amp;quot;I am not sure about this.&amp;quot; Vertical tail, slight hook at the tip, is confidence. You&#39;ve built a whole image about courage and then put a nervous tail on the protagonist. Fix that and the picture changes meaning without touching anything else.&lt;/p&gt;
&lt;p&gt;If you&#39;re editing rather than regenerating, one instruction does most of it:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Raise the cat&#39;s tail to a confident vertical with a slight hook at the tip. Lift its head so it is looking up at the storm wall ahead. Make the cat a little sturdier and less bedraggled. Add a narrow seam of warm gold light breaking through the dark cloud on the far right, small and distant. Extend the cat&#39;s wet reflection across the lower right foreground.&lt;/p&gt;
&lt;/blockquote&gt;
  &lt;/div&gt;
  &lt;img src=&quot;https://example.com/blog/sixthpost/1CnXMOysV4-540.webp&quot; width=&quot;2048&quot; alt=&quot;gpt-2.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1152&quot; srcset=&quot;https://example.com/blog/sixthpost/1CnXMOysV4-540.webp 540w, https://example.com/blog/sixthpost/1CnXMOysV4-960.webp 960w, https://example.com/blog/sixthpost/1CnXMOysV4-2048.webp 2048w&quot; sizes=&quot;auto&quot;&gt;
  &lt;div class=&quot;du&quot;&gt;
&lt;p&gt;&lt;strong&gt;You lost the stride.&lt;/strong&gt; All four paws are planted. It&#39;s standing and looking up, which reads as &lt;em&gt;awe&lt;/em&gt; — &amp;quot;look at that.&amp;quot; The previous version had a lifted paw and read as &lt;em&gt;advance&lt;/em&gt; — &amp;quot;here I come.&amp;quot; Awe is a fine image, but it isn&#39;t the Gaiman line. Get the front paw back off the ground and you have both: moving forward, head up, tail up. That&#39;s the full sentence. (...)&lt;/p&gt;
&lt;p&gt;Edit instruction:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Lift the cat&#39;s front right paw off the ground into a mid-stride walking pose, body weight forward. Restore a clear trail of wet pawprints curving from the cat&#39;s feet off the bottom-left corner of the frame. Replace the bright starburst at top right with a narrow horizontal seam of warm gold light low in the storm wall, near the cat&#39;s eye level, where the dark cloud frays open.&lt;/p&gt;
&lt;/blockquote&gt;
  &lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;https://example.com/blog/sixthpost/5WAtsB3EaP-540.webp&quot; width=&quot;2048&quot; alt=&quot;gpt-3.webp&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; height=&quot;1152&quot; srcset=&quot;https://example.com/blog/sixthpost/5WAtsB3EaP-540.webp 540w, https://example.com/blog/sixthpost/5WAtsB3EaP-960.webp 960w, https://example.com/blog/sixthpost/5WAtsB3EaP-2048.webp 2048w&quot; sizes=&quot;auto&quot;&gt;&lt;/p&gt;
&lt;p&gt;Aside from the fact that those are no longer cat paw prints, it’s a pretty cool picture.&lt;/p&gt;
</description><pubDate>Tue, 22 Sep 2026 02:00:00 +0200</pubDate>
      <dc:creator>Your Name</dc:creator>
      <guid>https://example.com/blog/sixthpost/</guid>
    </item>
    <item>
      <title>This is my fourth post</title>
      <link>https://example.com/blog/fourthpost/</link><description>&lt;p&gt;Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.&lt;/p&gt;
&lt;h2 id=&quot;eine-h2&quot;&gt;eine h2&lt;/h2&gt;
&lt;pre class=&quot;language-js&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token keyword&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;var&lt;/span&gt; n &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; n &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; n&lt;span class=&quot;token operator&quot;&gt;++&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;alert&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;Holy smokes!&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h3 id=&quot;eine-h3&quot;&gt;eine H3&lt;/h3&gt;
&lt;p&gt;Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved&lt;/p&gt;
&lt;h4 id=&quot;eine-h4&quot;&gt;eine H4&lt;/h4&gt;
&lt;p&gt;from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.&lt;/p&gt;
&lt;h2 id=&quot;section-header&quot;&gt;Section Header&lt;/h2&gt;
&lt;p&gt;lorem ipsum dolor sit amet&lt;/p&gt;
&lt;img src=&quot;https://example.com/blog/fourthpost/xbVnp_hAou-200.webp&quot; alt=&quot;A possum parent and two possum kids hanging from the iconic red balloon&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;350&quot; height=&quot;685&quot; srcset=&quot;https://example.com/blog/fourthpost/xbVnp_hAou-200.webp 200w, https://example.com/blog/fourthpost/xbVnp_hAou-350.webp 350w&quot; sizes=&quot;auto&quot;&gt;
&lt;p&gt;Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.&lt;/p&gt;
</description><pubDate>Sun, 30 Sep 2018 02:00:00 +0200</pubDate>
      <dc:creator>Your Name</dc:creator>
      <guid>https://example.com/blog/fourthpost/</guid>
    </item>
    <item>
      <title>This is my third post.</title>
      <link>https://example.com/blog/thirdpost/</link><description>&lt;p&gt;Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.&lt;/p&gt;
&lt;h2 id=&quot;code&quot;&gt;Code&lt;/h2&gt;
&lt;h3 id=&quot;this-is-a-very-long-heading-that-i-want-to-wrap-this-is-a-very-long-heading-that-i-want-to-wrap-this-is-a-very-long-heading-that-i-want-to-wrap-this-is-a-very-long-heading-that-i-want-to-wrap&quot;&gt;This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap&lt;/h3&gt;
&lt;p&gt;Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.&lt;/p&gt;
&lt;pre class=&quot;language-js&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token comment&quot;&gt;// this is a command&lt;/span&gt;
&lt;span class=&quot;token keyword&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;myCommand&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
	&lt;span class=&quot;token keyword&quot;&gt;let&lt;/span&gt; counter &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
	counter&lt;span class=&quot;token operator&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token comment&quot;&gt;// Test with a line break above this line.&lt;/span&gt;
console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;log&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;Test&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h3 id=&quot;heading-with-a-link&quot;&gt;Heading with a &lt;a href=&quot;https://example.com/blog/thirdpost/#code&quot;&gt;link&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;// this is a command
function myCommand() {
	let counter = 0;
	counter++;
}

// Test with a line break above this line.
console.log(&#39;Test&#39;);
&lt;/code&gt;&lt;/pre&gt;
&lt;h2 id=&quot;section-header&quot;&gt;Section Header&lt;/h2&gt;
&lt;p&gt;Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.&lt;/p&gt;
</description><pubDate>Fri, 24 Aug 2018 02:00:00 +0200</pubDate>
      <dc:creator>Your Name</dc:creator>
      <guid>https://example.com/blog/thirdpost/</guid>
    </item>
    <item>
      <title>This is my second post with a much longer title.</title>
      <link>https://example.com/blog/secondpost/</link><description>&lt;p&gt;Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.&lt;/p&gt;
&lt;h2 id=&quot;section-header&quot;&gt;Section Header&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://example.com/blog/firstpost/&quot;&gt;First post&lt;/a&gt;
&lt;a href=&quot;https://example.com/blog/thirdpost/&quot;&gt;Third post&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.&lt;/p&gt;
&lt;p&gt;Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.&lt;/p&gt;
</description><pubDate>Wed, 04 Jul 2018 02:00:00 +0200</pubDate>
      <dc:creator>Your Name</dc:creator>
      <guid>https://example.com/blog/secondpost/</guid>
    </item>
    <item>
      <title>This is my first post.</title>
      <link>https://example.com/blog/firstpost/</link><description>&lt;p&gt;Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.&lt;/p&gt;
&lt;p&gt;Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.&lt;/p&gt;
&lt;h2 id=&quot;section-header&quot;&gt;Section Header&lt;/h2&gt;
&lt;p&gt;Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.&lt;/p&gt;
&lt;pre class=&quot;language-diff-js&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-diff-js&quot;&gt;&lt;span class=&quot;token unchanged language-js&quot;&gt;&lt;span class=&quot;token prefix unchanged&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token comment&quot;&gt;// this is a command&lt;/span&gt;
&lt;span class=&quot;token prefix unchanged&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token keyword&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;myCommand&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;span class=&quot;token inserted-sign inserted language-js&quot;&gt;&lt;span class=&quot;token prefix inserted&quot;&gt;+&lt;/span&gt;  &lt;span class=&quot;token keyword&quot;&gt;let&lt;/span&gt; counter &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;span class=&quot;token deleted-sign deleted language-js&quot;&gt;&lt;span class=&quot;token prefix deleted&quot;&gt;-&lt;/span&gt;  &lt;span class=&quot;token keyword&quot;&gt;let&lt;/span&gt; counter &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;span class=&quot;token unchanged language-js&quot;&gt;&lt;span class=&quot;token prefix unchanged&quot;&gt; &lt;/span&gt;  counter&lt;span class=&quot;token operator&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token prefix unchanged&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;/span&gt;
&lt;span class=&quot;token unchanged language-js&quot;&gt;&lt;span class=&quot;token prefix unchanged&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token comment&quot;&gt;// Test with a line break above this line.&lt;/span&gt;
&lt;span class=&quot;token prefix unchanged&quot;&gt; &lt;/span&gt;console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;log&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;Test&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
</description><pubDate>Tue, 01 May 2018 02:00:00 +0200</pubDate>
      <dc:creator>Your Name</dc:creator>
      <guid>https://example.com/blog/firstpost/</guid>
    </item>
  </channel>
</rss>