blog: add list/expanded view toggle to the homepage feed

[jeffmerrick]

Proposed changes

Adds a client-side list/expanded view toggle to the right of the blog homepage filter bar (mirroring the /releases/ button group). The default compact list view is unchanged; the expanded view arranges each row like the other blog cards — category, title, excerpt (meta description, falling back to a clamped summary), and byline — with an optional square feature image on the right. Each row carries both representations, so the infinite-scroll and category-filter paths inherit the toggle for free, and the choice is persisted to localStorage under a blog-scoped key. Homepage only.

Related issues (optional)

https://github.com/pulumi/marketing/issues/1790

[github-actions]

Pre-merge Review — Last updated 2026-07-24T16:47:50Z

Tip

Summary: This is an infra/template change that adds a client-side list/card view toggle to the blog homepage feed. Each row (layouts/partials/blog/card/list-row.html) now carries both a compact and a card representation in one [data-post-row] element, and a new [data-blog-view-toggle] control (view-toggle.html) flips .is-cards on the list container via theme/src/ts/blog-list.ts, persisting the choice in localStorage. Carrying both forms in the markup is a deliberate choice so the existing infinite-scroll / category-filter JS (which clones rows) inherits the current view for free. The wrongness that would matter here is a build break or a broken toggle; I reviewed the diff and the toggle logic (init, click handling, guarded localStorage, the .is-cards display swap) is sound, the SCSS !important overrides are scoped and justified, and no factual claims are involved. The Hugo preflight was skipped this run (see mechanics note), so the referenced partials/icons resolve only at deploy-time build.

Review confidence:

Dimension	Level	Notes
mechanics	MEDIUM	Hugo build wasn't run in this review — the preflight classified the change as content-only and skipped it (the full build validates in the deploy job). The card view references the blog/post-meta.html, blog/has-feature-image.html, and blog/feature-image.html partials plus the list-dashes and cards icons; those resolve at build time, which this review didn't execute.
facts	HIGH	No user-facing factual claims — template, SCSS, and TypeScript change only.

Investigation log

• Cross-sibling reads: not run (not in a templated section)
• External claim verification: 0 of 1 claims verified (0 unverifiable, 0 contradicted) · 4 specialists (numerical, cross-reference, capability, framing); 0 cross-specialist corroborations · routed: 0 inline, 0 Pass 1, 0 Pass 2, 1 Pass 3 (verified 0, contradicted 0, unverifiable 1).
• Cited-claim spot-checks: not run (no cited claims)
• Frontmatter sweep: not run (no frontmatter in diff)
• Temporal-trigger sweep: ran (recency words present in diff; spot-check in-review)
• Code execution: not run (no static/programs/ change)
• Code-examples checks: not run (no fenced code blocks in content files)
• Editorial-balance pass: not run (not under content/blog/)

🚨 Outstanding	⚠️ Low-confidence	💡 Pre-existing	✅ Resolved
0	0	0	0

🔍 Verification trail

1 claims extracted · 0 verified · 0 unverifiable · 0 contradicted

• L30 in layouts/partials/blog/card/list-row.html "<time class='body-sm whitespace-nowrap text-service-black md:w-28 md:text-right' datetime='{{ $page.Date.Format '2006-01-02' }}'>{{ $page.Date.Format 'Jan 2, 2…" → ➖ not-a-claim (evidence: This is a Hugo/Go template snippet formatting a blog post's date using Go's standard reference time layout constants; it is code, not a falsifiable factual assertion.; source: layouts/partials/blog/card/list-row.html)

🚨 Outstanding in this PR

No outstanding findings in this PR.

⚠️ Low-confidence

No low-confidence findings.

💡 Pre-existing issues in touched files (optional)

No pre-existing issues in touched files.

✅ Resolved since last review

No items resolved since the last review.

📜 Review history

• 2026-07-24T16:47:50Z — No blockers: clean template/SCSS/TS change adding the homepage list/card view toggle; no factual claims, no style findings; Hugo build deferred to the deploy job (a8e1907)

---

Need a re-review? Want to dispute a finding? Mention @claude and include #update-review.
(For ad-hoc questions or fixes, just @claude — no hashtag.)

[pulumi-bot]

Your site preview for commit a8e1907 is ready! 🎉

http://www-testing-pulumi-docs-origin-pr-20508-a8e19071.s3-website.us-west-2.amazonaws.com

[pulumi-bot]

Lighthouse Performance Report

Commit: a8e1907 | Metric definitions

Page	Device	Score	FCP	LCP	TBT	CLS	SI
Homepage	Mobile	🔴 31	3.3s	13.1s	2930ms	0.074	8.3s
Homepage	Desktop	🟡 84	0.8s	1.0s	320ms	0.014	1.3s
Install Pulumi	Mobile	🟡 57	6.1s	9.5s	66ms	0.053	8.1s
Install Pulumi	Desktop	🟡 86	1.4s	2.0s	0ms	0.015	1.5s
AWS Get Started	Mobile	🟡 56	6.0s	9.8s	78ms	0.071	8.0s
AWS Get Started	Desktop	🟡 81	1.4s	2.0s	0ms	0.019	2.9s

[CamSoper]

Automated rubber stamp approval applied

---

Generated by Claude Code

[cnunciato]

Nice!