Skip to content

feat(website): the open-source strip becomes the Fork us band - #1073

Merged
blove merged 6 commits into
mainfrom
blove/fork-us-band
Sep 8, 2026
Merged

feat(website): the open-source strip becomes the Fork us band#1073
blove merged 6 commits into
mainfrom
blove/fork-us-band

Conversation

@blove

@blove blove commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Summary

The homepage's open-source section was a deliberately quiet 204px strip carrying one sentence: "Yes, this is all free. Don't like something? Fork us." It is now a ~460px full stop in the site's ATC aviation language:

SQUAWK 1200

Fork us.

[⚇ Fork on GitHub]  MIT
- - - - - - - - - - - - - -
  • SQUAWK 1200 is the US transponder code for VFR flight not receiving ATC services — flying with nobody controlling you, which is the offer exactly. It is texture, not information: the headline carries the whole meaning, so a reader who doesn't fly loses nothing.
  • Fork us. at up to 116px in Archivo Black, on one line at every width.
  • The runway centreline is the section's one aviation device — a dashed amber rule spanning the full section width, not the container's, so the marking runs edge to edge like paint.

This reverses a prior intentional decision, and the spec says so in its first section. The old component argued for quietness on the grounds that "there is no catch and no upsell." That restraint is now spent on purpose. Every comment that carried the old reasoning was rewritten rather than deleted — including the one at the call site in page.tsx, which the final review caught and which my plan had missed.

Notes

  • #open-source-heading is unchanged, so e2e/website.spec.ts passes without being edited. Its text goes from a full sentence to "Fork us.", which makes the section's accessible name clearer.
  • The band takes its height from the standard --spacing-section-ytight is simply absent. There is no custom padding override; the old two-attribute one is deleted.
  • Two things are recorded in spec §5 as deliberately accepted, not oversights: the amber fork button sits ~200px above TeamsBlock's amber "Talk to an engineer", and the band's lower third is intentionally empty.
  • The runway takes pointer-events: none, matching the dark surface's top seam, so it can't swallow a text-selection drag.

Test Plan

  • npx nx test website — green
  • npx nx lint website — 0 errors (68 warnings, baseline)
  • npx nx build website — green
  • npx nx e2e website — green, spine assertion unedited
  • Measured at 1440px: band 460px; headline 116px Archivo Black on 1 line; left edge 340px, equal to #proof-heading's; runway width = section width; data-tight null
  • Measured at 390px: headline 1 line at 50.7px, no horizontal overflow
  • Verify on production after merge

Spec: docs/superpowers/specs/2026-09-08-fork-us-band-design.md
Plan: docs/superpowers/plans/2026-09-08-fork-us-band.md

🤖 Generated with Claude Code

@vercel

vercel Bot commented Sep 8, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
threadplane Ready Ready Preview Sep 8, 2026 9:26pm UTC

Request Review

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Automated approval: this PR received an intelligent (AI) code review. See the review comments on this PR.

@github-actions

github-actions Bot commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Claude finished @blove's task in 0s —— View job


I'll analyze this and get back to you.

@github-actions

github-actions Bot commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Claude finished @blove's task in 0s —— View job


I'll analyze this and get back to you.

blove and others added 6 commits September 8, 2026 14:20
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The call site in page.tsx still described 'a slim dark strip, not a second
CTA' -- both halves now wrong, and the second is the exact thing the spec
records the change as deliberately accepting the opposite of. It survived
because the plan's comment sweep only listed files the diff already touched.

Also: the licence is no longer a pill 'tag'; the docblock's 'four words'
counted only half the band's copy; and the headline guard's comment claimed
a word count where the assertion is a character budget.

Two style fixes with existing precedent: the runway takes pointer-events
none like the dark surface's top seam, so it cannot swallow a selection
drag across the band's bottom padding, and the hand-rolled eyebrow carries
the line-height the Eyebrow primitive would have pinned.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@blove
blove force-pushed the blove/fork-us-band branch from 787445f to 848e28d Compare September 8, 2026 21:20
@github-actions

github-actions Bot commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Claude finished @blove's task in 0s —— View job


I'll analyze this and get back to you.

@blove
blove merged commit 5e2eafd into main Sep 8, 2026
32 checks passed
@blove
blove deleted the blove/fork-us-band branch September 8, 2026 21:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant