Add GitHub Pages site with blog, tutorials, and AI chatbot demo

[Copilot]

Release notes summary - What our users need to know

Adds a GitHub Pages site in /docs showcasing Nushell features through blog posts, tutorials, and an interactive AI chatbot demo. The site is deployment-ready and fully responsive.

Description

Implements a complete GitHub Pages site to improve project presentation and demonstrate AI integration capabilities.

Site Structure

Blog Section (/docs/blog/)

• 3 posts covering AI integration, structured data pipelines, and cross-platform development
• Card-based layout with metadata (dates, tags, authors)

Tutorials Section (/docs/tutorials/)

• Getting Started (15min, beginner): installation, basic commands, file operations
• Data Pipelines (25min, intermediate): filtering, transforming structured data (JSON/CSV)
• AI Integration Setup (20min, intermediate): ChatGPT configuration and usage

Live Chatbot (/docs/chatbot/)

• Simulated AI assistant demonstrating integration concept
• Model selector (GPT-4, GPT-4 Turbo, GPT-3.5)
• Pre-populated responses for common Nushell questions
• Syntax-highlighted code examples

Technical Implementation

• Pure HTML/CSS/JS with Jekyll compatibility
• Responsive design (mobile: <768px, tablet: 768-1024px, desktop: >1024px)
• Purple-blue gradient theme matching Nushell branding
• Sticky navigation with hamburger menu on mobile
• Scroll-triggered fade-in animations

Screenshots

Homepage

Blog

Tutorials

Chatbot

Chatbot with interaction

Deployment

Enable in Settings → Pages:

• Source: Deploy from branch
• Branch: copilot/add-blog-and-tutorials
• Folder: /docs

Site will be live at: https://wsx7524999.github.io/nushell/

Tasks after submitting

• Update the documentation (this PR adds the documentation site)

Original prompt

The GitHub Pages site for the wsx7524999/nushell repository needs to include additional features: a blog, tutorials, and a live chatbot showcasing AI integration. This will provide a more comprehensive presentation of the Nushell project and its AI capabilities. Here's the plan:

1. Blog Section:

   • A blog with sample posts to provide updates, share development insights, and discuss AI integrations in Nushell.

2. Tutorials Section:

   • A dedicated section for tutorials to guide users through Nushell use cases, including AI-enabled features.

3. Live Chatbot:

   • Embed a live AI chatbot demonstration, allowing visitors to interact and experience its capabilities within Nushell. This can be a simulated chatbot tailored for the web experience at this stage.

4. GitHub Pages Configuration Details:

   • Update the _config.yml (if using Jekyll) for customizing the site theme and enabling dynamic features.
   • Include a clear navigation menu linking to all these segments.

The features should be implemented with responsive design in mind for accessibility across various devices.

This pull request was created as a result of the following prompt from Copilot chat.

The GitHub Pages site for the wsx7524999/nushell repository needs to include additional features: a blog, tutorials, and a live chatbot showcasing AI integration. This will provide a more comprehensive presentation of the Nushell project and its AI capabilities. Here's the plan:

1. Blog Section:

   • A blog with sample posts to provide updates, share development insights, and discuss AI integrations in Nushell.

2. Tutorials Section:

   • A dedicated section for tutorials to guide users through Nushell use cases, including AI-enabled features.

3. Live Chatbot:

   • Embed a live AI chatbot demonstration, allowing visitors to interact and experience its capabilities within Nushell. This can be a simulated chatbot tailored for the web experience at this stage.

4. GitHub Pages Configuration Details:

   • Update the _config.yml (if using Jekyll) for customizing the site theme and enabling dynamic features.
   • Include a clear navigation menu linking to all these segments.

The features should be implemented with responsive design in mind for accessibility across various devices.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.