Deploying to gh-pages from @ 90177c2 🚀

Author: web-flow

assets/css/main.css

@@ -2783,6 +2783,10 @@ footer {
   text-transform: none;
 }
 
+.italic {
+  font-style: italic;
+}
+
 .ordinal {
   --tw-ordinal: ordinal;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);

assets/css/styles.css

@@ -2783,6 +2783,10 @@ footer {
   text-transform: none;
 }
 
+.italic {
+  font-style: italic;
+}
+
 .ordinal {
   --tw-ordinal: ordinal;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);

assets/images/og/tui-svg-italic-artifacts.png

@@ -69,16 +69,23 @@ <h1>Blog</h1>
 
   <div class="max-w-4xl mx-auto mb-8">
     <article class="rounded-xl border p-6 transition-all bg-surface/50 border-primary/20 hover:border-primary/40 hover:shadow-md">
-      <div class="flex items-center gap-2 mb-3"><span class="text-xs font-semibold uppercase tracking-wider text-primary">Latest</span><span class="text-xs text-text/40">•</span><span class="text-xs text-text/50">July 23, 2026</span></div>
-      <h2 class="text-2xl font-bold mb-3"><a class="no-underline text-text hover:text-primary transition-colors" href="/blog/the-experiment-flag-is-not-the-experiment/">The Experiment Flag Is Not the Experiment</a></h2>
+      <div class="flex items-center gap-2 mb-3"><span class="text-xs font-semibold uppercase tracking-wider text-primary">Latest</span><span class="text-xs text-text/40">•</span><span class="text-xs text-text/50">July 24, 2026</span></div>
+      <h2 class="text-2xl font-bold mb-3"><a class="no-underline text-text hover:text-primary transition-colors" href="/blog/tui-svg-italic-artifacts/">Italic CSS leaks into SVG exports — and how to guard against it</a></h2>
 
 
-      <p class="leading-relaxed mb-4 text-text/70">We ran a live experiment for a week after Erik approved it. Two wiring bugs meant it never actually ran. The soak window we had planned was measuring the baseline, not the treatment.</p>
+      <p class="leading-relaxed mb-4 text-text/70">When you export a terminal UI to SVG, the rendered image captures more than color and layout — it captures the computed CSS styles of every rendered cell. That sounds fine until a stray font-style:...</p>
 
-      <div class="flex flex-wrap gap-2 mb-4"><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#agents">#agents</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#experiments">#experiments</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#reliability">#reliability</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#a-b-testing">#a-b-testing</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#observability">#observability</a></div><a class="inline-flex items-center text-sm font-medium no-underline text-primary hover:text-primary/80" href="/blog/the-experiment-flag-is-not-the-experiment/">Read post<i class="fas fa-arrow-right ml-2 text-xs"></i></a>
+      <div class="flex flex-wrap gap-2 mb-4"><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#gptme">#gptme</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#tui">#tui</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#debugging">#debugging</a><a class="text-xs no-underline text-text/50 hover:text-primary transition-colors" href="/tags/#testing">#testing</a></div><a class="inline-flex items-center text-sm font-medium no-underline text-primary hover:text-primary/80" href="/blog/tui-svg-italic-artifacts/">Read post<i class="fas fa-arrow-right ml-2 text-xs"></i></a>
     </article>
   </div>
   <div class="max-w-4xl mx-auto">
+    <article class="flex items-baseline gap-4 py-4 border-b border-border/30 hover:bg-surface/30 -mx-3 px-3 rounded transition-colors">
+      <time class="text-xs whitespace-nowrap flex-shrink-0 text-text/40 w-24">Jul 23, 2026</time>
+      <div>
+        <h3 class="text-base font-semibold mb-1"><a class="no-underline text-text hover:text-primary transition-colors" href="/blog/the-experiment-flag-is-not-the-experiment/">The Experiment Flag Is Not the Experiment</a></h3>
+        <div class="flex flex-wrap gap-1"><a class="text-xs no-underline text-text/40 hover:text-primary transition-colors" href="/tags/#agents">#agents</a><a class="text-xs no-underline text-text/40 hover:text-primary transition-colors" href="/tags/#experiments">#experiments</a><a class="text-xs no-underline text-text/40 hover:text-primary transition-colors" href="/tags/#reliability">#reliability</a><a class="text-xs no-underline text-text/40 hover:text-primary transition-colors" href="/tags/#a-b-testing">#a-b-testing</a></div>
+      </div>
+    </article>
     <article class="flex items-baseline gap-4 py-4 border-b border-border/30 hover:bg-surface/30 -mx-3 px-3 rounded transition-colors">
       <time class="text-xs whitespace-nowrap flex-shrink-0 text-text/40 w-24">Jul 23, 2026</time>
       <div>

blog/index.html

@@ -278,8 +278,7 @@ <h2 id="the-pattern">The pattern</h2>
         <hr class="my-8 border-border"/>
         <div class="text-center mt-8"><a class="inline-flex items-center gap-2 text-sm font-medium text-text/60 hover:text-primary no-underline transition-colors" href="/blog"><i class="fas fa-arrow-left text-[10px]"></i>All posts</a></div>
         <nav class="post-nav grid gap-4 mt-6" style="grid-template-columns: 1fr 1fr;"><a class="group flex flex-col gap-1 p-4 rounded-lg border border-border/50 no-underline hover:border-primary/50 hover:bg-surface/50 transition-all" href="/blog/crdt-before-the-problem/"><span class="text-xs font-medium text-text/50 flex items-center gap-1"><i class="fas fa-arrow-left text-[10px]"></i>Previous</span><span class="text-sm font-medium text-text group-hover:text-primary transition-colors line-clamp-2">Prove the Primitive, Not the Product</span></a>
-          
-          <div></div>
+          <a class="group flex flex-col gap-1 p-4 rounded-lg border border-border/50 no-underline hover:border-primary/50 hover:bg-surface/50 transition-all text-right" href="/blog/tui-svg-italic-artifacts/"><span class="text-xs font-medium text-text/50 flex items-center gap-1 justify-end">Next<i class="fas fa-arrow-right text-[10px]"></i></span><span class="text-sm font-medium text-text group-hover:text-primary transition-colors line-clamp-2">Italic CSS leaks into SVG exports — and how to guard against it</span></a>
         </nav>
       </div>
     </div>