Skip to content

feat: replace homepage with full-screen TUI interactive layout#1

Draft
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-website-homepage-tui-style
Draft

feat: replace homepage with full-screen TUI interactive layout#1
Copilot wants to merge 2 commits into
mainfrom
copilot/fix-website-homepage-tui-style

Conversation

Copilot AI commented May 27, 2026

Copy link
Copy Markdown

The homepage used VitePress's standard hero/features layout with CLI color overrides — visually styled but not structurally a TUI. This replaces it with a genuine TUI experience.

Changes

  • TuiHome.vue (new): Full-screen fixed-position component with:

    • Split-pane layout — sidebar (nav menu + status panel) + main (ASCII art banner, terminal output block, action buttons)
    • Live clock in title bar; blinking block cursor in terminal prompt
    • Keyboard navigation: ↑↓/jk cycle menu, Enter opens selection, d/a/g as direct shortcuts, Tab wraps through items
    • Box-drawing characters (╔ ║ └ ─) throughout for authentic TUI chrome
    • Responsive: sidebar hidden on mobile, ASCII art hidden on small screens
  • index.ts: Layout render function now checks frontmatter.layout === 'tuiHome' and returns TuiHome directly (no VitePress navbar/chrome); all other pages remain on the existing CLI-themed DefaultTheme

  • index.md: Replaced hero/features frontmatter with single layout: tuiHome directive

╔═[ Lo7ong@hub ] ─── Technical Documentation System ─── [ 01:39:00 ]═╗
╠══ MENU ════╦══ WELCOME ═════════════════════════════════════════════╣
║ ▶ $ home   ║  ██╗      ██████╗ ...                                  ║
║   $ docs   ║  lo7ong@hub:~$ whoami                                  ║
║   $ api    ║  > Developer & Tech Enthusiast                         ║
║   ↗ github ║  lo7ong@hub:~$ █                                       ║
╠══ STATUS ══╣  [ ./documentation ] [ ./api-reference ] [ github ↗ ] ║
║ ● online   ╚════════════════════════════════════════════════════════╣
╚═[ ↑↓/jk: nav ][ Enter: open ][ d: docs ][ a: api ][ g: github ] ══╝

@Lo7ong

Lo7ong commented May 27, 2026

Copy link
Copy Markdown
Owner

new tui

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.

2 participants