Skip to content

Prepare marketing for 1.0 launch #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nedtwigg merged 19 commits into from
Apr 22, 2026
Merged

Prepare marketing for 1.0 launch #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
d3bb0b3
draft text
nedtwigg Apr 21, 2026
286ce86
Progress.
nedtwigg Apr 21, 2026
6bba0db
Improve marketing copy.
nedtwigg Apr 21, 2026
bd0c0ae
Remove the homepage copy draft.
nedtwigg Apr 21, 2026
91982ba
Update fonts and layout.
nedtwigg Apr 21, 2026
36731a2
Remove another draft.
nedtwigg Apr 21, 2026
200de9f
Fixup copy.
nedtwigg Apr 21, 2026
8e706d3
Improve the header sizing.
nedtwigg Apr 21, 2026
eabe1d5
More homepage fixup.
nedtwigg Apr 21, 2026
6212a58
Improve layout.
nedtwigg Apr 21, 2026
6a45263
Remove the `Under construction` stuff.
nedtwigg Apr 21, 2026
35f22b7
Merge branch 'main' into marketing-fixup
nedtwigg Apr 22, 2026
47a60e8
Homepage improve.
nedtwigg Apr 22, 2026
910f264
Much more progress on the homepage.
nedtwigg Apr 22, 2026
8d74f24
Claude Code simplify: extract clamp01 helper, flatten icon-rise/hook-…
Apr 22, 2026
fcb7a63
Fix mobile header overlap; anchor hook + hero words just below header
nedtwigg Apr 22, 2026
6926863
Keep "for Mice" centered regardless of asterisk
nedtwigg Apr 22, 2026
f334ab4
Improve centering.
nedtwigg Apr 22, 2026
64b7ac4
Cap icon height so it never collides with the hero words
nedtwigg Apr 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
202 changes: 0 additions & 202 deletions website/README.mdx
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;600;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono&family=Ubuntu+Sans+Mono&display=swap" rel="stylesheet" />
</head>
<body>
<div id="root"></div>
Expand Down
22 changes: 4 additions & 18 deletions website/src/components/SiteHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ const SiteHeader = forwardRef<HTMLElement, SiteHeaderProps>(
? {
color: "var(--vscode-editor-foreground, #cccccc)",
fontFamily:
"var(--vscode-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif)",
"var(--vscode-font-family, var(--font-display))",
backgroundColor:
"color-mix(in oklab, var(--vscode-editorGroupHeader-tabsBackground, var(--vscode-sideBar-background, #252526)) 92%, transparent)",
borderColor: "var(--vscode-panel-border, #2b2b2b)",
Expand All @@ -51,23 +51,9 @@ const SiteHeader = forwardRef<HTMLElement, SiteHeaderProps>(

return (
<>
<div
className={`fixed top-0 left-0 right-0 z-30 bg-[var(--color-caramel)] text-[var(--color-bg)] text-center text-sm font-display font-semibold py-1.5${themeAware ? " border-b" : ""}`}
style={
themeAware
? {
backgroundColor: "var(--vscode-badge-background, #007acc)",
borderColor: "var(--vscode-panel-border, #2b2b2b)",
color: "var(--vscode-badge-foreground, #ffffff)",
}
: undefined
}
>
🚧 Under construction — check back soon! 🚧
</div>
<header
ref={ref}
className={`fixed top-8 left-0 right-0 z-20 flex items-center justify-between gap-3 px-4 md:px-8 font-display text-lg font-medium${
className={`fixed top-0 left-0 right-0 z-20 flex items-center justify-between gap-3 px-4 md:px-8 font-display text-lg${
themeAware ? " h-16 border-b py-0 md:h-20" : " py-4 md:py-6"
}`}
style={headerStyle}
Expand All @@ -77,12 +63,12 @@ const SiteHeader = forwardRef<HTMLElement, SiteHeaderProps>(
href="/"
className={
brandVisible
? `text-xl font-semibold tracking-tight transition-opacity ${
? `text-xl transition-opacity ${
themeAware
? "opacity-80 hover:opacity-100"
: "opacity-50 hover:opacity-100 text-[var(--color-caramel)]"
}`
: `text-xl font-semibold tracking-tight ${
: `text-xl ${
themeAware ? "" : "text-[var(--color-caramel)]"
}`
}
Expand Down
13 changes: 9 additions & 4 deletions website/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
@import "tailwindcss";

@theme {
--font-display: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
--font-display: "Ubuntu Sans Mono", ui-monospace, monospace;
--font-body: "Ubuntu Mono", ui-monospace, monospace;
--color-bg: oklch(10% 0.01 60);
--color-surface: oklch(18% 0.015 60);
--color-text: oklch(92% 0.01 60);
Expand All @@ -12,13 +13,17 @@
html {
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body);
font-kerning: normal;
}

/* Override lib's terminal-app styles (body overflow:hidden, #root height:100vh)
which Vite loads globally. The Playground page re-applies them when it mounts. */
body {
/* Override lib's terminal-app styles (body overflow:hidden, #root height:100vh,
body font-family system font) which Vite loads globally. The Playground page
re-applies them when it mounts. Higher specificity (html body) is required so
we beat the lib's `body` rule which loads after ours on /playground. */
html body {
overflow: auto;
font-family: var(--font-body);
}

#root {
Expand Down
8 changes: 4 additions & 4 deletions website/src/pages/Dependencies.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export function Component() {

<div className="min-h-screen bg-[var(--color-bg)] text-[var(--color-text)] pt-24 pb-16">
<div className="mx-auto max-w-3xl px-4 md:px-6">
<h1 className="font-display text-[clamp(1.75rem,3vw+0.5rem,2.5rem)] font-semibold tracking-tight mb-2">
<h1 className="font-display text-[clamp(1.5rem,2.5vw+0.5rem,2.25rem)] mb-2">
Dependencies
</h1>
<p className="text-base opacity-50 mb-10">
Expand All @@ -21,9 +21,9 @@ export function Component() {
<table className="w-full text-sm">
<thead>
<tr className="text-left border-b border-[var(--color-text)]/10">
<th className="pb-2 font-medium opacity-70">Package</th>
<th className="pb-2 font-medium opacity-70">Version</th>
<th className="pb-2 font-medium opacity-70">License</th>
<th className="pb-2 opacity-70">Package</th>
<th className="pb-2 opacity-70">Version</th>
<th className="pb-2 opacity-70">License</th>
</tr>
</thead>
<tbody>
Expand Down
Loading