TheFlow
09f706c51b
feat: fix documentation system - cards, PDFs, TOC, and navigation
...
- Fixed download icon size (1.25rem instead of huge black icons)
- Uploaded all 12 PDFs to production server
- Restored table of contents rendering for all documents
- Fixed modal cards with proper CSS and event handlers
- Replaced all docs-viewer.html links with docs.html
- Added nginx redirect from /docs/* to /docs.html
- Fixed duplicate headers in modal sections
- Improved cache-busting with timestamp versioning
All documentation features now working correctly:
✅ Card-based document viewer with modals
✅ PDF downloads with proper icons
✅ Table of contents navigation
✅ Consistent URL structure
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-07 22:51:55 +13:00
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
97b8da5195
feat: add interactive demonstrations for Tractatus framework
...
Implemented three fully functional interactive demos showcasing the
core Tractatus services in action.
## Interactive Demonstrations
### 1. Classification Demo (/demos/classification-demo.html)
- **Purpose**: Demonstrate InstructionPersistenceClassifier
- **Features**:
- Real-time instruction classification
- Visual quadrant display (STRATEGIC/OPERATIONAL/TACTICAL/SYSTEM/STOCHASTIC)
- Persistence level visualization (HIGH/MEDIUM/LOW/VARIABLE)
- Explicitness scoring with storage threshold
- 5 example instructions for testing
- **Educational Value**: Shows how instructions are analyzed and categorized
### 2. The 27027 Incident (/demos/27027-demo.html)
- **Purpose**: Visualize real-world failure and Tractatus prevention
- **Features**:
- 8-step animated timeline
- Progressive disclosure of incident
- Code examples showing the error
- Tractatus prevention mechanism explained
- Playback controls with progress tracking
- **Educational Value**: Concrete case study of context degradation failure
### 3. Boundary Enforcement Simulator (/demos/boundary-demo.html)
- **Purpose**: Interactive decision boundary testing
- **Features**:
- 6 realistic scenarios (3 allowed, 3 blocked)
- Real-time boundary checks
- Visual ALLOWED/BLOCKED verdicts
- Reasoning explanations
- Alternative approaches for blocked decisions
- Code examples for each scenario
- **Educational Value**: Shows what can/cannot be automated
## Technical Implementation
- **Pure JavaScript**: No frameworks, lightweight and fast
- **Tailwind CSS**: Consistent styling across all demos
- **Responsive Design**: Works on mobile and desktop
- **Accessibility**: Semantic HTML, keyboard navigation
- **Mock Data**: Uses realistic classification logic
## User Experience
Each demo includes:
- Clear navigation between demos
- Educational context and explanations
- Interactive elements for hands-on learning
- Code examples showing actual framework usage
- Visual feedback for all interactions
## Documentation Integration
Demos linked from:
- Homepage hero section
- Interactive demos section
- Framework documentation
## Next Steps
These demos provide:
1. ✅ Tangible framework demonstration
2. ✅ Educational value for all three audiences
3. ✅ Marketing material for framework adoption
4. ⚠️ Foundation for video tutorials (future)
5. ⚠️ Basis for conference presentations (future)
---
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-07 11:57:51 +13:00
