script.js

const distributions = [
    {
        name: "Ubuntu",
        description: "One of the most popular Linux distributions, known for its user-friendliness and extensive community support. Based on Debian with regular releases every 6 months.",
        isoLink: "https://ubuntu.com/download/desktop",
        wikiLink: "https://ubuntu.com/desktop",
        pros: ["User-friendly", "Large community", "Regular updates", "Software center"],
        cons: ["Unity desktop (somewhat controversial)", "Based on Debian Stable"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/ubuntu-linux.png"
    },
    {
        name: "Fedora",
        description: "A cutting-edge Linux distribution sponsored by Red Hat, focusing on the latest features and technologies. GNOME-focused with frequent updates.",
        isoLink: "https://getfedora.org/",
        wikiLink: "https://docs.fedoraproject.org/",
        pros: ["Latest software", "Strong security focus", "Development tools included", "Corporate backing"],
        cons: ["Shorter support cycles", "GNOME-only default"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/fedora.png"
    },
    {
        name: "Arch Linux",
        description: "A lightweight and flexible Linux distribution that tries to Keep It Simple. Known for its rolling release model and extensive package management.",
        isoLink: "https://archlinux.org/download/",
        wikiLink: "https://wiki.archlinux.org/",
        pros: ["Rolling releases", "Comprehensive wiki", "Highly customizable", "Pacman package manager"],
        cons: ["Steep learning curve", "Manual installation required", "Can break with updates"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/arch-linux.png"
    },
    {
        name: "Manjaro",
        description: "Arch Linux made accessible. User-friendly installer and desktop environments with Arch's power and the stability of regular releases.",
        isoLink: "https://manjaro.org/download/",
        wikiLink: "https://wiki.manjaro.org/",
        pros: ["Arch-based but user-friendly", "Multiple desktop environments", "AUR access", "Regular releases"],
        cons: ["Not pure Arch", "Some delay on updates", "Larger than pure Arch"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/manjaro-linux.png"
    },
    {
        name: "Linux Mint",
        description: "A modern, elegant and comfortable operating system which is both powerful and easy to use. Based on Ubuntu with Cinnamon desktop.",
        isoLink: "https://linuxmint.com/download.php",
        wikiLink: "https://linuxmint.com/",
        pros: ["Very beginner-friendly", "Looks like Windows", "Stable and reliable", "Lots of codecs included"],
        cons: ["Based on the latest Ubuntu LTS so slow updates", "Some proprietary software", "Less bleeding-edge"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/linux-mint.png"
    },
    {
        name: "Debian",
        description: "The universal operating system, one of the oldest and most stable Linux distributions. Known for its stability, security, and extensive package repository.",
        isoLink: "https://debian.org/CD/",
        wikiLink: "https://debian.org/",
        pros: ["Extremely stable", "Huge package repository", "Open source purist", "Long support cycles"],
        cons: ["Older software versions", "Complicated package management", "Learning curve for beginners"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/debian-linux.png"
    },
    {
        name: "Pop!_OS",
        description: "An Ubuntu-based Linux distribution made by System76. Features GNOME desktop with customizations, Nvidia graphics support, and focus on productivity.",
        isoLink: "https://system76.com/pop/download/",
        wikiLink: "https://support.system76.com/",
        pros: ["Great Nvidia support", "Auto-tiling window manager", "COSMIC desktop environment", "Good for developers"],
        cons: ["Ubuntu-based limitations", "System76 hardware focus", "COSMIC"],
        icon: "https://i0.wp.com/hackingthehike.com/wp-content/uploads/2022/07/Pop_OS-Logo-nobg.svg_.png?fit=2560,1771&ssl=1"
    },
    {
        name: "openSUSE",
        description: "A major Linux distribution sponsored by SUSE. Known for its YaST configuration tool, enterprise-grade features, and strong community support.",
        isoLink: "https://get.opensuse.org/",
        wikiLink: "https://doc.opensuse.org/",
        pros: ["YaST configuration tool", "Multiple editions", "Enterprise-grade", "Zypper package manager"],
        cons: ["Can be complex", "German origins (documentation)", "RPM-based"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/opensuse.png"
    },
    {
        name: "Zorin OS",
        description: "A Windows-like Linux distribution designed for users who want to switch to Linux. Features a familiar interface and Windows app support via Wine.",
        isoLink: "https://zorinos.com/download/",
        wikiLink: "https://help.zorin.com/",
        pros: ["Windows-like interface", "Very beginner-friendly", "Includes Windows software", "Beautiful themes"],
        cons: ["Based on Ubuntu", "Some premium features", "May depend on Ubuntu LTS"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/zorin-linux.png"
    },
    {
        name: "Kali Linux",
        description: "A Debian-based Linux distribution for penetration testing and ethical hacking. Comes with hundreds of security tools pre-installed.",
        isoLink: "https://kali.org/get-kali/",
        wikiLink: "https://kali.org/docs/",
        pros: ["Security tools included", "Debian-based stability", "Regular updates", "Multiple DE options"],
        cons: ["Not for daily use", "Security-focused (may have vulnerabilities)", "Resource intensive"],
        icon: "https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/kali-linux.png"
    },
    {
        name: "Omarchy",
        description: "An Arch-based Linux distribution (now discontinued) with preconfigured tools like Hyprland for a streamlined experience.",
        isoLink: "https://iso.omarchy.org/omarchy-3.2.0.iso",
        wikiLink: "https://omarchy.org",
        pros: ["Preinstalled apps", "Arch-based", "Hyprland", "Opinionated setup"],
        cons: ["No longer maintained (last release: 2021)", "Arch-based instability", "Limited community support"],
        icon: "https://github.com/basecamp/omarchy/blob/master/icon.png?raw=true"
    },
    {
        name: "Kubuntu",
        description: "A user-friendly KDE Plasma-based Ubuntu variant, offering a polished and customizable desktop experience.",
        isoLink: "https://kubuntu.org/download/",
        wikiLink: "https://kubuntu.org/discover/",
        pros: ["Aimed at beginners", "KDE Plasma", "Nice UI", "Ubuntu based (ubuntu is debian based)"],
        cons: ["KDE Plasma", "May feel less familiar to GNOME users", "Not very lightweight"],
        icon: "https://kubuntu.org/images/kubuntu-logo.png"
    },
    {
        name: "Bazzite",
        description: "A Fedora atomic based Linux distribution optimized for gaming, featuring Steam, Lutris, and other gaming tools pre-installed.",
        isoLink: "https://bazzite.gg/#image-picker",
        wikiLink: "https://docs.bazzite.gg/",
        pros: ["Optimized for gaming", "KDE Plasma", "Modern UI", "Fedora atomic based", "Steam preinstalled"],
        cons: ["Being Fedora-based means less bleeding-edge than Arch", "May include fewer development tools", "Still relatively new"],
        icon: "https://upload.wikimedia.org/wikipedia/commons/a/a7/Bazzite_Logo.svg"
    }
];

function createDistroCard(distro) {
    const card = document.createElement('div');
    card.className = 'distro-card';
    card.innerHTML = `
        <img src="${distro.icon}" alt="${distro.name}" />
        <h2>${distro.name}</h2>
        <p class="description">${distro.description}</p>

        <div class="pros-cons">
            <div class="pros">
                <h4>Pros:</h4>
                <ul>
                    ${distro.pros.map(pro => `<li>${pro}</li>`).join('')}
                </ul>
            </div>
            <div class="cons">
                <h4>Cons:</h4>
                <ul>
                    ${distro.cons.map(con => `<li>${con}</li>`).join('')}
                </ul>
            </div>
        </div>

        <div class="links-section">
            <a href="${distro.isoLink}" target="_blank" class="iso-link">Download ISO</a>
            ${distro.wikiLink ? `<a href="${distro.wikiLink}" target="_blank" class="wiki-link">Official Site</a>` : ''}
        </div>
    `;
    return card;
}

function loadDistributions() {
    const grid = document.getElementById('distroGrid');
    distributions.forEach(distro => {
        const card = createDistroCard(distro);
        grid.appendChild(card);
    });
}

document.addEventListener('DOMContentLoaded', () => {
    loadDistributions();
});