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)

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:

: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