This is a modern, responsive microsite for DeepClause built with vanilla HTML, CSS, and JavaScript.
- 📱 Fully responsive design
- 🎨 Modern gradient UI with smooth animations
- 🚀 Fast loading with no heavy frameworks
- ♿ Accessible navigation and semantic HTML
- 💫 Smooth scrolling and scroll-based animations
- 📋 Copy-to-clipboard functionality for code examples
- 🎯 Active navigation highlighting
- 🌊 Parallax effects on hero section
microsite/
├── index.html # Main HTML file
├── styles.css # All styles and responsive design
├── script.js # Interactive features and animations
└── README.md # This file
To run locally, simply open index.html in a web browser or use a local server:
# Using Python
python -m http.server 8000
# Using Node.js (http-server)
npx http-server
# Using PHP
php -S localhost:8000Then open http://localhost:8000 in your browser.
All colors are defined as CSS variables in styles.css. Edit the :root section to change the color scheme:
:root {
--primary-color: #6366f1;
--primary-dark: #4f46e5;
--secondary-color: #8b5cf6;
/* ... */
}The site uses Inter for body text and JetBrains Mono for code. These are loaded from Google Fonts in the <head> of index.html.
Edit index.html to update content. The structure is semantic and well-commented.
- Push the
microsite/folder to your repository - Go to Settings > Pages
- Select the branch and
/micrositefolder - Your site will be live at
https://username.github.io/repository-name/
- Drag and drop the
microsite/folder to Netlify Drop - Or connect your GitHub repository and set build directory to
microsite
cd microsite
vercel- Chrome/Edge (latest)
- Firefox (latest)
- Safari (latest)
- Mobile browsers (iOS Safari, Chrome Mobile)
- No external dependencies beyond fonts
- Minimal CSS and JavaScript
- Optimized images (use WebP where possible)
- Lazy loading for images can be added
- Add actual video embeds when videos are hosted
- Add mobile menu implementation
- Add dark mode toggle
- Add search functionality
- Add blog/changelog section
- Optimize images and add lazy loading
ISC License - Same as parent project