[JacobStephens2]

Summary

The walking skeleton of thirdshift.app: prototype hero D ("Proof, compact") as plain static files, with no build step and no npm dependencies.

site/
├── index.html    # proof-sheet hero + footer; wordmark is inline SVG outlines (no blackletter font request)
├── styles.css    # the one shared stylesheet: ink set A tokens, Subtle effects, blueprint grid, [hidden] reset
├── main.js       # Copy button (module; falls back to selecting the command)
├── favicon.svg   # registration mark
└── robots.txt    # allow everything

• The fonts come in one Google Fonts request, with only the faces needed: Big Shoulders Display 800, JetBrains Mono 400/700 and Playfair Display italic. "The Third Shift" is UnifrakturMaguntia converted to an SVG path, so nothing delays the first paint.
• "Show the full command" is a <details>, so it works without JS.
• The hero has no opacity or animation.
• A phone-only (≤560px) rule tightens the sheet's margins, so at 390×844 the whole sheet, including the install command, fits on the first screen.

Evidence

Serve it with python3 -m http.server -d site. The screenshots below come from headless Chromium.

1440×900: the install command's bottom edge is at y=464.

390×844: the install command's bottom edge is at y=577.

Behaviour, checked in Chromium:

click Copy          → label "Copied", clipboard = "curl -fsSL https://thirdshift.app/install.sh | sh"
open the toggle     → reveals "curl -LsSf https://github.com/JacobStephens2/thirdshift/releases/latest/download/thirdshift-installer.sh | sh"
GET /robots.txt     → 200
GET /favicon.svg    → 200
console errors      → none

cargo test passes, and site/ stays out of the crate package (include is unchanged).

Merge Danger

Door: two-way

The change only adds files. Nothing serves site/ yet.

Blast Radius: none

The crate, a Run and the release are untouched. The screenshots live under docs/screenshots/issue-62/.

Unaddressed findings

Standards

• The tokens --k2, --k3, --m-text, --nm and --f-colo, the [hidden] reset and the reduced-motion block are unused (Speculative Generality): Home page walking skeleton: the proof-sheet hero with the install command #62 asks for the full ink set A tokens and the [hidden] reset in the shared stylesheet. The press line and colophon tickets will use them.
• Playfair Display is loaded but unused: Home page walking skeleton: the proof-sheet hero with the install command #62 names it in the fonts to load. The colophon will use it.
• --f-body and --f-mono have the same value, and the colour-bar color-mix rule is repeated (Duplicated Code): these are the prototype's token set, kept as the source of truth.
• The .paper-sheet greys are raw hex values, not tokens (Primitive Obsession): they are copied exactly from prototype hero D. Tokenising a paper palette can wait until a second sheet uses it.
• The .install styles are overridden under .paper-sheet (Shotgun Surgery risk): the base style is for install blocks shown on the dark page later. The override is small.
• main.js touches the clipboard and the DOM directly, so it can't be tested apart from a browser: it's a 15-line page script, and the spec rules out automated front-end tests.

Spec

• The framing uses the prototype's longer wording, not CONTEXT.md's sentence word for word: the text starts from that sentence and is the approved hero D copy.
• Scope beyond the prototype (the phone-margin media query, the "Selected" clipboard fallback, the favicon's dark background): the media query is what keeps the install command on the first screen at 390×844. The other two are small robustness choices.

Closes #62

🤖 Generated with Claude Code