[Phase 11] Tools page — hero, section nav pills, grouped tool sections

[ashleyshaw]

Phase 11 — Tools page

The Tools page at /c/tools is distinct from the other catalogue pages. It has a
unique hero layout (wapuu at 116px, different from hero pattern), section nav pills
that scroll to tool groups, and tools grouped by sub-section rather than a flat grid.

Deliverables

• src/pages/c/tools.astro — standalone tools page (NOT via [cat].astro)
• Hero: astropuu wapuu at 116px (90px ≤860px)
• Section nav pills: monospace, link to each tool group section
• Tool groups: each group has a heading + item grid
• Group dividers: border-top var(--hair)
• All tool item cards same style as catalogue item cards (Phase 07)
• Scroll-to-section from pill nav (offset for sticky header)

Bonus: Phosphor Icons sitewide

• src/lib/phosphor.ts — SSG-time Phosphor icon loader (uses @phosphor-icons/core)
• Icon.astro updated — ph:name prefix routes to Phosphor
• All category icons → Phosphor throughout catalogue, nav, homepage
• All item type marks → Phosphor (robot, terminal-window, brackets-curly, etc.)
• Nav chrome icons → Phosphor (magnifying-glass, sun, moon, github-logo, caret-down, list, x)
• Item card + type badge CSS moved to global.css (cross-page reuse)

Spec: AWESOME_GITHUB_HOMEPAGE_SPEC.md §4, AWESOME_GITHUB_WAPUU_SPEC.md §3

[linear-code]

LS-958

LS-1096

[github-actions]

⚠️ This issue does not follow a required issue template.

Missing required section(s): Definition of Ready (DoR), Definition of Done (DoD)

The issue will remain open and flagged until the body is corrected.
Please update the issue with one of the official templates:

• https://github.com/lightspeedwp/.github/issues/new/choose

If this was opened by automation, update the automation to preserve the template sections before creating the issue.

[ashleyshaw]

Phase 11 complete. PR #886 opened. All acceptance criteria met.

Summary of work:

• /c/tools standalone page with astropuu wapuu hero (116px/90px), 4 section groups, nav pills with smooth scroll
• Item card + type badge CSS moved from [cat].astro → global.css for cross-page reuse
• src/lib/phosphor.ts — new SSG-time Phosphor icon loader using @phosphor-icons/core
• Icon.astro extended — ph:name prefix routes to Phosphor (256×256 fill), existing names fall back to heroicons map
• All category, item-type mark, nav chrome, and feature-strip icons migrated to Phosphor sitewide
• Build passes — 333 pages, 0 errors, 40 Phosphor icons in tools page alone

---

Generated by Claude Code