Home page

layout: home makes a page a home page: a hero and feature cards, full width between the shell's top navigation and footer. The page's Markdown is the data, so it reads the same anywhere Markdown renders:

---
layout: home
---
# Markupress

Versioned documentation from Markdown, with native HTML Next components.

![Markupress mark](/mark.svg){width=120}

[Get started](../01.getting-started.md) [GitHub](https://github.com/threadlabs-studio/markupress)

## Components in Markdown

Link an HTML Next component in a page and use it on the next line.

## Versions

`markupress snapshot v1` records the docs as they stand.

Markupress

Versioned documentation from Markdown, with native HTML Next components.

Get started GitHub

Components in Markdown

Link an HTML Next component in a page and use it on the next line.

Versions

markupress snapshot v1 records the docs as they stand.

Markdown	Is
Everything before the first `##` heading	The hero.
The `#` heading	The hero's title. Without one, the page's `title` is.
A paragraph of only links	The actions: a `ui-button` link each, the first solid and the rest outlined.
An image alone in its paragraph	The hero image, beside the text on wide screens.
Any other paragraph	The tagline.
Each `##` heading and everything up to the next	A feature card, a Looma `ui-card` in a `ui-grid`. A card holds any Markdown: lists, code, links, images.

The hero and cards use Looma's components and --ui-* tokens, in both themes. app/layouts/home.html replaces the home layout as an ordinary MarkupKit layout, with its own home.server.ts loader when it needs data. The page keeps its hero and card structure, so the site's layout supplies only the frame and styles.