Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
3 changes: 0 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -55,9 +55,6 @@
<h1 id="headline"><span>Your data stack.</span> <span>Engineered to change.</span></h1>
<p class="lede">Rust-backed SQL and Python tools for data engineers.</p>
<p class="principles">Compile-time checks, tested behaviour and enforceable architecture.</p>
<div class="hero-actions">
<a class="button" href="https://github.com/sqlstack-io/sqlstack">View on GitHub <span aria-hidden="true">↗</span></a>
</div>
</section>

<div id="tools" tabindex="-1" aria-label="SQLStack tools">
Expand Down
9 changes: 0 additions & 9 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,6 @@
--background: #ffffff;
--panel: #ffffff;
--focus: #1768ba;
--button-border: #bdc9da;
--button-hover: #f3f6fa;
--gold-ink: #765600;
--gold-bg: #fff3cb;
--pink-ink: #a52138;
Expand All @@ -45,8 +43,6 @@
--background: #0d0f12;
--panel: #171a1f;
--focus: #75b5ff;
--button-border: #626a76;
--button-hover: #171a1f;
--gold-ink: #ffe07a;
--gold-bg: #352b12;
--pink-ink: #ffacba;
Expand Down Expand Up @@ -90,9 +86,6 @@ h1 { margin: 0; font-size: clamp(40px, 4.2vw, 64px); line-height: 1; letter-spac
h1 span { display: block; }
.lede { margin: 20px 0 3px; font-size: 22px; line-height: 1.4; }
.principles { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.5; }
.hero-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 20px; min-height: 48px; border: 1px solid var(--button-border); border-radius: 2px; color: var(--ink); font-size: 14px; line-height: 20px; text-decoration: none; }
.button:hover { background: var(--button-hover); text-decoration: none; }
.tool-row { display: grid; grid-template-columns: 304px minmax(0, 1fr); gap: 24px; border-top: 1px solid var(--line); padding: 18px 0 16px; }
.category { padding-top: 8px; }
.category .eyebrow { margin: 0 0 8px; color: var(--muted); font-size: 14px; line-height: 20px; text-transform: uppercase; }
Expand Down Expand Up @@ -142,8 +135,6 @@ h3 { margin: 0; font-family: "Space Grotesk", sans-serif; font-size: 24.94308px;
h1 { font-size: clamp(34px, 8.5vw, 48px); line-height: 1.07; letter-spacing: -.05em; }
.lede { margin-top: 20px; font-size: 18px; }
.principles { margin-top: 10px; font-size: 15px; }
.hero-actions { gap: 10px; }
.button { padding-inline: 16px; }
.cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.category > p:last-child { margin-top: 8px; }
.product { gap: 20px; padding: 22px 18px 18px; }
Expand Down
10 changes: 7 additions & 3 deletions tests/website.spec.mjs
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,11 @@ test('approved products, sharing assets and responsive navigation work in both t
await page.goto('/');
await expect(page.getByRole('heading', { level: 3 })).toHaveText(names);
await expect(page.getByRole('link', { name: 'SQLStack on GitHub', exact: true })).toHaveAttribute('href', 'https://github.com/sqlstack-io');
for (const [name, website] of [['SQLBuild', 'https://sqlbuild.com'], ['SQLTide', 'https://sqltide.io/'], ['SQLClean', 'https://sqlclean.io'], ['Fensu', 'https://fensu.io/']]) {
const card = page.getByRole('article', { name, exact: true });
await expect(card.getByRole('link', { name: `${name} website`, exact: true })).toHaveAttribute('href', website);
await expect(card.getByRole('link', { name: `${name} on GitHub`, exact: true })).toHaveAttribute('href', `https://github.com/sqlstack-io/${name.toLowerCase()}`);
}
await expect(page.getByText('Compile-time checks, tested behaviour and enforceable architecture.', { exact: true })).toBeVisible();
await expect(page.locator('footer')).toContainText('Independent tools. Shared foundations. 100% open source.');
const fensuWebsite = page.getByRole('article', { name: 'Fensu', exact: true }).getByRole('link', { name: 'Fensu website', exact: true });
Expand All @@ -73,9 +78,8 @@ test('approved products, sharing assets and responsive navigation work in both t
await expect(sqltideWebsite).toBeVisible();
await expect(page.getByRole('button', { name: 'Dark mode', exact: true })).toBeInViewport();
}
await expect(page.locator('.hero').getByRole('link')).toHaveCount(1);
await expect(page.locator('.hero').getByRole('link')).toHaveAccessibleName('View on GitHub');
await expect(page.locator('.hero').getByRole('link')).toHaveAttribute('href', 'https://github.com/sqlstack-io/sqlstack');
await expect(page.locator('.hero').getByRole('link')).toHaveCount(0);
await expect(page.getByRole('link', { name: 'View on GitHub', exact: true })).toHaveCount(0);
await page.getByRole('link', { name: 'Skip to tools', exact: true }).focus();
await page.keyboard.press('Enter');
await expect(page).toHaveURL(/#tools$/);
Expand Down
Loading