article
An <article> inside a grid is a card. A closing <small> is pushed to the bottom, so a row of cards has its labels on one line however long the text above is.
Every file in content/ becomes a page. The folder it sits in becomes the path.
Layouts live in layouts/. A page picks one in its front matter.
Images are copied as they are. Resizing and fingerprinting come next.
Planned<div data-grid="3">
<article>
<h3>Markdown</h3>
<p>Every file in <code>content/</code> becomes a page. The folder it sits in becomes the path.</p>
<small>Stable</small>
</article>
<article>
<h3>Templates</h3>
<p>Layouts live in <code>layouts/</code>. A page picks one in its front matter.</p>
<small>Stable</small>
</article>
<article>
<h3>Assets</h3>
<p>Images are copied as they are. Resizing and fingerprinting come next.</p>
<small>Planned</small>
</article>
</div>Cards stretch to the same height, so the grid starts and ends on one line.
182 pages, 0 failed.
14:31atlas rebuilds on save.
Since 14:02<div data-grid="2">
<article data-tone="go" data-edge="top"><h3>Deployed</h3><p>182 pages, 0 failed.</p><small>14:31</small></article>
<article data-tone="info" data-fade><h3>Watching</h3><p>atlas rebuilds on save.</p><small>Since 14:02</small></article>
</div>A card takes data-tone, data-edge and data-fade like any other block.
data-tone takes --s72-card and the standard padding; with one it takes the tone's padding instead.<ul> inside a card is set at the small size with its own gap, for feature lists.<menu>, link button or button is pushed to the bottom like a closing <small>, so a row of cards ends on one line of actions.<img> first inside the card runs to the card's edges; see Image card.