From 84f4827b2e8170be38cc40bdaf4344f2c5245b01 Mon Sep 17 00:00:00 2001 From: Drew Butler Date: Wed, 17 Jun 2026 14:23:16 -0400 Subject: [PATCH 1/4] style: post-launch UI polish MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - facts-grid cells get horizontal padding so values clear the cell border (DBTL-22) - trim top-of-page spacing on project/projects/about; keep homepage hero (DBTL-23) - rework homepage project rows: fixed name column, lang under blurb (DBTL-24) - widen hero measure, let About bio fill the column — kills 'missing image' gap (DBTL-25) --- src/pages/about.astro | 4 ++-- src/pages/index.astro | 10 ++++++---- src/pages/projects/[slug].astro | 6 +++--- src/pages/projects/index.astro | 2 +- 4 files changed, 12 insertions(+), 10 deletions(-) diff --git a/src/pages/about.astro b/src/pages/about.astro index 2071d2a..9133e76 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -14,9 +14,9 @@ const elsewhere = [ ---
-
+

Hi, I’m Drew.

-
+

I’m a product-focused engineer and engineering leader. Twenty years in, I’ve never stopped writing code — I think the best technical leaders keep their hands on the work, and it keeps me honest about the trade-offs. Lately I’m focused on agentic engineering: building the open-source tooling and workflows for how software gets made next.

I care about why something is being built, not just how. My best work happens close to the problem — talking to users, learning the workflow, making architectural calls that serve the product rather than the tech. I’ve led distributed teams since before remote was normal, and I’d still rather reach for the right boring tool than the trendy one.

Right now that’s norn, mimir, saga, and skald — a Norse-named family of terminal tools for agentic development. (I’ve named a few products in my time; the habit stuck.) I’m based in Brooklyn.

diff --git a/src/pages/index.astro b/src/pages/index.astro index a25b1e6..07f3791 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -9,7 +9,7 @@ const projects = (await getCollection('projects')).sort((a, b) => a.data.order -

I build tools for AI-native development.

-

+

I’m Drew Butler — a product-focused engineer and engineering leader, twenty years in and still shipping code every day. Lately that means open-source tooling for agentic development — norn, mimir, @@ -21,10 +21,12 @@ const projects = (await getCollection('projects')).sort((a, b) => a.data.order - {projects.map((project) => ( - + {project.data.name} - {project.data.blurb} - {project.data.lang} + + {project.data.blurb} + {project.data.lang} + ))}

diff --git a/src/pages/projects/[slug].astro b/src/pages/projects/[slug].astro index d0ddf22..2d89670 100644 --- a/src/pages/projects/[slug].astro +++ b/src/pages/projects/[slug].astro @@ -18,8 +18,8 @@ const buttons = [ ---
-
-
+
+
← Projects
@@ -50,7 +50,7 @@ const buttons = [
{project.data.facts.map((fact) => ( -
+
{fact.label}
{fact.value}
diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro index d79b557..11d4e45 100644 --- a/src/pages/projects/index.astro +++ b/src/pages/projects/index.astro @@ -6,7 +6,7 @@ const projects = (await getCollection('projects')).sort((a, b) => a.data.order - ---
-
+

Projects

A Norse-named family of terminal tools for agentic development. norn keeps knowledge, mimir holds work, saga weaves them into a session — and skald writes your git prose. Open-source, built in the open.

From 50ab519a9b9a0f15e0f73ba702765af74b886a27 Mon Sep 17 00:00:00 2001 From: Drew Butler Date: Wed, 17 Jun 2026 14:23:16 -0400 Subject: [PATCH 2/4] docs: add project README --- README.md | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..d8c5b0c --- /dev/null +++ b/README.md @@ -0,0 +1,67 @@ +# dbtlr.com + +Personal site for [dbtlr.com](https://dbtlr.com) — a calm, typography-led dark-mode +portfolio and blog. Built as a fully static site with **Astro 6** and **Tailwind 4**, +deployed to **Cloudflare Workers** static assets. + +No client framework ships: the only browser JS is a ⌘K search palette and code-copy +buttons (`src/scripts/`). Code blocks are highlighted at build time with Shiki using a +custom theme mapped to the design tokens. + +## Requirements + +- **Node 24** +- **pnpm** (the package manager — never npm; pinned via `packageManager` in `package.json`) + +## Development + +```sh +pnpm install +pnpm dev # local dev server with HMR +pnpm build # static build to ./dist +pnpm preview # serve the built ./dist locally +pnpm check # astro check (type checking) +``` + +## Workflow + +Work happens on feature branches and lands through pull requests: + +``` +feature branch → PR to main → preview deploy → merge to main → production +``` + +- **PR previews** (`.github/workflows/preview.yml`): every PR against `main` runs + `pnpm check` + `pnpm build`, then `wrangler versions upload` publishes an ephemeral + version of the `dbtlr-com` Worker **without** touching production. The preview URL is + posted (and kept updated) as a comment on the PR. +- **Production** (`.github/workflows/deploy.yml`): pushing to `main` runs the same + checks and `wrangler deploy`, publishing the `dbtlr-com` Worker that serves + [dbtlr.com](https://dbtlr.com). + +Both workflows use Node 24 + pnpm and require `CLOUDFLARE_API_TOKEN` and +`CLOUDFLARE_ACCOUNT_ID` repository secrets. + +## Checks + +Run before pushing — these are exactly what CI runs: + +```sh +pnpm check && pnpm build +``` + +## Project structure + +``` +astro.config.mjs Astro config — Shiki theme + code-block chrome transformer +wrangler.jsonc Cloudflare Worker (static assets from ./dist) +src/ + pages/ routes — home, about, projects, writing, feed.xml, search.json, 404 + layouts/Base.astro shared page shell + components/ SectionHead, PostRow + content/ Markdown content collections (projects/ populated; writing/ pending) + content.config.ts collection schemas (zod) — writing + projects + scripts/ vanilla JS — search.js (⌘K palette), copy.js (code copy) + styles/global.css Tailwind 4 theme tokens + component CSS +.github/workflows/ deploy.yml (production), preview.yml (PR previews) +``` From 8d299ea5f149ac836668fbed3dc7a3cbf43ee51f Mon Sep 17 00:00:00 2001 From: Drew Butler Date: Wed, 17 Jun 2026 14:44:00 -0400 Subject: [PATCH 3/4] style: let intro paragraphs fill the content column Drop the ch width caps on the hero, projects-index intro, and project-detail tagline so they match the uncapped body-copy measure used everywhere else. Removes the conspicuous right-side gap under each full-width heading. --- src/pages/index.astro | 2 +- src/pages/projects/[slug].astro | 2 +- src/pages/projects/index.astro | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 07f3791..17fc9c6 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -9,7 +9,7 @@ const projects = (await getCollection('projects')).sort((a, b) => a.data.order -

I build tools for AI-native development.

-

+

I’m Drew Butler — a product-focused engineer and engineering leader, twenty years in and still shipping code every day. Lately that means open-source tooling for agentic development — norn, mimir, diff --git a/src/pages/projects/[slug].astro b/src/pages/projects/[slug].astro index 2d89670..0107c17 100644 --- a/src/pages/projects/[slug].astro +++ b/src/pages/projects/[slug].astro @@ -26,7 +26,7 @@ const buttons = [

{project.data.name}

{meta}
-

{project.data.tagline}

+

{project.data.tagline}

{buttons.length > 0 && (
{buttons.map((b) => diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro index 11d4e45..83e3993 100644 --- a/src/pages/projects/index.astro +++ b/src/pages/projects/index.astro @@ -8,7 +8,7 @@ const projects = (await getCollection('projects')).sort((a, b) => a.data.order -

Projects

-

A Norse-named family of terminal tools for agentic development. norn keeps knowledge, mimir holds work, saga weaves them into a session — and skald writes your git prose. Open-source, built in the open.

+

A Norse-named family of terminal tools for agentic development. norn keeps knowledge, mimir holds work, saga weaves them into a session — and skald writes your git prose. Open-source, built in the open.

{projects.map((project) => ( From 12d6b9bb60573dc03d35d32303b47eb1c12082b9 Mon Sep 17 00:00:00 2001 From: Drew Butler Date: Wed, 17 Jun 2026 14:57:26 -0400 Subject: [PATCH 4/4] style: hide projects-index demo box on mobile On mobile the row grid collapses to one column, stacking the demo code box above the project title. Hide it (max-md:hidden) until explicit per-project graphics exist. --- src/pages/projects/index.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro index 83e3993..0c6c921 100644 --- a/src/pages/projects/index.astro +++ b/src/pages/projects/index.astro @@ -13,7 +13,7 @@ const projects = (await getCollection('projects')).sort((a, b) => a.data.order - {projects.map((project) => ( -
+ 
{project.data.demo}