This directory contains the official website, landing page, and developer documentation for BitBuilder Hypervisor.
website/
├── index.html # Landing page
├── docs.html # Getting started documentation
├── architecture.html # Architecture documentation
├── stack.html # Stack & templates documentation
├── api.html # API reference
├── css/
│ ├── styles.css # Main stylesheet
│ └── docs.css # Documentation-specific styles
└── js/
├── main.js # Main JavaScript
└── docs.js # Documentation enhancements
- Modern, responsive design
- Hero section with key messaging
- Benefits and features showcase
- Core technologies overview
- Architecture highlights
- UAPI compliance information
- Call-to-action sections
- Getting Started (
docs.html) - Installation, quick start, core concepts - Architecture (
architecture.html) - System architecture, design decisions, patterns - Stack & Templates (
stack.html) - Template system, extension images, examples - API Reference (
api.html) - Varlink API documentation
- ✅ Responsive design for mobile, tablet, and desktop
- ✅ Smooth scrolling and animations
- ✅ Sidebar navigation for documentation
- ✅ Code syntax highlighting
- ✅ Copy-to-clipboard for code blocks
- ✅ Anchor links for headings
- ✅ Print-friendly styles
- ✅ SEO optimized
- Any modern web browser
- A local web server (optional, for development)
cd website
python3 -m http.server 8000
# Open http://localhost:8000 in your browsercd website
npx http-server -p 8000
# Open http://localhost:8000 in your browserSimply open index.html in your web browser. Note that some features may not work correctly without a web server.
The website is configured for GitHub Pages deployment. To deploy:
- Ensure the
website/directory is in your repository - Go to repository Settings > Pages
- Set the source to the branch containing this website
- Configure the directory to
/website - Save and wait for deployment
Alternatively, you can use GitHub Actions for automated deployment (see .github/workflows/ if configured).
To deploy to any web server:
- Copy the entire
website/directory to your web server - Configure your web server to serve
index.htmlas the default document - Ensure proper MIME types for CSS and JS files
- Optional: Enable gzip compression for better performance
No build step is required! The website is pure HTML, CSS, and JavaScript.
Edit css/styles.css and modify the CSS variables in :root:
:root {
--primary-color: #2563eb;
--secondary-color: #7c3aed;
--accent-color: #f59e0b;
--dark-bg: #0f172a;
--light-bg: #f8fafc;
/* ... */
}- Landing Page: Edit
index.html - Documentation: Edit
docs.html,architecture.html,stack.html,api.html - Navigation: Update navbar in each HTML file
- Footer: Update footer section in each HTML file
- Main Styles:
css/styles.css- Navigation, hero, sections, footer - Documentation Styles:
css/docs.css- Documentation layout, sidebar, content
- Desktop: > 968px
- Tablet: 768px - 968px
- Mobile: < 768px
Before deploying, test the following:
- Navigation: All links work correctly
- Responsive Design: Test on mobile, tablet, and desktop
- Code Blocks: Copy-to-clipboard functionality works
- Anchor Links: Section anchors scroll correctly
- External Links: GitHub and other external links are correct
- Print: Documentation prints correctly
When updating documentation:
- Use Semantic HTML: Proper heading hierarchy (h1 > h2 > h3)
- Code Examples: Wrap in
<pre><code>tags - Info Boxes: Use
.info-boxor.warning-boxclasses - Tables: Use
.docs-tableclass for proper styling - Navigation: Update sidebar navigation to match new sections
- Chrome/Edge: Latest 2 versions
- Firefox: Latest 2 versions
- Safari: Latest 2 versions
- Mobile browsers: iOS Safari, Chrome Android
The website content and code are part of BitBuilder Hypervisor and are licensed under the MIT License.
To contribute to the website:
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
- Issues: GitHub Issues
- Discussions: GitHub Discussions
- Documentation: This website!
Future enhancements:
- Search functionality
- Dark mode toggle
- Interactive architecture diagrams
- API playground/sandbox
- Video tutorials
- Multi-language support
- Blog/news section
Built with ❤️ for the BitBuilder Hypervisor project.