Add Professional Website with GitHub Pages Support

[klee1611]

Pull Request: Add Professional Website with GitHub Pages Support

🎨 Overview

This PR adds a professional dark-themed website for the dotfiles project with GitHub Pages deployment support.

✨ Features Added

Website Design

• 🌑 Modern dark theme with GitHub-inspired color scheme
• 📱 Fully responsive layout for all devices
• ⚡ Fast and lightweight (no build process needed)
• 🎯 Clean, professional single-page design

Website Sections

• Hero Section: Quick start commands and call-to-action buttons
• Features: 6 key features with icons and descriptions
• Development Tools: Comprehensive list of included tools
• Installation Guide: Step-by-step setup instructions
• Configuration: Neovim keybindings and plugin list
• Project Structure: Visual directory layout
• Support: Buy me a coffee button integration

Technical Implementation

• Pure HTML5 and CSS3 (no frameworks)
• CSS Grid and Flexbox for responsive layout
• CSS Custom Properties for easy theming
• Smooth animations and hover effects
• Custom scrollbar styling
• Optimized for performance

Deployment Setup

• 📦 gh-pages npm module (v6.3.0)
• 🚀 One-command deployment: npm run deploy
• 🔧 Local development server: npm run serve
• 📁 Clean subdirectory structure in website/
• ✅ .nojekyll file to prevent Jekyll processing
• ✅ Proper .gitignore for node_modules

📁 File Structure

website/
├── .gitignore       # Excludes node_modules and logs
├── .nojekyll        # Prevents Jekyll processing
├── index.html       # Main website HTML
├── styles.css       # All styling
├── package.json     # npm configuration with gh-pages
└── README.md        # Website documentation

🎨 Design Details

• Background: GitHub-inspired dark theme (#0d1117)
• Accent colors: Blue (#58a6ff) and green (#3fb950)
• Gradient hero title
• Card-based feature layout
• Sticky navigation header
• Smooth scroll behavior

💻 Usage

Local Preview

cd website
npm run serve
# Visit http://localhost:8000

Deploy to GitHub Pages

cd website
npm run deploy
# Publishes to https://klee1611.github.io/dotfiles/

☕ Additional Changes

• Added "Buy me a coffee" button to website footer
• Added support section to main README.md
• Added support section to website README.md
• All with direct link: https://www.buymeacoffee.com/klee1611

🔧 Commits Included

1. Add professional dark-themed website with GitHub Pages support
2. Fix buy me a coffee button for README
3. Fix gh-pages deployment configuration
4. Update deploy script to use --dotfiles flag

✅ Testing

• Website displays correctly on desktop
• Website is responsive on mobile/tablet
• All navigation links work
• External GitHub links work
• Deployment to gh-pages branch successful
• Files correctly placed at root of gh-pages branch
• .nojekyll file included
• Buy me a coffee button displays

🌐 Live Preview

Once merged and deployed: https://klee1611.github.io/dotfiles/

📸 Screenshots

The website includes:

• Professional hero section with gradient title
• Feature cards with hover effects
• Step-by-step installation guide with code blocks
• Configuration documentation
• Call-to-action sections
• Footer with support button

---

Ready to merge! 🚀

[Copilot]

Pull Request Overview

This PR adds a professional dark-themed website for the dotfiles project with GitHub Pages deployment support, including a complete single-page site with installation guides, feature descriptions, and configuration documentation.

Key Changes:

• Added complete website implementation with HTML, CSS, and deployment configuration
• Integrated GitHub Pages deployment using gh-pages npm module
• Added "Buy me a coffee" support button across website and README

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}