- templates/index.html — landing/hero page with feature cards
- templates/docs.html — docs layout with sidebar nav, content, and TOC
- templates/article.html — long-form prose with code blocks and blockquotes
- templates/dashboard.html — stats grid with system status panels
- templates/tasks.html — vault-style task tracker with data-task attributes
All templates use semantic HTML only, data-layout attributes for
structure, zero class= for layout, and link to dist/asw.css.
Hugo pack and most SSGs wrap content in <main>. ASW had container
rules for body > nav, footer, header, article, section — but not main.
Main was unconstrained, spanning full viewport.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Pack baseof used flat <header><nav><a> which didn't inherit ASW nav
styles. Updated to <nav><ul><li> + data-nav-links + data-theme-toggle
matching asw.trentuna.com's own nav pattern.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
nav.html: hugo.Data.nav.items → .Site.Data.nav.items (hugo.Data is not
a valid accessor for data files in any Hugo version).
deploy.sh: run hugo from site/ subdir, output to public/ at repo root
where nginx expects it. Use /usr/local/bin/hugo (v0.147.4) explicitly.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Pure ASW markup, zero classes, zero inline styles.
Messaging reflects the three-layer positioning:
agent as author, agent as builder, agent as reader.
New data-hero attribute for landing page hero sections.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Set noClasses=false so Hugo outputs Chroma CSS classes instead of
inline styles. 10-chroma.css now drives all syntax colors using
ASW's --syntax-* tokens. Fixed remaining primitive leaks
(--violet-4, --orange-3 → --syntax-keyword, --syntax-variable).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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>
Navigation: Docs, Layouts, Lab (simplified from 6 items)
Layouts gallery: card grid showing all available page layouts
with live links to demo pages.
Docs restructure: 8 auto-generated sidebar sections
(Getting Started, Typography, Core, Content, Components,
Reference, Vault, Packs) with 20 new stub pages.
Each stub has inline HTML demos that ASW styles directly.
New Hugo layout template for layouts/ section.
Decap CMS nav updated.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Move top nav from hugo.toml menus to data/nav.yml (CMS-editable)
- Add categories taxonomy alongside tags
- Add Decap CMS settings collection for nav management
- Add categories field to articles and essays in CMS config
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Docs restructure:
- Move flat docs into section subdirs (getting-started/, core/,
components/, reference/) with _index.md for each
- Sidebar auto-generates from content structure — no manual menu entries
- New doc pages appear automatically when created in a section
Decap CMS:
- admin/index.html + config.yml for browser-based editing
- Local mode (npx decap-server) — no OAuth needed
- Collections for all content types: docs, articles, essays, notes, pages
Hugo head.html updated for new CSS layer filenames.
decap-server added as devDependency.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace hardcoded "On this page" with Hugo i18n function
(falls back to English if no i18n file exists).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Extract from monolithic 03-components.css:
- 03-landmarks.css: nav, article, section, hgroup, dt/dd, footer
- 04-forms.css: buttons, inputs, selects, checkboxes, validation
- 06-navigation.css: sidebar nav, TOC aside
03-components.css retains: accordion, dialog, breadcrumb, steps.
All files will be renumbered to final scheme in next task.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Separate framework source from website:
- src/layers/ + src/main.css: CSS framework source (was assets/css/)
- site/: Hugo website (content/, layouts/, hugo.toml)
- dist/: built output (asw.css, asw.min.css)
- vendor/open-props/: vendored dependency with version tracking
- Hugo module mounts: dist/ → static, site runs from site/
Build: hugo --source site/ passes (105 pages).
npm run build produces dist/asw.css.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Distinct from articles/essays/notes — pages have no publish lifecycle,
no date, no TOC, no prev/next. <main> landmark, not <article>.
Groundwork: layouts/page/single.html + content/pages/about.md stub.
- sidebar and TOC typography/colors moved from 08-layout.css to 03-components.css
- nav[data-nav="sidebar"] and aside[data-toc] layout-only rules remain in 08-layout.css
- <small> section labels replaced with <h3> in sidebar and TOC (semantic + accessible)
- dead selectors removed: nav[data-nav="sidebar"] nav a → nav[data-nav="sidebar"] a,
nav[data-nav="toc"] (Hugo never outputs data-nav="toc")
- webkit scrollbar pseudo-elements removed (scrollbar-width/color sufficient)
- sidebar/TOC sticky top values split: sidebar top space-4, TOC top space-8 + padding-top
- max-height magic number (--size-px-10) replaced with token expression
- layer convention established: 03=component identity, 04=modifiers, 08=placement only
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Docs and vault layouts need a wider grid container for the 3-column
layout (sidebar nav + article + TOC). Wrapped in <section> — a body
child that gets container rules but overrides to --docs-max-width.
Updated CSS selectors: aside:first-of-type → nav[data-nav="sidebar"]
to match the semantic HTML (sidebar IS navigation, not an aside).
body > nav/header/article/footer all get container alignment
(max-width, auto margins, responsive padding). Replaces all
body > main selectors to match the new landmark structure.
Per Pico CSS landmark pattern and HTML5 spec:
- Site <header> with <nav> moved to baseof.html
- Site <footer> moved to baseof.html
- All section layouts (single, list, docs, paper, vault, index)
now only define <main> content — no duplicate nav/footer
- Article <header> stays inside <article> (different semantic role)
