@Agalya Ramadoss Agalya Ramadoss authored on 13 Feb
.idea Initial CubeCactus website 2 months ago
README.md Initial CubeCactus website 2 months ago
docs.html Initial CubeCactus website 2 months ago
downloads.html Initial CubeCactus website 2 months ago
index.html Initial CubeCactus website 2 months ago
README.md

CubeCactus Website - cubecactus.com

Professional website for CubeCactus distributed database launch.

🌐 Pages Included

  1. index.html - Main landing page with hero, features, stats, and CTA
  2. docs.html - Complete documentation with sidebar navigation
  3. 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)

  1. Hero - Bold title, subtitle, CTA buttons
  2. Stats - 200K reads/s, 100K writes/s, 99.99% uptime, <5ms latency
  3. Features Grid - 9 core features with icons
  4. Performance - Metrics + code example
  5. CTA Section - Get started call-to-action
  6. 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:

  1. Add sitemap.xml
  2. Add robots.txt
  3. Set up Google Analytics
  4. Add Open Graph tags for social sharing
  5. 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

  1. Copy index.html structure
  2. Update navigation links
  3. Maintain consistent styling
  4. 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

  1. Distinctive Design: Tech brutalist aesthetic, not generic AI design
  2. Performance: Pure CSS animations, no heavy frameworks
  3. Professional: Production-ready code, well-structured
  4. Functional: All interactive elements work (smooth scroll, tabs, etc.)
  5. Responsive: Mobile-first design
  6. Fast: Minimal dependencies, optimized loading

📱 Browser Support

  • ✅ Chrome 90+
  • ✅ Firefox 88+
  • ✅ Safari 14+
  • ✅ Edge 90+

🔄 Future Enhancements

Consider adding:

  • Blog section for updates
  • Community showcase
  • Interactive demo/playground
  • Video tutorials
  • API documentation
  • Search functionality
  • Dark/light theme toggle
  • Language selection

📞 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