Skip to content

Redesign landing page layout and enhance interactive demo features#81

Merged
ric-v merged 4 commits into
dev-asterix:mainfrom
ric-v:main
May 9, 2026
Merged

Redesign landing page layout and enhance interactive demo features#81
ric-v merged 4 commits into
dev-asterix:mainfrom
ric-v:main

Conversation

@ric-v
Copy link
Copy Markdown
Member

@ric-v ric-v commented May 9, 2026

This pull request introduces significant improvements to the landing page and interactive demo experience for the documentation site. The changes focus on enhancing the user interface with a more immersive and interactive design, updating the navigation and branding, and adding new JavaScript logic to support these features.

Landing page and navigation enhancements:

  • Redesigned the top navigation bar with a new immersive brand section, added "Home" and "Live demo" buttons, and improved the install button and navigation links for clarity and accessibility (docs/index.html). [1] [2]
  • Updated the font stack to include Inter for a more modern look (docs/index.html).

Immersive and interactive UI updates:

  • Added decorative layers (background grid, orbit ring, floating context node pills) and an animated command palette overlay to the landing page for a more engaging first impression (docs/index.html). [1] [2]
  • Introduced a new demo shell stage and frame to better structure the interactive editor demo, including improved tab strip and layout toggle buttons for showing/hiding side panels (docs/index.html). [1] [2] [3]

Editor and query output improvements:

  • Refactored the query output section in the editor demo to remove hard-coded table rows, making it ready for dynamic population, and improved the execution insight and chart display layout (docs/html/editor-file-views.html). [1] [2] [3]

JavaScript logic for enhanced interactivity:

  • Added new functions to handle landing page navigation, demo state toggling, and editor layout panel visibility, including wireLandingChrome and wireEditorLayoutToggles (docs/js/bootstrap.js).
  • Updated event handling to synchronize UI state, support smooth transitions between landing and demo modes, and fade decorative context nodes after initial interaction (docs/js/bootstrap.js). [1] [2]
  • Loaded a new script (js/landing-capabilities.js) to support additional landing page features (docs/index.html).

These changes collectively modernize the landing experience, improve accessibility, and make the interactive demo more engaging and maintainable.

ric-v added 4 commits May 8, 2026 00:29
…ayout and enhanced UI elements

- Implemented a new two-column layout for the landing page, featuring a narrative and call-to-action buttons on the left, and a mini workbench preview on the right.
- Added decorative elements such as context nodes and command palette overlays to improve user engagement.
- Updated styles for a cohesive dark theme experience, including new color schemes and UI enhancements across various components.
- Enhanced the .gitignore file to exclude additional generated directories.
…user experience

- Updated the landing page to include a new immersive demo shell, allowing users to interact with the PostgreSQL workspace directly.
- Redesigned the top navigation and added new buttons for quick access to home and live demo features.
- Improved the layout of the editor and query output sections, including a new tab strip for better file management.
- Enhanced styles for a cohesive look, including new CSS imports for landing sections and adjustments to existing styles for better responsiveness.
- Implemented JavaScript functions to manage editor state and layout toggles, improving usability and accessibility.
@ric-v ric-v merged commit 44ecd7a into dev-asterix:main May 9, 2026
3 of 13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant