- Replace Inter with Roboto Flex Google Font
- Import weights: 400, 500, 600, 700
- Modern, flexible typography with better proportions
- Applies to all body text and headings
- 4 animated blobs with green and indigo gradients
- Floating animations with different durations and directions
- Fixed background layer below content
- Blobs positioned strategically across viewport
- Smooth fade and scale animations
- Matches dark theme and modern SaaS aesthetic
- Non-blocking (pointer-events: none)
- Hero Section: Terminal UI mockup showing TUIKit application with menu
- Terminal window with title bar and colored buttons
- Example menu with navigation and selected items
- Monaco monospace font with terminal colors
- Advanced Section: Advanced TUIKit Demo showing features
- Terminal window with two feature boxes (Theme and Components)
- Live example section with interactive menu
- Color-coded borders (green + indigo)
- Testimonial Avatars: Gradient avatars with initials (ready for replacement)
- 6 unique gradient combinations
- 40x40px size with initials
All placeholders match dark theme and are easily replaceable with real images
- Dark theme with gray-950 background
- Animated gradient text on hero heading
- Modern card designs with hover effects and glow shadows
- Feature grid with 6 cards (declarative, appearance, themes, components, focus, state)
- Advanced section with 2-column layout and 6 feature blocks
- Code example section with syntax highlighting
- 6 Testimonials with avatars and gradients
- Smooth navigation and scroll behavior
- Inter font and modern color palette (green + indigo)
- Fully responsive design for mobile, tablet, desktop
- Pure HTML/CSS/JavaScript landing page optimized for GitHub Pages
- Modern design with hero section, feature cards, code examples
- Includes getting started guide and links to documentation
- Responsive design for mobile, tablet, and desktop
- No dependencies on frameworks or JavaScript libraries
- Remove git commits of generated docs/ folder
- Use actions/upload-pages-artifact and actions/deploy-pages for direct GH Pages deployment
- Update .gitignore to exclude generated /docs/ directory
- Change permissions to use pages:write and id-token:write
The docs/ folder was missing. Now regenerated with:
- var baseUrl = "/TUIKit/"
- All asset paths prefixed with /TUIKit/
- HTML, CSS, JS all correctly configured
This should fix the 404 errors on GitHub Pages.
Previously used /TUIKit (without trailing slash) which didn't work.
Now using TUIKit as the base path which correctly generates:
- var baseUrl = "/TUIKit/"
- All asset paths with /TUIKit/ prefix
- CSS, JS, and data files loading correctly
Generated DocC documentation with xcrun docc convert:
- Main landing page and navigation
- 8 comprehensive guide articles
- 3 step-by-step tutorials
- Ready for GitHub Pages deployment from /docs folder
GitHub Pages should now be configured to deploy from main branch, /docs folder.
phranck