From 47913786730cb76f31fd3d583b031483021c96db Mon Sep 17 00:00:00 2001
From: Ben Dichter <ben.dichter@gmail.com>
Date: Fri, 8 May 2026 15:01:13 -0400
Subject: [PATCH 1/2] Embed Mailchimp campaigns in newsletter posts and fix
 sidebar thumbs

- Render an iframe for any news post that sets ext_link, so the
  Mailchimp campaign archive shows inline on the post page (with an
  "Open original" link below). Replaces the previous "See post here"
  link-only treatment so all existing newsletter posts now display
  their content directly.
- Switch the sidebar "Recent News" thumbnails from a fixed 90x70
  attribute size to a 120x75 box with object-fit: cover, so wide
  banner images crop instead of getting squished.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 layouts/news/list.html   |  6 ++++--
 layouts/news/single.html | 20 +++++++++++++++-----
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/layouts/news/list.html b/layouts/news/list.html
index beb9296..3a360b4 100644
--- a/layouts/news/list.html
+++ b/layouts/news/list.html
@@ -118,8 +118,10 @@ <h4 class="inter-600 text-24 dark-900">Recent News</h4>
                     <div class="col-md-6 col-lg-12 col-sm-8 mx-auto">
                         <div class="rounded-3 shadow-sm bg-white p-2">
                             <div class="d-flex  gap-3 align-items-center">
-                                <div>
-                                    <img src="{{ .Params.image }}" alt="" width="90" height="70" class="rounded-3">
+                                <div class="flex-shrink-0">
+                                    <img src="{{ .Params.image }}" alt=""
+                                        class="rounded-3"
+                                        style="width: 120px; height: 75px; object-fit: cover;">
                                 </div>
                                 <div class="w-100 d-flex flex-column row-gap-1">
                                     <div class="d-flex align-items-sm-center gap-1">
diff --git a/layouts/news/single.html b/layouts/news/single.html
index 455e2b4..13720bd 100644
--- a/layouts/news/single.html
+++ b/layouts/news/single.html
@@ -61,8 +61,17 @@ <h3 class="inter-700 dark-900 text-48-responsive">{{ .Title | markdownify }}</h3
                         {{ .Content }}
                     </div>
                     {{ with .Params.ext_link }}
-                    <div>
-                        <a href="{{ . }}">See post here</a>
+                    <div class="newsletter-embed mt-4">
+                        <iframe
+                            src="{{ . }}"
+                            title="{{ $.Title | plainify }}"
+                            loading="lazy"
+                            referrerpolicy="no-referrer-when-downgrade"
+                            style="width: 100%; height: 1600px; border: 1px solid #ebebeb; border-radius: 0.5rem;">
+                        </iframe>
+                        <div class="mt-2 text-end">
+                            <a href="{{ . }}" target="_blank" rel="noopener">Open original ↗</a>
+                        </div>
                     </div>
                     {{ end }}
                     <div class="mt-4 ">
@@ -137,9 +146,10 @@ <h4 class="inter-600 text-24 dark-900">Recent News</h4>
                     <div class="col-md-6 col-lg-12 col-sm-8 mx-auto">
                         <div class="rounded-3 shadow-sm bg-white p-2">
                             <div class="d-flex  gap-3 align-items-center">
-                                <div>
-                                    <img data-pagefind-meta="image[src]" src="{{ .Params.image }}" alt="" width="90"
-                                        height="70" class="rounded-3">
+                                <div class="flex-shrink-0">
+                                    <img data-pagefind-meta="image[src]" src="{{ .Params.image }}" alt=""
+                                        class="rounded-3"
+                                        style="width: 120px; height: 75px; object-fit: cover;">
                                 </div>
                                 <div class="w-100 d-flex flex-column row-gap-1">
                                     <div class="d-flex align-items-sm-center gap-1">

From 275db12cb74e040a7a82bb166bcfa798ffe2375c Mon Sep 17 00:00:00 2001
From: Ben Dichter <ben.dichter@gmail.com>
Date: Fri, 8 May 2026 15:05:23 -0400
Subject: [PATCH 2/2] Widen news post content column from 8/4 to 9/3 split

Gives the embedded Mailchimp iframe enough horizontal room that its
content doesn't require a left/right scroll. Sidebar (Recent News +
Archives) still fits at col-lg-3 since the thumbnails were already
sized down to 120x75.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 layouts/news/single.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/layouts/news/single.html b/layouts/news/single.html
index 13720bd..a78ef60 100644
--- a/layouts/news/single.html
+++ b/layouts/news/single.html
@@ -15,10 +15,10 @@ <h1 class="inter-700 text-48 text-white text-center z-4">{{ . | markdownify }}</
 <section class="section bg-dark-100">
     <div class="container-lg">
         <div class="row flex-column-reverse flex-lg-row justify-content-between mb-5 ps-lg-0">
-            <div class="d-sm-flex justify-content-between col-lg-8 pt-5 pt-lg-0 ps-lg-0">
+            <div class="d-sm-flex justify-content-between col-lg-9 pt-5 pt-lg-0 ps-lg-0">
                 <h3 class="inter-700 dark-900 text-48-responsive">{{ .Title | markdownify }}</h3>
             </div>
-            <div class="col-lg-4 d-flex align-items-center pe-0 ps-lg-5">
+            <div class="col-lg-3 d-flex align-items-center pe-0 ps-lg-5">
                 <div class="d-flex align-items-center border-dark-50 bg-white rounded-3 w-100" id="search">
                     {{/* <input type="text" id="search" class="border-0 inter-400 text-16 slate w-75 bg-white"
                         placeholder="Search">
@@ -29,7 +29,7 @@ <h3 class="inter-700 dark-900 text-48-responsive">{{ .Title | markdownify }}</h3
             </div>
         </div>
         <div class="row justify-content-between">
-            <div class="col-lg-8">
+            <div class="col-lg-9">
                 <div>
                     <img src="{{ .Params.image }}" alt="" class="rounded-top-3"
                         style="width: 100% !important; height: 240px !important; object-fit: cover !important;">
@@ -138,7 +138,7 @@ <h2 class="inter-700 dark-900 text-20 underline-hover">{{ .Title }}</h2>
                 </div>
             </div>
 
-            <div class="col-lg-4 mt-5 ps-lg-5">
+            <div class="col-lg-3 mt-5 ps-lg-5">
                 <h4 class="inter-600 text-24 dark-900">Recent News</h4>
                 <div class="row g-2" data-pagefind-body>
                     {{ $pages := where .Site.RegularPages "Section" "news" }}