[JacobStephens2]

Summary

Four text sections on the home page, in the order #61 sets, with comment slots for the sections other issues add:

 <header class="hero">            # proof sheet, install (#62)
+<main>
+  Day shift / third shift         # grill → spec → issues | implement → review → pull request
+  <!-- press line: #64, #65 -->
+  What comes off the press        # ready for review · Unaddressed findings · Failed runs keep their work
+  <!-- factory floor plan: #67 -->
+  Proof sheets                    # PR #25 → #24, #21 → #7, #22 → #9, #16 → #4
+  Requirements and platforms      # taken from the README
+  Colophon                        # #61's text, verbatim, Playfair Display italic
+</main>
 <footer>

Only site/index.html and site/styles.css change, using the shared tokens. Nothing is added to main.js.

One deliberate wording change: the glossary's Day shift says "(grilling, specs, tickets)", and #66 says "grill → spec → tickets". But the site must not use "ticket", so the site says "issues" instead.

Evidence

• Before: the page was the hero and the footer only (docs/screenshots/issue-62/).
  After, at laptop (1440×900) and phone (390×844) sizes, full page:

  
  

• No horizontal overflow at either size (scrollWidth == innerWidth: 1440/1440, 390/390).

• The colophon was checked against Spec: thirdshift.app, a site that shows how the factory works #61 character for character, and the proof-sheet links against each PR's Closes #n.

• cargo test: all suites pass. There are no front-end tests, as Spec: thirdshift.app, a site that shows how the factory works #61 intends.

Merge Danger

Door: two-way

Static HTML and CSS. A revert undoes it.

Blast Radius: layout

The new sections and CSS are scoped to new classes. The only change to an existing rule is that .paper-sheet .slug and .paper-sheet a now share a selector list with the proof-sheet cards. The hero renders the same.

Unaddressed findings

Standards

• Primitive Obsession: raw hex values (#111, #555, #0b0b0b, #0070a8) for ink on paper. These follow the hero's existing .paper-sheet rules. Turning them into tokens would mean reworking the hero too, which is outside this issue.
• Duplicated Code: .shifts and .reqs share the ruled two-panel grid, and the 760px one-column media query repeats. Two small uses. Extracting a shared panel class now would be speculative until the press line and floor plan show what else shares it.
• Mysterious Name: .lede. It's the conventional name for a section's intro line. Other sections will likely reuse it.

Spec

• "Run the same command again to continue it" and "Otherwise thirdshift doesn't call it ready" go beyond the issue's wording. Both are accurate (Continuation, and the definition of a Failed run) and help the reader, so I kept them.
• Day shift isn't the glossary definition word for word. The glossary's "tickets" conflicts with the rule against "ticket" on the site. The rest of the definition is kept (see Summary).
• Screenshots attached to the pull request. They're in the Evidence section above.

Closes #66

🤖 Generated with Claude Code