oli/rdbms-playground
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

docs(website): landing — Wordmark replaces the plain title heading

Browse Source 
Hide the splash hero's redundant <h1> (kept in the DOM for SEO/a11y,
landing-scoped via a title-only hero) and render the Wordmark + tagline +
buttons in the body, so the brand lockup sits where the heading was and
the content rises above the fold (it was nearly hidden on an iPad).
Styles in global.css; doc-page headings are unaffected.
This commit is contained in:
claude@clouddev1
2026-06-15 20:59:49 +00:00
parent 96b9581089
commit 93a40970c3
2 changed files with 51 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/content/docs/index.mdx
+15 -9
View File
@@ -2,23 +2,29 @@
title: RDBMS Playground
description: A terminal playground for learning relational databases — tables, keys, relationships, indexes, queries, and query plans, hands-on.
template: splash
# Title-only hero: this keeps Starlight's splash from emitting a second,
# page-title <h1> in a content panel (which can't be styled per-page). The hero
# <h1> lives inside `.hero`, so it can be visually hidden (kept for SEO/a11y)
# while the Wordmark + tagline + buttons below it carry the visible hero — see
# `.hero h1` in global.css. tagline/actions are rendered in the body so they sit
# *below* the wordmark, where the old title used to be.
hero:
tagline: Learn relational databases by doing — in your terminal.
actions:
- text: Get started
link: /getting-started/installation/
icon: right-arrow
- text: Browse the reference
link: /reference/types/
variant: minimal
title: RDBMS Playground
---
import { Card, CardGrid, LinkCard } from '@astrojs/starlight/components';
import { Card, CardGrid, LinkCard, LinkButton } from '@astrojs/starlight/components';
import Demo from '../../components/Demo.astro';
import Wordmark from '../../components/Wordmark.astro';
<Wordmark />
<p class="hero-tagline">Learn relational databases by doing — in your terminal.</p>
<div class="hero-actions">
<LinkButton href="/getting-started/installation/" icon="right-arrow">Get started</LinkButton>
<LinkButton href="/reference/types/" variant="minimal" icon="right-arrow">Browse the reference</LinkButton>
</div>
RDBMS Playground is a cross-platform terminal app that gives you a safe
sandbox for exploring relational database concepts: tables, columns,
primary and foreign keys, relationships, indexes, queries, and query