mirror of
https://github.com/hanzoai/gui.git
synced 2026-11-03 00:13:54 +00:00
zeekayandHanzo Dev
56e004e4b2
The kit shipped ten typefaces. One is ours. Deleted: font-inter, font-silkscreen, font-cherry-bomb, font-nohemi, font-dm-sans, font-dm-serif-display, font-fira-mono, font-glusp, font-munro. Six of those had no dependent in the workspace at all. font-zen stays, and so do font-size, get-font-sized and font, which size and register rather than name a face. Published versions remain on the registry, so anything pinned to one keeps resolving. @hanzogui/config's DEFAULT entry built heading and body from Inter — v4 was already system fonts and v5 already Zen, so an app on the default got a face nobody chose. It builds from Zen now. dev-config, which drives gui.hanzo.ai, was worse: Inter for text, Berkeley Mono for code, plus Cherry Bomb and Silkscreen. Every size, weight, letter-spacing and transform value is unchanged — only the faces moved. The pixel ROLE was worth keeping and only its face was borrowed, so font-zen gained Zen Pixel Square (createZenPixelFont, --font-zen-pixel-*) and the token is `$pixel`. `$silkscreen` and `$cherryBomb` are gone across ~35 call sites. Cherry Bomb had no role of its own and no Zen counterpart, so it is deleted rather than substituted. gui.hanzo.ai now self-hosts three Zen files in place of four foreign ones — one variable file per family instead of a weight per request — and its OG-image route renders cards in the same faces as the pages they link to. The Inter, Berkeley, Silkscreen and glusp binaries are gone from public/fonts, including an otf directory of 20 Inter cuts. Native is honestly short: @hanzo/font ships woff2 and react-native wants otf/ttf, so the expo starter and kitchen-sink's native entry load no custom face and say why, rather than keeping Inter because it happened to be there. bun install 0 · build 161/161 · typecheck passed. Co-authored-by: Hanzo Dev <[email protected]>
64 lines
2.0 KiB
TypeScript
64 lines
2.0 KiB
TypeScript
import { H4, Paragraph, XStack } from '@hanzo/gui'
|
|
|
|
import { Card } from '~/components/Card'
|
|
import { Link } from '~/components/Link'
|
|
import { DiscordIcon } from '~/features/icons/DiscordIcon'
|
|
import { GithubIcon } from '~/features/icons/GithubIcon'
|
|
import { TwitterIcon } from '~/features/icons/TwitterIcon'
|
|
|
|
export const SocialLinksRow = () => {
|
|
return (
|
|
<XStack gap="$4" $sm={{ flexDirection: 'column' }}>
|
|
<Link
|
|
asChild
|
|
href="https://x.com/hanzogui_js"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<Card width="33.33%" justify="center" $sm={{ width: 'auto' }} gap="$2" p="$5">
|
|
<TwitterIcon />
|
|
<H4 cursor="pointer" fontFamily="$pixel">
|
|
X
|
|
</H4>
|
|
<Paragraph cursor="pointer" color="$color9">
|
|
Announcements and general updates.
|
|
</Paragraph>
|
|
</Card>
|
|
</Link>
|
|
<Link
|
|
asChild
|
|
href="https://discord.gg/4qh6tdcVDa"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<Card width="33.33%" justify="center" gap="$2" $sm={{ width: 'auto' }} p="$5">
|
|
<DiscordIcon />
|
|
{/* TODO this is using $body for other attributes not $pixel */}
|
|
<H4 cursor="pointer" fontFamily="$pixel">
|
|
Discord
|
|
</H4>
|
|
<Paragraph cursor="pointer" color="$color9">
|
|
Get involved and get questions answered.
|
|
</Paragraph>
|
|
</Card>
|
|
</Link>
|
|
<Link
|
|
asChild
|
|
href="https://github.com/hanzoai/gui"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<Card width="33.33%" justify="center" $sm={{ width: 'auto' }} gap="$2" p="$5">
|
|
<GithubIcon />
|
|
<H4 cursor="pointer" fontFamily="$pixel">
|
|
GitHub
|
|
</H4>
|
|
<Paragraph cursor="pointer" color="$color9">
|
|
Issues, feature requests, and contributing.
|
|
</Paragraph>
|
|
</Card>
|
|
</Link>
|
|
</XStack>
|
|
)
|
|
}
|