**feat(demo): enhance UI/UX & content of interactive demo**
### Changes: - **Favicon Update**: Replaced the relative favicon path with an absolute URL pointing to the GitHub-hosted file. - **Header Redesign**: Improved header layout with a more modern and aligned flexbox structure. Adjusted logo size and added a left-aligned text section. - **Styling Enhancements**: - Introduced new styles for zoom controls, Google-like search results, and result clusters. - Updated padding, alignment, and hover states for buttons and interactive elements. - Refined visual hierarchy in sections with updated margins, sizes, and typography. - **Added `What Can You Build?` Section**: Highlighted potential use cases for Brainy (e.g., semantic search, recommendation systems, adaptive experiences). - **Improved Demo Steps**: - Refactored interactive demo into guided "steps" for better usability. - Added tooltips to clarify button functionality. - Updated step titles and descriptions for clarity and conciseness. - **Code Samples**: - Simplified JavaScript import instructions for Node.js and browser environments. - Highlighted CDN options for easier library access. - **Advanced Features & New Controls**: - Introduced new backup, restore, and additional operation buttons for database management. - Added zoom-in, zoom-out, and zoom-to-fit controls for visualizations. - Enhanced semantic search with dynamic filtering and guidance for queries. ### Purpose: Updated the interactive demo to improve its usability, visual appeal, and feature coverage. These enhancements make the demo more user-friendly and better illustrate Brainy's capabilities, aiding developers in exploring and understanding the platform.
This commit is contained in:
parent
75f81bc707
commit
9051d566f8
1 changed files with 1249 additions and 766 deletions
2015
examples/demo.html
2015
examples/demo.html
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue