A high-performance landing page showcasing the $CLAUD Protocol - a tokenized ecosystem that rewards AI developers for sharing knowledge and building tools.
▗█▄▖ ▗▄▄▖▗▖ ▗▄▖ ▗▖ ▗▖▗▄▄▄
▐▌█ ▐▌ ▐▌ ▐▌ ▐▌▐▌ ▐▌▐▌ █
▝█▚▖▐▌ ▐▌ ▐▛▀▜▌▐▌ ▐▌▐▌ █
▗▄█▞▘▝▚▄▄▖▐▙▄▄▖▐▌ ▐▌▝▚▄▞▘▐▙▄▄▀
▀
This website features:
- Vertical-format video presentation
- Synchronized content expansion
- Matrix-style falling character animation
- Dynamic word formation effects
- Reactive background elements
- Mobile-first responsive design
-
Clone the Repository
git clone https://github.com/seanivore/claud-web.git cd claud-web -
Local Development
- Open
index.htmlin your browser - For live reload, use a local server:
npx http-server
- Open
-
Deployment
- Site auto-deploys to GitHub Pages
- Main branch updates trigger deployment
- Vertical format for mobile optimization
- Synchronized subtitle highlighting
- Professional narration of value propositions
- Seamless content expansion timing
- Dynamic character animation
- Content-reactive effects
- Synchronized visual feedback
- Performance-optimized rendering
- Expanding accordion sections
- Synchronized text highlighting
- Touch-optimized controls
- Responsive layout adaptation
- Video: HTML5 video with timestamp sync
- Animation: Canvas/WebGL with reactive states
- Interactivity: Custom event system
- Deployment: GitHub Pages
Detailed information available in:
- Content strategy: STRATEGY.md
- Technical details: SPECIFICATIONS.md
- AI development notes: CLAUDEME.md
This project is part of the $CLAUD Protocol ecosystem. For contribution guidelines, code of conduct, and governance details, please refer to:
- Sub-3-second initial load
- 60fps animation target
- Mobile-optimized effects
- Battery-conscious rendering
- Responsive to all viewport sizes
Apache License 2.0 - See LICENSE file for details. This project is part of the $CLAUD Protocol ecosystem.