From 8bcd2486e3de0ae53b08fdace37ff53d7d0da3b9 Mon Sep 17 00:00:00 2001
From: Josh Bairstow <joshbairstow@gmail.com>
Date: Wed, 3 Jun 2026 15:50:16 +1000
Subject: [PATCH] refactor(marks): anchor blog index marks to section edges

---
 src/pages/blog/index.astro | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 290243e..2c14718 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -59,14 +59,8 @@ for (const post of posts) {
   description="Short pieces on craft, the ocean, and the quiet discipline of making small software."
   current="blog"
 >
-  <Fragment slot="marks">
-    <Mark kind="dots"     width={54} top="18%" right="4%" />
-    <Mark kind="concentric" width={40} top="64%" left="3%" rotate={6} />
-    <Mark kind="pipes"    width={26} bottom="12%" right="9%" />
-    <Mark kind="ringdots" width={72} bottom="26%" left="46%" rotate={-4} />
-  </Fragment>
-
   <header class="masthead">
+    <Mark kind="ringdots" width={72} top="-12px" right="-14px" rotate={-4} />
     <div>
       <Eyebrow>Journal · field notes</Eyebrow>
       <h1 class="title">Writing<span style="color:var(--accent-deep)">.</span></h1>
@@ -109,6 +103,8 @@ for (const post of posts) {
   }
 
   <section class="archive">
+    <Mark kind="dots"       width={54} top="-14px" right="-10px" />
+    <Mark kind="concentric" width={40} bottom="-12px" left="-12px" rotate={6} />
     {
       yearGroups.map(([year, items]) => (
         <>
@@ -135,6 +131,7 @@ for (const post of posts) {
 
 <style>
   .masthead {
+    position: relative;
     display: grid;
     grid-template-columns: 1.1fr 0.9fr;
     gap: clamp(30px, 6vw, 80px);
@@ -256,6 +253,7 @@ for (const post of posts) {
   }
 
   .archive {
+    position: relative;
     padding: clamp(34px, 6vh, 72px) 0 0;
   }