Repository navigation
feat(site): NorthGuild mark in the header and an aurora entrance - #12
Merged
Merged
Conversation
The header carries the NorthGuild shield, redrawn from the GMT docs mark as faint ice: pale washes and hairlines in the wordmark's tone, no fills or glow. The wordmark is plain text now, not a link to the page it is on. The header, title, line under it and cards come in like aurora mist: a soft band of light drifts across each, the blur clears and a green-cyan tint settles into the usual ice. Reduced motion gets a short fade. The title and line under it are only as wide as their text, and the card grid lets the pointer through its gaps, so more of the sky answers hover.
baldurpan
reviewed
Oct 29, 2026
baldurpan
left a comment
Contributor
There was a problem hiding this comment.
I read the diff alongside the theme's .gmt-glass, Aurora's isBareSky hit test and the 404 page. I have one point, inline. The rest holds up:
- The mask maths works. At
mask-position: 100%the box shows only the clear end of--ng-sweep, and at0%only the solid end, for any block less than about 1.4 times as tall as it is wide. That covers every block here, at phone width too. So nothing jumps when the animation ends and the mask comes off. - The glow fades out cleanly.
.gmt-glasssets nobox-shadow, so the pane keyframes ease back to nothing on the header and toRepoCard's own0 0 0 0 transparenton the cards. - The gaps reach the sky. With
pointer-events: noneon.grid, a pointer over a gap lands onmain, whichisBareSkycounts as sky. - The timing is fair. On paper the last card finishes at 3.55 s, but with that easing curve it is about 95% of the way there by 2.6 s, so "about 2.6s" in the description is a fair summary.
Header is rendered by Base on every page, so the 404 blurred its header in after its own text had already shown. Base now takes an `entrance` prop and passes it to Header; only the home page sets it.
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.
The home page header gets the NorthGuild shield, redrawn to suit this site's quiet night look, and the page now comes in like aurora mist instead of appearing all at once.
Changes
NorthGuildMark.astroredraws the GMT docs shield (the peaks and</>) as faint ice. It uses the wordmark's ice tone at low opacity, has no cyan and no glow, and draws only the shield's edge, the mountain ridge and the</>as lines. It sits 24px from the wordmark, the same as the GMT header.Base.astro,.ng-enter-textand.ng-enter-pane, staggered with--ng-delay. Reduced motion gets a short fade only.Notes
animation:shorthand intoanimation: none.Checked
pnpm lint && pnpm format:check && pnpm check && pnpm buildall pass.