- vault → notes (PKM-exported content) - posts → articles (short-form, no TOC) - papers → essays (long-form, with TOC) - type: post → type: article (posts are just short articles) - layouts/paper → layouts/essay - 08a-paper.css → 08a-essay.css - CSS: fix redundant li resets, remove role="main" from article, replace <small> prev/next labels, add console layout - Update hugo.toml menus, internal URLs, front matter throughout - Add docs/context.md, docs/css-refactor-plan.md
1.4 KiB
1.4 KiB
| title | description | date | tags | |||
|---|---|---|---|---|---|---|
| Agentic Semantic Web | Semantic HTML, data-* attributes, and CSS-only styling for the agentic era. | 2026-04-10 |
|
Agentic Semantic Web
ASW is a vocabulary and design system for the agentic era — semantic HTML with data-* attributes, CSS-only styling, no JavaScript required where a browser element already does the job.
Built for sites generated by agents and read by agents. Navigable by humans.
What this is
- Docs — the ASW HTML vocabulary, layout system, and components
- Vault — live ASW notation: task lists, sessions, diffs, wikilinks
- Posts — writing and vocabulary reference
- Papers — longer-form thinking on the semantic web
The design principle
No invented CSS classes. Every style target is either a semantic HTML element or a data-* attribute:
<aside data-callout="note">This is a note.</aside>
<section data-layout="grid">...</section>
<a data-wikilink href="/notes/session/">session log</a>
Agents read the attributes. Humans read the content. The CSS connects them.
Try the shortcodes
{{< callout note >}}
This is a note callout rendered via the callout shortcode. Output: <aside data-callout="note">.
{{< /callout >}}
{{< callout tip >}} See the Getting Started post to wire ASW into your Hugo project. {{< /callout >}}