From 6f61c4968387af7482c18e5a0aadce4807e6bd5b Mon Sep 17 00:00:00 2001
From: cb341 <daniel@bengl.cz>
Date: Mon, 4 May 2026 15:18:30 +0200
Subject: [PATCH 1/2] Update

---
 _layouts/base.html | 58 +++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 50 insertions(+), 8 deletions(-)

diff --git a/_layouts/base.html b/_layouts/base.html
index 6f75904..9cdeca7 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -23,25 +23,67 @@
     <link rel="icon" href="/favicon.svg" type="image/svg+xml">
     <link rel="alternate" type="application/rss+xml" title="CB341.DEV RSS Feed" href="/rss.xml">
     <style>
+      :root { color-scheme: light; }
+      * { box-sizing: border-box; }
+      html, body { margin: 0; padding: 0; }
       body {
         overflow-y: scroll;
+        background: #e9ecef;
+        color: #1a1a1a;
+        font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+        font-size: 15px;
+        line-height: 1.6;
+        -webkit-font-smoothing: antialiased;
       }
 
       .wrapper {
-        max-width: 80ch;
-        margin-left: auto;
-        margin-right: auto;
+        max-width: 72ch;
+        margin: 24px auto;
+        background: #fafaf8;
+        color: #2a2a28;
+        padding: 32px 36px;
+        border-radius: 6px;
+        border: 1px solid #ececea;
+        box-shadow: 0 1px 1px rgba(0,0,0,.02);
       }
 
-      p img {
-        width: 100%;
-        height: auto;
-      }
+      header[role="banner"] nav { font-size: 14px; }
+      header[role="banner"] hr,
+      main hr,
+      footer hr { border: 0; border-top: 1px solid #ececea; margin: 1.2em 0; }
+
+      h1 { font-size: 1.6em; margin: 0 0 .3em; letter-spacing: -0.01em; }
+      h2 { font-size: 1.2em; margin: 1.6em 0 .4em; letter-spacing: -0.005em; }
+      h3 { font-size: 1em;  margin: 1.2em 0 .3em; }
+      p  { margin: 0 0 .9em; }
+      ul, ol { margin: 0 0 .9em; padding-left: 1.25em; }
+      li { margin: .15em 0; }
+
+      a { color: #0b5ed7; text-decoration: underline; text-underline-offset: 2px; }
 
+      code {
+        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+        font-size: .9em;
+        background: #f1f1ee; padding: 1px 5px; border-radius: 3px;
+      }
       pre {
-        overflow-x: auto;
+        background: #f1f1ee; border: 1px solid #e6e6e2; border-radius: 5px;
+        padding: 12px 14px; overflow-x: auto; font-size: .88em; line-height: 1.5;
+        margin: 0 0 1em;
+      }
+      pre code { background: transparent; padding: 0; border-radius: 0; }
+      blockquote {
+        border-left: 0; margin: 1.4em 0; padding: .2em 1em;
+        font-family: ui-serif, "Iowan Old Style", Georgia, serif;
+        font-style: italic; font-size: 1.15em; line-height: 1.5;
+        color: #2a2a28; text-align: center;
       }
 
+      p img { width: 100%; height: auto; }
+      .katex-display { margin: 1em 0; overflow-x: auto; overflow-y: hidden; }
+
+      footer { color: #6c757d; }
+      footer a { color: #495057; }
     </style>
     {%- if page.math -%}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css" crossorigin="anonymous">

From 900ec539c646a3256ea692e9ed9f085a2bfdf0dc Mon Sep 17 00:00:00 2001
From: cb341 <daniel@bengl.cz>
Date: Mon, 4 May 2026 15:52:05 +0200
Subject: [PATCH 2/2] Update base style

---
 _layouts/base.html | 64 +++++++++++++++++-----------------------------
 1 file changed, 23 insertions(+), 41 deletions(-)

diff --git a/_layouts/base.html b/_layouts/base.html
index 9cdeca7..587b247 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -23,67 +23,49 @@
     <link rel="icon" href="/favicon.svg" type="image/svg+xml">
     <link rel="alternate" type="application/rss+xml" title="CB341.DEV RSS Feed" href="/rss.xml">
     <style>
-      :root { color-scheme: light; }
-      * { box-sizing: border-box; }
       html, body { margin: 0; padding: 0; }
       body {
         overflow-y: scroll;
         background: #e9ecef;
-        color: #1a1a1a;
-        font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+        color: #1c1c1a;
+        font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif;
         font-size: 15px;
-        line-height: 1.6;
-        -webkit-font-smoothing: antialiased;
+        line-height: 1.55;
+        letter-spacing: -0.01em;
       }
 
       .wrapper {
-        max-width: 72ch;
+        max-width: 68ch;
         margin: 24px auto;
         background: #fafaf8;
-        color: #2a2a28;
-        padding: 32px 36px;
-        border-radius: 6px;
+        padding: 36px 40px;
         border: 1px solid #ececea;
-        box-shadow: 0 1px 1px rgba(0,0,0,.02);
+      }
+      @media (max-width: 600px) {
+        .wrapper { margin: 0; padding: 18px 16px; border-left: 0; border-right: 0; }
       }
 
-      header[role="banner"] nav { font-size: 14px; }
-      header[role="banner"] hr,
-      main hr,
-      footer hr { border: 0; border-top: 1px solid #ececea; margin: 1.2em 0; }
-
-      h1 { font-size: 1.6em; margin: 0 0 .3em; letter-spacing: -0.01em; }
-      h2 { font-size: 1.2em; margin: 1.6em 0 .4em; letter-spacing: -0.005em; }
-      h3 { font-size: 1em;  margin: 1.2em 0 .3em; }
-      p  { margin: 0 0 .9em; }
-      ul, ol { margin: 0 0 .9em; padding-left: 1.25em; }
-      li { margin: .15em 0; }
+      p img { width: 100%; height: auto; }
+      blockquote { margin: 1.2em 2em; font-style: italic; }
 
-      a { color: #0b5ed7; text-decoration: underline; text-underline-offset: 2px; }
+      hr { border: 0; border-top: 1px solid #e6e6e2; margin: .6em 0; }
 
       code {
         font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-        font-size: .9em;
-        background: #f1f1ee; padding: 1px 5px; border-radius: 3px;
+        font-size: .88em;
+        background: #f1f1ee;
+        padding: 1px 4px;
+        border-radius: 2px;
       }
       pre {
-        background: #f1f1ee; border: 1px solid #e6e6e2; border-radius: 5px;
-        padding: 12px 14px; overflow-x: auto; font-size: .88em; line-height: 1.5;
-        margin: 0 0 1em;
-      }
-      pre code { background: transparent; padding: 0; border-radius: 0; }
-      blockquote {
-        border-left: 0; margin: 1.4em 0; padding: .2em 1em;
-        font-family: ui-serif, "Iowan Old Style", Georgia, serif;
-        font-style: italic; font-size: 1.15em; line-height: 1.5;
-        color: #2a2a28; text-align: center;
+        overflow-x: auto;
+        background: #f1f1ee;
+        border: 1px solid #e6e6e2;
+        padding: 10px 12px;
+        font-size: .88em;
+        line-height: 1.5;
       }
-
-      p img { width: 100%; height: auto; }
-      .katex-display { margin: 1em 0; overflow-x: auto; overflow-y: hidden; }
-
-      footer { color: #6c757d; }
-      footer a { color: #495057; }
+      pre code { background: transparent; padding: 0; }
     </style>
     {%- if page.math -%}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css" crossorigin="anonymous">