feat: make route map the interactive landing page

This commit is contained in:
Marcos Paulo
2026-09-04 04:18:15 +00:00
parent 94f3491d7a
commit aa85864868
15 changed files with 203 additions and 65 deletions
+5 -3
View File
@@ -35,7 +35,8 @@ repository files directly; there is no bundler or generated `dist/` folder.
| File | Responsibility |
| :--- | :--- |
| `index.html` | Semantic sections, controls, labels, and English source copy |
| `index.html` | Default route map and focused chapter navigation |
| `full-guide/index.html` | Complete bilingual field guide, controls, labels, and English source copy |
| `styles.css` | Base editorial visual system |
| `responsive.css` | Interactive diagrams and Full HD, 4K, tablet, and mobile adaptations |
| `app.js` | Interactions, state, and Portuguese translations |
@@ -86,6 +87,7 @@ and one mobile viewport.
```bash
npm run verify
node --check app.js
node scripts/audit-ui.mjs
git diff --check
```
@@ -100,7 +102,7 @@ standalone verification passed
### 4. Commit and push the source branch
```bash
git add README.md app.js index.html styles.css responsive.css scripts/verify.mjs docs/
git add README.md app.js index.html full-guide/ styles.css responsive.css scripts/verify.mjs scripts/audit-ui.mjs docs/
git commit -m "feat: describe the change"
git push origin main
```
@@ -148,7 +150,7 @@ certificate.
## Adding or changing a presentation section
1. Add semantic HTML and stable `data-*` hooks in `index.html`.
1. Add semantic HTML and stable `data-*` hooks in the focused chapter or `full-guide/index.html`; keep `index.html` as the short route map.
2. Put interactive content in a data object inside `app.js`.
3. Add one focused render function and bind its controls once.
4. Add Portuguese static copy to `translations.pt` and dynamic copy to the