feat: legacy import — packs, examples, lab, themes, docs, lineage
Import from agentic-semantic-web/ into restructured repo: - 7 packs (apache, caddy, flask, hugo, nginx, pandoc, python) - shared error pages (403-503) - 17 lab experiments (boilerplate, charts, misc) - 31 example pages (charts, components, content, layout, vault) - 2 themes (garden, trentuna stub) - 4 docs (llms.txt, vocabulary, philosophy, agent-directive) - lineage.md (Pico/Open Props/Charts.css history) - Hugo mounts for lab/ and examples/ All agentic.css references updated to asw.css. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
e9895cf90d
commit
86464f3e21
100 changed files with 14700 additions and 4 deletions
69
examples/components/buttons.html
Normal file
69
examples/components/buttons.html
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--#include virtual="/_include/head.html" -->
|
||||
<title>Buttons — ASW Examples</title>
|
||||
<meta name="description" content="Semantic button variants — type
|
||||
attribute, disabled, loading, link-as-button">
|
||||
</head>
|
||||
<body>
|
||||
<!--#include virtual="/_include/nav.html" -->
|
||||
|
||||
<main>
|
||||
<header>
|
||||
<h1>Buttons</h1>
|
||||
<p data-text="lead">Semantic button variants — type attribute,
|
||||
disabled, loading, link-as-button</p>
|
||||
</header>
|
||||
|
||||
<p>Buttons styled through HTML semantics. No class variants —
|
||||
<code>type</code> communicates intent.</p>
|
||||
<h2 id="default-button">Default button</h2>
|
||||
<p>
|
||||
<button>Click me</button>
|
||||
<button type="button">Explicit type</button>
|
||||
</p>
|
||||
|
||||
<h2 id="submit-and-reset">Submit and reset</h2>
|
||||
<form onsubmit="return false">
|
||||
<label>Email
|
||||
<input type="email" name="email" placeholder="you@example.com">
|
||||
</label>
|
||||
<p>
|
||||
<button type="submit">Subscribe</button>
|
||||
<button type="reset">Clear</button>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
<h2 id="link-styled-as-button">Link styled as button</h2>
|
||||
<p>
|
||||
<a href="#link-button" role="button">Download</a>
|
||||
<a href="#link-button" role="button">View source</a>
|
||||
</p>
|
||||
|
||||
<h2 id="disabled-state">Disabled state</h2>
|
||||
<p>
|
||||
<button>Active</button>
|
||||
<button disabled>Disabled</button>
|
||||
<button type="submit" disabled>Submit (disabled)</button>
|
||||
</p>
|
||||
|
||||
<h2 id="loading-state">Loading state</h2>
|
||||
<p><code>aria-busy="true"</code> shows an inline spinner. No JavaScript
|
||||
needed.</p>
|
||||
<p>
|
||||
<button aria-busy="true">Saving…</button>
|
||||
<button type="submit" aria-busy="true">Processing…</button>
|
||||
</p>
|
||||
|
||||
<h2 id="button-group">Button group</h2>
|
||||
<p>
|
||||
<button type="submit">Save changes</button>
|
||||
<button type="reset">Discard</button>
|
||||
<button type="button" disabled>Delete</button>
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<!--#include virtual="/_include/footer.html" -->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue