Repository navigation
docs(site): replace the navbar avatar with the Northguild logo - #106
Merged
Merged
Conversation
Phase 1 of #104. The navbar rendered the northguild GitHub org avatar, hotlinked from github.com. It now renders the supplied shield artwork from docs/src/assets/logo.svg via a static import, so Next applies the /worktree basePath and content-hashes the file. The circular crop is dropped (the shield is 1000x1317) and the height stays at 32px. The footer keeps the avatar (D2), and site-meta.ts and its generator are untouched (D3). Navbar.test.tsx now pins the image source to the asset; pointing the navbar back at the avatar URL fails the new test. Gate 1: pnpm check, typecheck, build, test (1006) and docs:test (69) all exit 0, and the test-marker grep is clean. A production docs build with a dummy GEMINI_WORKER_URL serves the logo at /worktree/_next/static/media/logo.<hash>.svg. Gate 2: reviewer subagent, PASS WITH NOTES, nothing blocking; the notes are in context/notes.md.
Deletes the branch-local context/notes.md, per /feature-close. #104's plan and ledger stay in the issue, which this branch's pull request closes.
baldurpan
enabled auto-merge (squash)
October 18, 2026 21:37
Contributor
|
Looks good overall. Nothing here is broken: the logo is now a local asset, the link's accessible name is unchanged, and CI is green. A few things are worth a look before merging: Worth addressing
Minor
|
From the review on #106: - Size the logo with height={32} alone. The 2rem style overrode it and only agreed with it at a 16px root font size. Next derives the width from the SVG's 1000x1317 aspect ratio. - Drop role="img" and aria-label from logo.svg. Through <img alt=""> they were inert, and if the SVG were ever inlined they would add "Northguild logo" to the home link's name (WCAG 2.5.3). - Check that the logo test's src is an SVG, an inlined data URI or a .svg path, before comparing it with the import. If the import were ever a stringified StaticImageData object, both sides would equal "[object Object]" and the comparison would pass. The new assertion uses no jest-dom matcher, so the docs tsc count is back to main's 5 for this file. Gate 1: pnpm check, typecheck, build, test (1006) and docs:test (69) all exit 0. Pointing the navbar back at the avatar URL, or passing an object src, fails the test. A production docs build serves /worktree/_next/static/media/logo.<hash>.svg.
Contributor
Author
|
@craig-o-curtis thanks for the review. Points 2–4 are fixed in 86c024d. 1, 5 and 6 below.
Gate 1 is green: |
craig-o-curtis
approved these changes
Oct 19, 2026
craig-o-curtis
left a comment
Contributor
There was a problem hiding this comment.
Thanks — 86c024d covers 2–4: the test now rejects the avatar and an object src before comparing, sizing is down to height={32}, and the SVG's role/aria-label are gone. Good catch on Vite inlining the SVG as a data URI. Fine with 5 and 6 as you've left them; dark mode (1) stays a separate call if we want a variant later.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #104
The docs site's navbar showed the
northguildGitHub org avatar, loaded from github.com on every page view. It now shows the Northguild shield logo, kept in this repository. The plan, its decisions and the finished phase ledger are in #104.Phases landed
What changed
docs/src/assets/logo.svgis the new logo file.Navbar.tsximports the logo statically, so Next adds the/worktreeprefix and content-hashes the file. The circular crop is gone, because the shield is taller than it is wide. The logo is 32px tall at its own proportions. The link's accessible name, the decorativealt=""and the focus/hover classes are unchanged.Navbar.test.tsxnow checks that the image is the logo file. Pointing the navbar back at the avatar fails the test.site-meta.tsand its generator are unchanged (D3).Verification
pnpm check,typecheck,build,test(1006) anddocs:test(69) all exit 0, and no test is skipped or focused.GEMINI_WORKER_URL, serves the logo at/worktree/_next/static/media/logo.<hash>.svg. The page's only remaininggithub.com/northguild.pngis the footer's.No release note: changes under
docs/**don't need one. The docs site deploys when this merges tomain.