[JakeGinnivan]

Summary

Moves every post from both Medium pages onto the site and retires blog.dddperth.com. Supersedes #97.

• medium.com/ddd-perth is the publication (blog.dddperth.com, now a 502). It has 35 posts from 2017–2024.
• medium.com/@DDDPerth is the account. It has 2 posts of its own: "Hello World!" and the 2026 AGM announcement.
• That makes 37 posts, with 86 images and 8 author avatars. The account's copy of the 2021 AGM post is skipped: Medium returns 410 for it, and Wayback shows it duplicated the publication post.

 conference/
 ├── content/blog/
 │   ├── authors.yml              # +11 authors, titles from the AGM minutes
 ├── content/pages/team.mdx       # past committees by year, 2018–2025
-│   └── posts/                   # 2 posts
+│   └── posts/                   # 37 posts, each with legacyPaths for its old Medium URLs
 ├── public/images/blog/<slug>/   # 86 images, 18 MB
 ├── config/nav.ts                # Agenda, Blog, Sponsors, About (Sponsorship moves out)
 ├── config/public.ts             # + features.venueReplacesAboutNearConference
 ├── config/socials.ts            # - Blog (the footer's Medium icon → dead host)
 └── manifest.ts                  # + blog.legacyHosts: ['blog.dddperth.com']
 core/website/
+├── app/lib/legacy-blog-redirect.server.ts
+├── e2e/fixtures/blog/           # 3 synthetic posts + authors for e2e/VR
 ├── vite.config.ts               # E2E_BLOG_FIXTURES swaps blog content for the fixtures
 └── vite-plugins/mdx-bundles.ts  # + virtual:blog-authors; oEmbed skips dotless "URLs"

Old-host redirect. It runs in the Worker before anything path-based:

fetch(request)
  host = X-Forwarded-Host ?? Forwarded host= ?? Host ?? url.host
  if host in manifest.blog.legacyHosts
    slug = post whose legacyPaths has url.pathname   (query + trailing slash dropped)
    301 → https://dddperth.com/blog/<slug>  or  https://dddperth.com/blog

The target is absolute on purpose. A relative Location would resolve against blog.dddperth.com and loop. The DNS change is still needed: point blog.dddperth.com at the Worker.

Blog content in e2e/VR is now fixtures. start-dev-server.mjs sets E2E_BLOG_FIXTURES, and the suites then render 3 synthetic posts from e2e/fixtures/blog/. Publishing or editing a real post no longer moves the blog index and blog post baselines. A build with the flag set is refused, and the production-build trace test asserts no fixture post ships.

Header nav.

• The nav is now Agenda, Blog, Sponsors, About.
• Sponsorship leaves the header. The current year's /sponsors page gets a Sponsor DDD Perth button, and the footer keeps Become a sponsor.
• A new features.venueReplacesAboutNearConference flag shows Venue instead of About from midnight a week before conference day until that day ends, and About the rest of the year. Other forks keep the old behaviour by default.
• The placement comes from the date provider, so the admin and e2e date overrides move it too.
• The venue name in the home hero now links to /venue.

2026-09-25  Agenda  Blog  Sponsors  About
2026-09-26  Agenda  Blog  Sponsors  Venue   ← a week out
2026-10-03  Agenda  Blog  Sponsors  Venue   ← conference day
2026-10-04  Agenda  Blog  Sponsors  About

Team page. /team now lists every committee from 2018 to 2025, taken from the AGM minutes in the DDD WA Inc. Committee SharePoint. 2022 also includes the three directors appointed after the AGM. Each year is a table, with a photo beside the 19 people we have one for, using a new avatar size on the MDX Image component in core. Blog author titles come from the same minutes. This also fixes a hydration error the page already had: the bios wrapped text in literal <p> tags, which MDX turned into <p> inside <p>.

Header VR and an overflow sweep. The header had no real coverage: a nav-link change passed every home baseline under the 2% tolerance. It now has a #header-scoped baseline (9 images). A new sweep resizes from 320 to 1600px in each header state (HEADER_DATE_STATES), once per engine, and fails if the page scrolls horizontally. Its first run found two overflows already on main, both fixed here:

Where	Widths	Cause	Fix
Mobile header with CTAs	320–340px, 460–488px	the logo's bare 1fr track can't shrink below 110px	minmax(0, 1fr); the logo is fluid up to sizes.28
Content pages with a code block	everything under ~750px	the same bare 1fr: the code block stretched the column to 738px	minmax(0, 1fr); the code block scrolls inside itself

The old mobile content-page baselines had the clipped text baked in, so those 3 are regenerated.

Smaller fixes found on the way:

• The blog index and RSS listed posts oldest first, so the index featured the oldest post. Every RSS item also carried the first post's date.
• Any one-word paragraph made the build fetch oembed.com/providers.json, because remark-embedder treats "Treasurer" as https://treasurer/. main already did this for "Enjoy!" in the chairperson report.
• At 1024px with both CTAs, the header was already 1050px wide before Blog was added. The nav gap and logo now tighten between lg and xl.

Content: Internal links are rewritten to /blog/<slug>. Tweets and YouTube embeds became quotes and links, so the build never fetches them. Ten images had no alt text on Medium and now have written descriptions; the charts' alt text carries their data. 24 summaries that were Medium's truncated "…" excerpts are rewritten.

Evidence

• Redirect (dev server, X-Forwarded-Host: blog.dddperth.com):

  /                                       → 301 https://dddperth.com/blog
  /archive                                → 301 https://dddperth.com/blog
  /dddwa-agm-announcement-8e0648b7d173/   → 301 https://dddperth.com/blog/2023-12-18-dddwa-2023-agm
  /p/8e0648b7d173?source=x                → 301 https://dddperth.com/blog/2023-12-18-dddwa-2023-agm
  /  (no forwarded host)                  → 200
  

  Unit tests: legacy-blog-redirect.server.test.ts (7 tests).

• Nav by date: header-nav.test.ts (7 tests), plus curl against the dev server with the date-override cookie (table above).

• Header at 1024px, CFP open and tickets on sale (date override 2026-06-08):
  Before: page 1050px wide, so it scrolls horizontally, with 5 links.
  After: 1024px wide with 6 links, before Sponsorship came out; it's 4 links now. 1100, 1279, 1280 and 1440px all fit too.

• Sorting: mdx-content-service.server.test.ts checks posts come out newest first. Before, the index led with the 2017 "Hello World!".

• Fidelity: all 1,223 text paragraphs from Medium are present in the output, and every image and avatar path exists on disk.

• Checks: nx build website ✅. tsc --noEmit ✅. vitest: 843 passed ✅. nx lint website: 0 errors ✅.

• VR: regenerated in the container with pnpm vr --update-snapshots:

  • 18 blog index / blog post baselines, which are now fixtures;
  • 3 home tablet baselines, because the footer loses its Medium icon and the social row stops wrapping (24px shorter).

  A full pnpm vr against the new baselines: 78/81 passed. The 3 failures were WebKit-mobile page.goto timeouts under parallel load, not pixel diffs; one was the talk-detail page, which this PR doesn't touch. pnpm vr --project visual-webkit-mobile --workers=1 passes 9/9. The nav change on home desktop stays within the 2% tolerance, so it needs no new baseline.

Merge Danger

Door: two-way

Reverting restores the old state. The one thing a revert can't undo is the DNS change, but that's made separately.

Blast Radius: site-wide-chrome

• The header nav changes at every desktop width, and the footer's socials change.
• Each blog post URL becomes something people will share and link to. The slugs keep the two URLs already on main.
• 18 MB of images ship in the client assets.
• The team page publicly names past committee members. Those names come from the AGM minutes, and the office bearers are already on the association register.