# ISSU321 Linux Installation Tools — Website

A fully animated, cyberpunk-themed website for the ISSU321 Linux Installation Tools project.

## 🌐 Live Demo

Open `index.html` in your browser to see the website in action.

## 📁 File Structure

```
website/
├── index.html          # Home page — Hero, Benefits, Tools, Modes, CTA
├── features.html       # Features page — Detailed feature breakdown
├── commands.html       # Commands page — Copy commands, Terminal preview
├── contact.html        # Contact page — GitHub links, Contact form, Community
├── css/
│   ├── style.css       # Main stylesheet — Variables, Layout, Components
│   └── animations.css  # Animation keyframes — Reveal, Glitch, Spin, etc.
├── js/
│   ├── matrix.js       # Matrix rain canvas effect
│   └── main.js         # Main interactivity — Scroll, Copy, Tabs, etc.
└── README.md           # This file
```

## ✨ Features

- **Matrix Rain Canvas** — Animated falling characters background
- **Particle Network** — Connected floating particles
- **Glitch Text Effect** — Cyberpunk text distortion on logo
- **Scroll Reveal Animations** — Elements fade in as you scroll
- **Counter Animations** — Numbers count up when visible
- **Copy to Clipboard** — One-click command copying with toast notification
- **Interactive Terminal** — Styled terminal preview with animations
- **Tool Tabs** — Switch between tool categories
- **Mobile Responsive** — Fully responsive with hamburger menu
- **Scroll Progress Bar** — Top progress indicator
- **Back to Top Button** — Smooth scroll to top
- **Magnetic Buttons** — Buttons follow cursor on hover
- **Preloader** — Elegant loading screen
- **Noise & Scanline Overlays** — Retro CRT aesthetic

## 🚀 Quick Start

### Option 1: Direct Open
Simply double-click `index.html` to open in your default browser.

### Option 2: Local Server (Recommended)
```bash
cd website
python3 -m http.server 8080
# Then open http://localhost:8080
```

### Option 3: VS Code Live Server
Install the "Live Server" extension in VS Code, right-click `index.html`, and select "Open with Live Server".

## 🎨 Customization

### Colors
Edit CSS variables in `css/style.css`:
```css
:root {
    --bg-primary: #0a0a0f;
    --text-accent: #00ff88;
    --text-accent-2: #00d4ff;
    /* ... */
}
```

### Content
- Update GitHub links in all HTML files
- Modify tool lists in `index.html`
- Add/remove commands in `commands.html`

## 📱 Browser Support

- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+

## 📝 License

MIT License — Same as the main project.

---

**Made with ❤️ by [issu321](https://github.com/issu321)**