diff --git a/css/index.css b/css/index.css
index 3c1915c..14c1640 100644
--- a/css/index.css
+++ b/css/index.css
@@ -543,6 +543,54 @@ code {
     opacity: 1;
 }
 
+/* ── Blog post list ── */
+
+.blog-post-list {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+
+.blog-post-link {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+    padding: 1rem 1.125rem;
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    text-decoration: none;
+    transition: border-color var(--transition), transform var(--transition);
+    color: inherit;
+}
+.blog-post-link:hover {
+    border-color: var(--accent);
+    transform: translateY(-1px);
+    opacity: 1;
+}
+
+.blog-post-title {
+    font-family: var(--font-serif);
+    font-size: 0.9375rem;
+    color: var(--text);
+    line-height: 1.4;
+}
+
+.blog-post-desc {
+    font-size: 0.8125rem;
+    color: var(--text-muted);
+    line-height: 1.45;
+}
+
+.blog-post-date {
+    font-family: var(--font-mono);
+    font-size: 0.75rem;
+    color: var(--text-dim);
+    margin-top: 0.15rem;
+}
+
 /* ── Home photo strip ── */
 
 .photo-strip {
diff --git a/index.html b/index.html
index aaf7ae3..e08d386 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@
                 I'm a <a href="https://en.wikipedia.org/wiki/Front-end_web_development" target="_blank" rel="noopener noreferrer">front-end web developer</a> and a  <a href="https://bsky.social" target="_blank" rel="noopener noreferrer">Bluesky</a>/<a href="https://atproto.com" target="_blank" rel="noopener noreferrer">AT Protocol</a> nerd, who spends too much time on Bluesky and listening to Hamilton.
             </p>
             <div id="visitor-counter" class="visitor-badge">Loading visitor info…</div>
-                <script src="https://visit-counter.madebydanny.uk/" async></script>
+            <script src="https://visit-counter.madebydanny.uk/" async></script>
         </section>
         <!-- Music -->
         <section class="content-section">
@@ -85,6 +85,44 @@
                 <div class="card-meta" id="post-date"></div>
             </div>
         </section>
+        <!-- Recent blog posts -->
+        <section class="content-section">
+            <h2 class="section-label">recent blog posts</h2>
+            <p class="note">powered by <a href="https://site-standard-document.danielmorrisey.com" target="_blank" rel="noopener noreferrer">document finder for Standard Site</a></p>
+            <ul id="blog-post-list" class="blog-post-list" role="list">
+                <li class="loading-text">loading posts… via <a href="https://site-standard-document.danielmorrisey.com">document finder for Standard Site</a></li>
+            </ul>
+        </section>
+        <!-- Projects -->
+        <section class="content-section" id="contact">
+            <h2 class="section-label">Projects</h2>
+            <div class="link-grid">
+                <a href="/cdn.html" class="grid-link">
+                    <span class="grid-link-title"><i class="fa-solid fa-circle-nodes"></i> MBD CDN</span>
+                    <span class="grid-link-desc">A simple, fast CDN powered by Cloudflare R2. Free for Life</span>
+                </a>
+                <a href="/imrs.html" class="grid-link">
+                    <span class="grid-link-title"><i class="fa-solid fa-images"></i> IMRS</span>
+                    <span class="grid-link-desc">Transform images on the edge to WebP & AVIF to inprove loading times and lower bandwidth</span>
+                </a>
+                <a href="/favfinder.html" class="grid-link">
+                    <span class="grid-link-title"><i class="fa-solid fa-star"></i> Favfinder</span>
+                    <span class="grid-link-desc">Fetch favicons for any website in seconds using Google S2 and Cloudflare Workers</span>
+                </a>
+                <a href="https://privo.fyi" class="grid-link" target="_blank" rel="noopener noreferrer">
+                    <span class="grid-link-title"><i class="fa-solid fa-link"></i>Privo<i>.fyi (beta)</i></span>
+                    <span class="grid-link-desc">Shorten links in seconds. Zero tracking. Free for life.</span>
+                </a>
+                <a href="" class="grid-link">
+                    <span class="grid-link-title"><i class="fa-solid fa-database"></i> Luna <i>(soon™)</i></span>
+                    <span class="grid-link-desc">An alternative to the Bluesky CDN built on Cloudflare Workers and D1</span>
+                </a>
+                <a href="" class="grid-link">
+                    <span class="grid-link-title"><i class="fa-solid fa-at"></i> mbdio.uk <i>(soon™)</i></span>
+                    <span class="grid-link-desc">A custom Bluesky handle service, claim your mbdio.uk handle and keep it for life</span>
+                </a>
+            </div>
+        </section>
         <!-- Photos -->
         <section class="content-section" id="photos">
             <h2 class="section-label">
@@ -168,36 +206,6 @@
                 </li>
             </ul>
         </section>
-        <!-- Projects -->
-        <section class="content-section" id="contact">
-            <h2 class="section-label">Projects</h2>
-            <div class="link-grid">
-                <a href="/cdn.html" class="grid-link">
-                    <span class="grid-link-title"><i class="fa-solid fa-circle-nodes"></i> MBD CDN</span>
-                    <span class="grid-link-desc">A simple, fast CDN powered by Cloudflare R2. Free for Life</span>
-                </a>
-                <a href="/imrs.html" class="grid-link">
-                    <span class="grid-link-title"><i class="fa-solid fa-images"></i> IMRS</span>
-                    <span class="grid-link-desc">Transform images on the edge to WebP & AVIF to inprove loading times and lower bandwidth</span>
-                </a>
-                <a href="/favfinder.html" class="grid-link">
-                    <span class="grid-link-title"><i class="fa-solid fa-star"></i> Favfinder</span>
-                    <span class="grid-link-desc">Fetch favicons for any website in seconds using Google S2 and Cloudflare Workers</span>
-                </a>
-                <a href="https://privo.fyi" class="grid-link" target="_blank" rel="noopener noreferrer">
-                    <span class="grid-link-title"><i class="fa-solid fa-link"></i>Privo<i>.fyi (beta)</i></span>
-                    <span class="grid-link-desc">Shorten links in seconds. Zero tracking. Free for life.</span>
-                </a>
-                <a href="" class="grid-link">
-                    <span class="grid-link-title"><i class="fa-solid fa-database"></i> Luna <i>(soon™)</i></span>
-                    <span class="grid-link-desc">An alternative to the Bluesky CDN built on Cloudflare Workers and D1</span>
-                </a>
-                <a href="" class="grid-link">
-                    <span class="grid-link-title"><i class="fa-solid fa-at"></i> mbdio.uk <i>(soon™)</i></span>
-                    <span class="grid-link-desc">A custom Bluesky handle service, claim your mbdio.uk handle and keep it for life</span>
-                </a>
-            </div>
-        </section>
     </main>
     <!-- Photo modal -->
     <div id="photo-modal" class="photo-modal" role="dialog" aria-modal="true" aria-label="Photo viewer">
@@ -208,5 +216,6 @@
     <script src="/js/header.js"></script>
     <script src="/js/index.js"></script>
     <script src="/js/footer.js"></script>
+    <script type="module" src="/js/sequoia-subscribe.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/js/index.js b/js/index.js
index cdbfeb7..9d070e2 100644
--- a/js/index.js
+++ b/js/index.js
@@ -343,8 +343,42 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     }
 
+    // ── Recent blog posts ──────────────────────────────────────────────────────
+
+    async function fetchBlogPosts() {
+        const listEl = document.getElementById('blog-post-list');
+        if (!listEl) return;
+        try {
+            const res  = await fetch('https://site-standard-document.danielmorrisey.com/api/documents?handle=danielmorrisey.com&limit=5');
+            if (!res.ok) throw new Error(res.status);
+            const posts = await res.json();
+            if (!Array.isArray(posts) || posts.length === 0) throw new Error('no posts');
+
+            listEl.innerHTML = '';
+            posts.forEach(post => {
+                const date = post.publishedAt
+                    ? new Date(post.publishedAt).toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' })
+                    : '';
+
+                const li = document.createElement('li');
+                li.className = 'blog-post-item';
+                li.innerHTML = `
+                    <a href="${escapeHtml(post.url)}" target="_blank" rel="noopener noreferrer" class="blog-post-link">
+                        <span class="blog-post-title">${escapeHtml(post.title)}</span>
+                        ${post.description ? `<span class="blog-post-desc">${escapeHtml(post.description)}</span>` : ''}
+                        ${date ? `<span class="blog-post-date">${date}</span>` : ''}
+                    </a>
+                `;
+                listEl.appendChild(li);
+            });
+        } catch {
+            listEl.innerHTML = '<li class="loading-text">couldn\'t load posts</li>';
+        }
+    }
+
     fetchMusicStatus();
     fetchLatestPost();
+    fetchBlogPosts();
     renderHomePhotos();
     renderPhotosGallery();