Implemented three core frontend pages using Tailwind CSS:
1. Homepage (index.html):
- Hero section explaining framework value proposition
- Three audience paths: Researcher, Implementer, Advocate
- Framework capabilities showcase (6 core capabilities)
- Te Tiriti acknowledgment in footer
- Links to demos, documentation, and API
2. Documentation Viewer (docs.html):
- Sidebar navigation with document list from /api/documents
- Main content area with prose styling for technical docs
- Automatic table of contents generation
- Responsive grid layout (4-column on desktop)
3. Interactive Tractatus Demo (demos/tractatus-demo.html):
- Four interactive demonstration tabs:
* 27027 incident prevention (side-by-side comparison)
* Live instruction classification (STR/OPS/TAC/SYS/STO)
* Boundary enforcement examples (Tractatus 12.1-12.7)
* Context pressure monitoring with interactive sliders
- Real-time API integration with governance services
- Visual comparison of WITH/WITHOUT framework behavior
All pages tested and operational with governance API endpoints.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
