Commit graph

2 commits

Author SHA1 Message Date
TheFlow
edf3b4165c feat: fix CSP violations & implement three audience paths
CSP Compliance (complete):
- Install Tailwind CSS v3 locally (24KB build)
- Replace CDN with /css/tailwind.css in all HTML files
- Extract all inline scripts to external JS files
- Created 6 external JS files for demos & docs
- All pages now comply with script-src 'self'

Three Audience Paths (complete):
- Created /researcher.html (academic/theoretical)
- Created /implementer.html (practical integration)
- Created /advocate.html (mission/values/community)
- Updated homepage links to audience pages
- Each path has dedicated nav, hero, resources, CTAs

Files Modified (20):
- 7 HTML files (CSP compliance)
- 3 audience landing pages (new)
- 6 external JS files (extracted)
- package.json (Tailwind v3)
- tailwind.config.js (new)
- Built CSS (24KB minified)

All resources CSP-compliant, all pages tested 200 OK

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-07 12:21:00 +13:00
TheFlow
2193b46a52 feat: add frontend pages for Tractatus demonstration platform
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>
2025-10-07 01:01:04 +13:00