Skip to content

Add visible homepage headline and actions, fix homepage link colour - #54

Merged
callumalpass merged 1 commit into
mainfrom
home-hero-and-links
Sep 27, 2026
Merged

callumalpass merged 1 commit into
mainfrom
home-hero-and-links

Conversation

@callumalpass

Copy link
Copy Markdown
Contributor

Summary

  • Link colour: the homepage doesn't load global.css, so inline links (e.g. "mdbase Connect") rendered in the browser's default blue. home.css now has its own link rule matching the rest of the site.
  • Headline: replaced the screen-reader-only <h1>mdbase</h1> with a visible headline, "Structured data in ordinary Markdown files".
  • Actions: added an "Open the Editor" (bordered) / "Read the specification" (underlined) row under the intro.
  • Above the fold: intro chapter min-height 126vh → 100vh, so on desktop the headline starts ~320px down, aligned with the intro diagram, instead of ~540px.

Testing

  • pnpm test:home: 9/9 pass
  • pnpm check: 0 errors
  • Compared headless screenshots at 1440, 1024 and 390px wide

Notes

  • On phones the headline still sits below the fixed diagram (~54vh) and the actions need one scroll; changing that would mean reworking the mobile animation layout.
  • I haven't scrolled through the animation to check how the shorter intro chapter changes scene timing.

The homepage does not load global.css, so its links fell back to the
browser's default blue. Give home.css its own link rule matching the
rest of the site.

Replace the screen-reader-only h1 with a visible headline, add an
'Open the Editor' / 'Read the specification' action row, and shorten
the intro chapter to one viewport so the headline sits above the fold.
@callumalpass
callumalpass merged commit dabef8f into main Sep 27, 2026
1 check passed
@callumalpass
callumalpass deleted the home-hero-and-links branch September 27, 2026 06:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant