<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title>theokrueger.dev - Micro Listing</title>
    <subtitle>the occasional thoughtless muse</subtitle>
    <link rel="self" type="application/atom+xml" href="https://theokrueger.dev/micro/item/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-08-15T00:00:00+00:00</updated>
    <id>https://theokrueger.dev/micro/item/atom.xml</id>
    <entry xml:lang="en">
        <title>Astro is mediocre</title>
        <published>2026-08-15T00:00:00+00:00</published>
        <updated>2026-08-15T00:00:00+00:00</updated>
        
        <author>
          <name>theokrueger</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/astro/"/>
        <id>https://theokrueger.dev/micro/item/astro/</id>
        
        <content type="html" xml:base="https://theokrueger.dev/micro/item/astro/">&lt;p&gt;One web framework I&#39;ve seen touted about is &lt;a rel=&quot;external&quot; href=&quot;https://astro.build/&quot;&gt;Astro&lt;/a&gt;, which is a server-side-rendered web framework that integrates with a ton of component libraries. There&#39;s a lot of hype around it due to immense flexibility and high speed. After playing around with it for a bit, its fine but nothing to write home about. I&#39;d used it over React in a heartbeat, but that&#39;s like saying &quot;I&#39;d vote for &lt;em&gt;xyz&lt;/em&gt; over Adolf Hitler in a heartbeat!&quot;. (To remove any ambiguity in this statement, React is like Hitler).&lt;/p&gt;
&lt;p&gt;Its fast as far as JS-based engines go. That is -- it&#39;s slow.
Wow! Its faster than Wordpress! That&#39;s not a high bar.&lt;/p&gt;
&lt;p&gt;I ended up writing a lot about the qualms I have with Astro, but it turns out everything on that list is exhibited by literally every other framework. Astro solves no new problems and is just another flavour of the month, in a sense.&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;display: inline-flex; align-items: center;&quot;&gt;&lt;span&gt;Feeling: normal&lt;/span&gt;&lt;img src=&quot;/micro/img/emoticons/normal.gif&quot; style=&quot;display: inline-block; margin: 0; padding: 2px;&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>It&#39;s Vibeslop</title>
        <published>2026-08-14T00:00:00+00:00</published>
        <updated>2026-08-14T00:00:00+00:00</updated>
        
        <author>
          <name>theokrueger</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/vibeslop/"/>
        <id>https://theokrueger.dev/micro/item/vibeslop/</id>
        
        <content type="html" xml:base="https://theokrueger.dev/micro/item/vibeslop/">&lt;p&gt;There&#39;s not much I like more than automation, yet there&#39;s not much I like less than loss of control.&lt;/p&gt;
&lt;p&gt;Vibecoding, in its current state, is the worst of both worlds. The automation is unreliable, and the control is impossible.
I&#39;ve been forcing myself to choke down using agentic coding just for the experience, to get a better understanding of the landscape, etc.&lt;/p&gt;
&lt;p&gt;I made two pretty bad projects with it. They have zero taste. They barely work. I don&#39;t understand the code. And I barely even consider them my own projects.&lt;/p&gt;
&lt;p&gt;Models are really stupid in the dumbest ways.
It took far too long to center a &lt;code&gt;div&lt;/code&gt; because something about the context had it utterly convinced that it WAS centered, without being able to realise that it was overflowing.
It spit out verbose documentation that is unreadable to anything but other chatbots.
It wrote ostensibly bad code trying to shoehorn it&#39;s own design patterns into the obvious structure of the codebase.
It hardcodes harder than a freshman in Data Structures.&lt;/p&gt;
&lt;p&gt;Even the models that cost money (real money, and not just pennies!) struggle with bad form. Will it get better? Probably. Will the need for a competent leader ever go away? Not at all.&lt;/p&gt;
&lt;p&gt;You, dear hypothetical reader, can stay happy knowing AI was not used for anything on this site. My promise to you is that this site is wholly mine.&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;display: inline-flex; align-items: center;&quot;&gt;&lt;span&gt;Feeling: Unhappy&lt;/span&gt;&lt;img src=&quot;/micro/img/emoticons/unhappy.gif&quot; style=&quot;display: inline-block; margin: 0; padding: 2px;&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Merged PR</title>
        <published>2026-08-12T00:00:00+00:00</published>
        <updated>2026-08-12T00:00:00+00:00</updated>
        
        <author>
          <name>theokrueger</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/merged-pr/"/>
        <id>https://theokrueger.dev/micro/item/merged-pr/</id>
        
        <content type="html" xml:base="https://theokrueger.dev/micro/item/merged-pr/">&lt;p&gt;Made a tiny documentation PR to Zola (this site&#39;s SSG) regarding the migration to Tera v2.
It was such a small change that I didn&#39;t even bother running CI on it, so of course the entire build failed.&lt;/p&gt;
&lt;p&gt;Unfortunately, the change was merged within 2 minutes of submitting it,
so I did not have a chance to rectify it in that same PR.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/micro/img/sir_a_plane.gif&quot; alt=&quot;George Bush Hearing the News&quot; /&gt;&lt;/p&gt;
&lt;center&gt;&lt;em&gt;&quot;Sir, a second PR has hit the repo.&quot;&lt;/em&gt;&lt;/center&gt;
&lt;p&gt;&lt;span style=&quot;display: inline-flex; align-items: center;&quot;&gt;&lt;span&gt;Feeling: Ashamed&lt;/span&gt;&lt;img src=&quot;/micro/img/emoticons/ashamed.gif&quot; style=&quot;display: inline-block; margin: 0; padding: 2px;&quot; /&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Great Migration</title>
        <published>2026-08-11T00:00:00+00:00</published>
        <updated>2026-08-11T00:00:00+00:00</updated>
        
        <author>
          <name>theokrueger</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/migration/"/>
        <id>https://theokrueger.dev/micro/item/migration/</id>
        
        <content type="html" xml:base="https://theokrueger.dev/micro/item/migration/">&lt;p&gt;Zola &lt;code&gt;0.23&lt;/code&gt; is out, so I had to migrate my site to it.
They have breaking changes versus &lt;code&gt;0.22&lt;/code&gt;, why is it not version 1.something?
Oh, well its not at &lt;code&gt;1.0&lt;/code&gt; so its clearly prebeta alpha whatever garbage and
they aren&#39;t just allowed to make breaking changes, they NEED to because its 1) fun and 2) easy.&lt;/p&gt;
&lt;p&gt;At least I saw this coming, but man is it annoying. They didn&#39;t even have the v1 docs available for the
templating engine (Tera) for most of this site&#39;s life!&lt;/p&gt;
&lt;p&gt;Things I did&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Combined shortcodes and macros into a single system less intuitive and flexible than before&lt;/li&gt;
&lt;li&gt;Questioned why the &lt;code&gt;concat&lt;/code&gt; filter was removed yet still listed on their docs site&lt;/li&gt;
&lt;li&gt;Used comments as whitespace to prevent CommonMark from inappropriately touching my components&lt;/li&gt;
&lt;li&gt;Bashed my head against a wall&lt;/li&gt;
&lt;li&gt;Removed references to the global state in my components. Because fuck you, who needs a global state easily accessible from shared resources? Oh, its you... Too bad! We don&#39;t support that. :(&lt;/li&gt;
&lt;/ul&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Menial Tasks</title>
        <published>2026-08-10T00:00:00+00:00</published>
        <updated>2026-08-10T00:00:00+00:00</updated>
        
        <author>
          <name>theokrueger</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/menial-tasks/"/>
        <id>https://theokrueger.dev/micro/item/menial-tasks/</id>
        
        <content type="html" xml:base="https://theokrueger.dev/micro/item/menial-tasks/">&lt;p&gt;Been working on this site pretty thoroughly recently,
and the little things can be incredibly annoying!!!!!!&lt;/p&gt;
&lt;p&gt;Take the badge section: the logic is fine but the CSS rules were really annoying to troubleshoot,
especially getting it working with &lt;code&gt;&amp;lt;noscript&amp;gt;&lt;/code&gt; tags.
It turns out that &lt;code&gt;&amp;lt;noscript&amp;gt;&lt;/code&gt; can get converted to &lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt; in common JS-blocking extensions.
Had to make some annoying modifications for the CSS to apply in those cases!&lt;/p&gt;
&lt;p&gt;And don&#39;t get me started on getting the site to look good on mobile! I didn&#39;t even try.
Flex boxes are great for avoiding clipping, but terrible for particular alignments.
Lord knows how long I tinkered with CSS rules to keep things simple.&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Please, fix your website&#39;s &amp;#60;pre&amp;#62;!</title>
        <published>2026-08-09T00:00:00+00:00</published>
        <updated>2026-08-09T00:00:00+00:00</updated>
        
        <author>
          <name>theokrueger</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://theokrueger.dev/micro/item/fix-your-pre/"/>
        <id>https://theokrueger.dev/micro/item/fix-your-pre/</id>
        
        <content type="html" xml:base="https://theokrueger.dev/micro/item/fix-your-pre/">&lt;p&gt;If you have a personal blog with any preformatted text blocks (i.e. code), please make their overflow scrollable!&lt;/p&gt;
&lt;p&gt;I&#39;ve been reading YC religiously lately, and you&#39;d think the programmers would know how to do it.
They don&#39;t.&lt;/p&gt;
&lt;p&gt;Here&#39;s a snippet for you to throw on your site:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color: #CAD3F5; background-color: #24273A;&quot; &gt;&lt;code data-lang=&quot;css&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #8AADF4;&quot;&gt;pre&lt;/span&gt;&lt;span style=&quot;color: #939AB7;&quot;&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #8AADF4;&quot;&gt;  overflow-x&lt;/span&gt;&lt;span style=&quot;color: #8BD5CA;&quot;&gt;:&lt;/span&gt;&lt;span&gt; auto&lt;/span&gt;&lt;span style=&quot;color: #939AB7;&quot;&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #939AB7;&quot;&gt;}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #8AADF4;&quot;&gt;pre&lt;/span&gt;&lt;span style=&quot;color: #8BD5CA;&quot;&gt; &amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #8AADF4;&quot;&gt; code&lt;/span&gt;&lt;span style=&quot;color: #939AB7;&quot;&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #8AADF4;&quot;&gt;  overflow-x&lt;/span&gt;&lt;span style=&quot;color: #8BD5CA;&quot;&gt;:&lt;/span&gt;&lt;span&gt; auto&lt;/span&gt;&lt;span style=&quot;color: #939AB7;&quot;&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #939AB7;&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;While you&#39;re at it, just test your site on mobile at all.
Its surprising how easy responsive design is these days.&lt;/p&gt;
</content>
        
    </entry>
</feed>
