Ludo
fe8ddd6153
New data-demo attribute for demo blocks in documentation. Replaced 16 files worth of inline style="" wrappers with <div data-demo>. Only remaining style= is charts --size data injection (legitimate). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
29 lines
817 B
Markdown
29 lines
817 B
Markdown
---
|
|
title: "Quick Start"
|
|
description: "Get ASW running in five minutes: one CSS file, semantic HTML, no build step."
|
|
type: docs
|
|
weight: 12
|
|
date: 2026-04-11
|
|
tags: ["getting-started", "installation"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
Drop `asw.css` into your project, add one `<link>` tag, and write semantic HTML. No npm, no build pipeline, no configuration files required.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<nav>
|
|
<a href="#">Home</a> ·
|
|
<a href="#">Docs</a> ·
|
|
<a href="#">About</a>
|
|
</nav>
|
|
<main>
|
|
<article>
|
|
<header><h2>Page title</h2></header>
|
|
<p>This is an <code><article></code> inside <code><main></code>, next to a <code><nav></code>. ASW styles all three with no classes.</p>
|
|
</article>
|
|
</main>
|
|
</div>
|