CubeCactus Website - cubecactus.com
Professional website for CubeCactus distributed database launch.
🌐 Pages Included
- index.html - Main landing page with hero, features, stats, and CTA
- docs.html - Complete documentation with sidebar navigation
- downloads.html - Download page with platform-specific installation
🎨 Design Features
Aesthetic Direction: Tech Brutalist
- Dark cyberpunk theme with neon green (
#00ff88) and electric blue (#0099ff)
- Animated grid background with glowing orbs
- Bold, geometric typography using Archivo and JetBrains Mono
- High contrast for maximum readability
- Micro-interactions and smooth animations
Key Design Elements
- ✅ Animated background grid
- ✅ Floating glow orbs for atmosphere
- ✅ Smooth scroll animations
- ✅ Interactive feature cards with hover effects
- ✅ Code blocks with syntax highlighting aesthetic
- ✅ Responsive design (mobile-friendly)
- ✅ Performance-optimized (CSS-only animations)
📊 Sections
Homepage (index.html)
- Hero - Bold title, subtitle, CTA buttons
- Stats - 200K reads/s, 100K writes/s, 99.99% uptime, <5ms latency
- Features Grid - 9 core features with icons
- Performance - Metrics + code example
- CTA Section - Get started call-to-action
- Footer - Links, resources, community
Documentation (docs.html)
- Sticky sidebar navigation
- Sections: Quick Start, Installation, Architecture, Consistency, SQL, Gossip, Docker, Production
- Code blocks for all examples
- Tables for consistency levels
- Warning and info boxes
Downloads (downloads.html)
- Platform cards: JAR, Docker, Source
- Tabbed installation instructions
- Changelog with version history
- Direct download links
🚀 Deployment
Option 1: Static Hosting (Recommended)
# Upload to any static host:
# - GitHub Pages
# - Netlify
# - Vercel
# - Cloudflare Pages
# Example with GitHub Pages:
git init
git add .
git commit -m "Initial CubeCactus website"
git branch -M main
git remote add origin https://github.com/cubecactus/cubecactus.com.git
git push -u origin main
Option 2: Local Server
# Python
python3 -m http.server 8000
# Node.js
npx serve .
# Visit: http://localhost:8000
Option 3: Nginx
server {
listen 80;
server_name cubecactus.com www.cubecactus.com;
root /var/www/cubecactus;
index index.html;
location / {
try_files $uri $uri/ =404;
}
}
🎯 SEO Optimization
Already included:
- Meta descriptions
- Semantic HTML
- Fast load times (CSS-only animations)
- Mobile responsive
- Accessible navigation
Additional Recommendations:
- Add
sitemap.xml
- Add
robots.txt
- Set up Google Analytics
- Add Open Graph tags for social sharing
- Configure SSL certificate
🔧 Customization
Colors (:root variables)
--primary: #00ff88; /* Main green */
--secondary: #0099ff; /* Blue accent */
--dark: #0a0e15; /* Dark background */
--light: #f0f4f8; /* Light text */
Fonts
- Display: Archivo (headings)
- Mono: JetBrains Mono (body, code)
Adding New Pages
- Copy
index.html structure
- Update navigation links
- Maintain consistent styling
- Use existing CSS classes
📦 File Structure
cube-db-website/
├── index.html # Main landing page
├── docs.html # Documentation
├── downloads.html # Download page
├── README.md # This file
└── assets/ # (Optional) Images, logos
🌟 Features Showcase
What Makes This Site Stand Out
- Distinctive Design: Tech brutalist aesthetic, not generic AI design
- Performance: Pure CSS animations, no heavy frameworks
- Professional: Production-ready code, well-structured
- Functional: All interactive elements work (smooth scroll, tabs, etc.)
- Responsive: Mobile-first design
- Fast: Minimal dependencies, optimized loading
📱 Browser Support
- ✅ Chrome 90+
- ✅ Firefox 88+
- ✅ Safari 14+
- ✅ Edge 90+
🔄 Future Enhancements
Consider adding:
📞 Support
For website issues:
📄 License
Website code: MIT License CubeCactus software: Apache 2.0 License
Built with ❤️ for the CubeCactus community
Launch date: February 13, 2026