# CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
## What This Is
Static HTML/CSS documentation site for the NoJS framework. No build step, no bundler, no package manager — just plain `.html` files and one shared `style.css`. Designed to be opened directly in a browser or served from any static host.
## Development
```bash
# Serve locally (any static server works)
npx serve . # or python3 -m http.server 8000
open index.html # or just open files directly in a browser
```
There are no tests, no linting, and no CI. Changes are verified visually in a browser. After editing, open the affected page and check both desktop and mobile (≤600px) viewports.
## Architecture
### Architecture
Single-page application (SPA) powered by NoJS's `route-view` directive with file-based routing. Two entry points (`index.html` and `404.html`) share the same layout shell and load page content from `templates/*.tpl` files.
| Route | Template | Purpose |
|-------|----------|---------|
| `/` (home) | `templates/home.tpl` | Landing page with hero, feature cards, directive showcases, and getting-started |
| `/features` | `templates/features.tpl` | Feature overview grid |
| `/docs` | `templates/docs.tpl` | Reference documentation with sidebar navigation and TOC |
| `/examples` | `templates/examples.tpl` | Interactive code examples organized by directive category |
| `/faq` | `templates/faq.tpl` | Accordion-style Q&A |
| `/playground` | `templates/playground.tpl` | Split-pane code editor with live preview |
### Shared Layout Pattern
Both `index.html` and `404.html` follow the same DOM skeleton:
```
```
The `route-view` element uses `src="templates/"` and `route-index="home"` for file-based routing. Page templates are `.tpl` files with i18n namespace auto-derivation via the `i18n-ns` attribute.
### Inline JavaScript
Minimal — only vanilla `