Adjust images in mobile

4 files changed, 8 insertions, 7 deletions

diff --git a/content/blog/2026-01-26-good-for-people-good-for-agents-documentation-and-uniform-tooling.md b/content/blog/2026-01-26-good-for-people-good-for-agents-documentation-and-uniform-tooling.md
index b863ed4..b4735a3 100644
--- a/content/blog/2026-01-26-good-for-people-good-for-agents-documentation-and-uniform-tooling.md
+++ b/content/blog/2026-01-26-good-for-people-good-for-agents-documentation-and-uniform-tooling.md
@@ -14,7 +14,7 @@ a centralized record for decisions and documentation, and a uniform tool to
 build, run, and test projects can help people and the agents they build with.
 <!-- more -->
 
-{% window(title="Visual Aid.", classes="shrink") %}
+{% window(title="Visual Aid.") %}
 {{ hero() }}
 {% end %}
 
diff --git a/static/css/style.css b/static/css/style.css
index 01e7128..87ef260 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -514,6 +514,10 @@ footer {
     gap: 1lh;
     margin: 1lh 0;
 
+    @media (max-width: 500px) {
+      flex-direction: column;
+    }
+
     p {
       margin: 0;
     }
@@ -539,11 +543,6 @@ footer {
 
   font-family: var(--font-windows);
 
-  &.shrink {
-    width: min-content;
-    margin: 0 auto;
-  }
-
   .titlebar {
     border-bottom: var(--border-width) solid #000;
     font-family: var(--font-windows-bold);
@@ -580,6 +579,8 @@ footer {
 
     > img:only-child {
       margin: 0 auto;
+      max-width: 100%;
+      height: auto;
       display: block;
     }
   }
diff --git a/static/processed_images/robots.54e03f68b1a398ad.png b/static/processed_images/robots.54e03f68b1a398ad.png
new file mode 100644
index 0000000..4369bdf
--- /dev/null
+++ b/static/processed_images/robots.54e03f68b1a398ad.png
diff --git a/templates/post_macros.html b/templates/post_macros.html
index c128bc5..3b2ad7d 100644
--- a/templates/post_macros.html
+++ b/templates/post_macros.html
@@ -31,7 +31,7 @@
   {{ post_macros::meta(post=post) }}
   {% if post.extra.visual_aid_src and post.extra.visual_aid_alt %}
   <section class="hero-summary">
-    {% set resized_image =  resize_image(path=post.extra.visual_aid_src, width=100, height=75) %}
+    {% set resized_image =  resize_image(path=post.extra.visual_aid_src, width=98, height=73) %}
     <img src="{{ resized_image.url }}" alt="{{post.extra.visual_aid_alt}}" title="{{post.extra.visual_aid_alt}}">
     <p>{{ post.summary | safe }}</p>
   </section>