wtclaude
56473d4d51
All checks were successful
PR checks / checks (pull_request) Successful in 2m37s
PLAN.md §16 phase 17, built on the org lead's answers of 2026-10-22, recorded as D75-D79 (count of record 79). - D75: core marketing pages describe what a game module adds in core's words. "Game intelligence" became "What a game module adds"; each game's own list moved to src/data/games/ and renders only on the new /modules/uo/ and /modules/rust/. /modules/ is a card per game. - The page-side capability check is per game (assertGameCoverage), the item phase 13 moved here. - D76: the homepage keeps its game screenshot, labelled. screens.mjs entries may carry `game` (D67); Screenshot.astro and the app grid print the game's name and mark the figure data-game. - D77: /app/ describes the Rust screens (released the same day). - D78: /runicnpc/, the standalone page, is in the header and footer; the narrow header was re-measured so five links keep two rows. - D79: checkTerms.mjs --built reads every built page's visible text after the build; game routes and data-game elements allow their game's words. Proven against ten plants. Still the twelfth check. - Re-read fixes: /architecture/'s "two machines is also the maximum", Discord "guild" on /integrations/, and collection.mjs against what Steam sign-in and the Rust module keep (PLAY_DATA_SAFETY.md regenerated; the Play answers are unchanged). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01E14m6SuuY6i1vASFeGDBeY
77 lines
2.6 KiB
Plaintext
77 lines
2.6 KiB
Plaintext
---
|
|
import Search from './Search.astro';
|
|
import { renderBrand } from '../lib/brand.mjs';
|
|
|
|
/**
|
|
* The marketing header. The docs get Starlight's own header, themed to match in
|
|
* `src/styles/starlight.css` — one site, two chromes, the same lockup.
|
|
*
|
|
* The mark is the product's real emblem (D11), served from the brand mount rather than
|
|
* imported: the same artwork as the website's own logo and the Android launcher icon, so
|
|
* the three surfaces read as one product. Phase 1's placeholder glyph is gone.
|
|
*
|
|
* It is an `<img>`, not an inline SVG, and that costs something worth naming. The emblem is
|
|
* raster illustration, so a mounted `theme.css` cannot recolour it the way it recolours
|
|
* everything else — replacing the mark means replacing `logo.png`. That is the trade D11
|
|
* makes: a mark that already carries recognition, against a simpler one that would follow
|
|
* the palette.
|
|
*
|
|
* The nav names the routes §10 specifies. Phase 3 onwards fills them in; a link added
|
|
* here before its page exists fails `checkLinks.mjs`, which is the order we want.
|
|
*/
|
|
const { pathname } = Astro.url;
|
|
|
|
// `/beta` renders per request, so the lockup name it gets must read the mount rather than
|
|
// the value baked at build time. See `renderBrand` in src/lib/brand.mjs (phase 11).
|
|
const brand = renderBrand(Astro);
|
|
|
|
const links = [
|
|
{ href: '/features/', label: 'Features' },
|
|
{ href: '/docs/', label: 'Docs' },
|
|
// D78 (phase 17): the standalone RunicNPC page, for a Rust server owner who runs no site.
|
|
{ href: '/runicnpc/', label: 'RunicNPC' },
|
|
{ href: '/app/', label: 'App' },
|
|
{ href: '/community/', label: 'Community' },
|
|
];
|
|
|
|
const isCurrent = (href: string) =>
|
|
href === '/' ? pathname === '/' : pathname.startsWith(href);
|
|
---
|
|
|
|
<header class="site-header">
|
|
<div class="page site-header__inner">
|
|
<a class="brand-lockup" href="/">
|
|
<img
|
|
class="brand-lockup__mark"
|
|
src="/brand/logo-40.webp"
|
|
srcset="/brand/logo-40.webp 1x, /brand/logo-80.webp 2x, /brand/logo-120.webp 3x"
|
|
width="40"
|
|
height="40"
|
|
alt=""
|
|
fetchpriority="high"
|
|
/>
|
|
<span class="brand-lockup__name">{brand.siteName}</span>
|
|
</a>
|
|
|
|
<nav class="site-nav" aria-label="Primary">
|
|
{
|
|
links.map((link) => (
|
|
<a href={link.href} aria-current={isCurrent(link.href) ? 'page' : undefined}>
|
|
{link.label}
|
|
</a>
|
|
))
|
|
}
|
|
</nav>
|
|
|
|
<Search />
|
|
</div>
|
|
</header>
|
|
|
|
<style>
|
|
/* `alt=""` above is deliberate: the mark sits beside the site name in the same link, so
|
|
announcing it would make a screen reader say the product's name twice. */
|
|
.brand-lockup__mark {
|
|
display: block;
|
|
}
|
|
</style>
|