Jakob Wennberg
1a7152a7af
The Abonnemang tab gets a quiet decorative masthead: the marketing site's halftone Stockholm skyline as a wide banner strip on the frame tint, waterline pinned to the strip's bottom edge (same physics as the onboarding backdrop). Shown in every billing state; purely decorative. The API tab's "Anslut MCP-klient" group gets a works-with strip using the site's monochrome halftone Claude and OpenAI marks (copied into public/illustrations and registered in the shared manifest), with a bilingual caption. Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
20 lines
766 B
TypeScript
20 lines
766 B
TypeScript
// Halftone line-art illustrations shared with the marketing site
|
|
// (gnubok-website public/illustrations/). Intrinsic dimensions are declared
|
|
// up front so <img> layers get width/height and avoid layout shift. If you
|
|
// copy more pieces from the website repo, add their manifest.json entry here.
|
|
export const ILLUSTRATIONS = {
|
|
'about-stockholm': { w: 2648, h: 1318 },
|
|
calculator: { w: 745, h: 525 },
|
|
'key-adding-machine': { w: 1650, h: 1318 },
|
|
'logo-claude': { w: 524, h: 525 },
|
|
'logo-openai': { w: 518, h: 525 },
|
|
notebook: { w: 636, h: 525 },
|
|
pencil: { w: 542, h: 525 },
|
|
} as const
|
|
|
|
export type IllustrationName = keyof typeof ILLUSTRATIONS
|
|
|
|
export function illustrationSrc(name: IllustrationName): string {
|
|
return `/illustrations/${name}.webp`
|
|
}
|