Skip to content

Link the GitHub repository from thirdshift.app's first screen - #681

Merged
JacobStephens2 merged 1 commit into
mainfrom
site-github-link
Oct 13, 2026
Merged

JacobStephens2 merged 1 commit into
mainfrom
site-github-link

Conversation

@JacobStephens2

Copy link
Copy Markdown
Owner

Summary

-<div class="topline">
+<div class="topline with-repo">
   <svg class="mark">…</svg>
   <span class="slug">Proof · pulled at 03:12 · unit 4 of 4</span>
+  <a class="repo" href="https://github.com/JacobStephens2/thirdshift"><svg>GitHub's mark</svg>GitHub</a>
 </div>

Until now, the only plain link to the repository was "GitHub" in the footer. The hero's top line now has one too, an outlined tag with GitHub's mark:

  • Desktop: it takes the top-right corner, after the slug.
  • Phones (560px and under): it sits beside the wordmark, with the slug underneath, so the top line keeps its two rows.

The grid layout applies only to .topline.with-repo, so the Prompts and skills page keeps its top line as it was. The mark is mark-github-16 from Primer Octicons 19.40.0 (MIT), byte for byte.

Evidence

  • Before: the first screen on load at 1440×900 and 390×844, with no link to the repository. The footer link is 9,805–13,902px down, depending on width.
    Home page at 1440x900, before Home page at 390x844, before

    After: the link is fully inside the first screen at every width measured: 1440, 1280, 768, 700, 600, 390, 375, 360 and 320px. Its top is 43–118px down, and it doesn't overlap anything or overflow sideways.
    Home page at 1440x900, after Home page at 390x844, after

  • Install command: its bottom edge is unchanged on desktop and tablet. On phones it moves less than 1px. At 600–700px wide the slug wraps beside the link, which moves the install command down 15px. It is still on the first screen there.

  • Prompts and skills page: its top line is pixel-identical before and after at nine widths, from 1440 to 320px.

  • Keyboard: the link is the page's first Tab stop. Focus inverts it, as hover does.

All of this was measured in headless Chromium through Playwright 1.64. No Rust test reads the hero, so cargo test was left to CI.

Merge Danger

Door: two-way

Blast Radius: homepage

Merging publishes to thirdshift.app within five minutes, through the site/deploy/publish.sh timer, and a revert publishes the same way. The Prompts and skills page shares styles.css but none of the new rules.

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@JacobStephens2
JacobStephens2 merged commit 69fde3b into main Oct 13, 2026
17 checks passed
@JacobStephens2
JacobStephens2 deleted the site-github-link branch October 13, 2026 11:18
@JacobStephens2 JacobStephens2 mentioned this pull request Oct 17, 2026
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