index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>iOS-AD Repo源 | 越狱资源一站式中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="提供最全面的iOS越狱资源，包括Zebra/Sileo/Saily软件源、性能测试工具和越狱教程">
    <meta name="keywords" content="iOS越狱,Cydia源,Zebra源,Sileo源,Saily源,越狱工具,插件下载">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <button class="theme-toggle" id="themeToggle" aria-label="切换主题">
        <i class="fas fa-moon"></i>
    </button>
    
    <div class="container">
        <header>
            <div class="logo animate__animated animate__bounceIn">
                <i class="fas fa-mobile-alt"></i>
            </div>
            <h1 class="animate__animated animate__fadeIn">iOS-AD Repo源</h1>
            <h2 class="animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-star"></i> 越狱资源一站式中心
            </h2>
            <p class="animate__animated animate__fadeIn">我们会将群友、网络作者及其他人分享的插件收录到源中；其中一部分插件由源主自行制作。同时，我们承诺不对任何第三方插件进行篡改。</p>
        </header>
        
        <div class="nav-links animate__animated animate__fadeIn">
            <a href="index.html" class="nav-link">
                <i class="fas fa-home"></i> 首页
            </a>
            <a href="resources.html" class="nav-link">
                <i class="fas fa-box-open"></i> 资源中心
            </a>
            <a href="performance.html" class="nav-link">
                <i class="fas fa-tachometer-alt"></i> 性能测试
            </a>
            <a href="cloud.html" class="nav-link">
                <i class="fas fa-cloud"></i> 网盘资源
            </a>
            <a href="tutorials.html" class="nav-link">
                <i class="fas fa-book"></i> 教程指南
            </a>
        </div>
        
        <div class="divider"></div>
        
        <section>
            <h2 class="animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-download"></i> 软件源地址
            </h2>
            <div class="repo-container">
                <div class="repo-url animate__animated animate__fadeIn animate-delay-2" id="repoUrl">
                    https://ios-gm.github.io/zqzb/
                    <span class="copy-hint">点击复制</span>
                </div>
            </div>
            
            <h3 class="animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-bolt"></i> 一键添加源
            </h3>
            <div class="btn-group">
                <a href="zbra://sources/add/https://ios-gm.github.io/zqzb/" 
                   class="btn zebra-btn animate__animated animate__fadeInUp animate-delay-2">
                    <i class="fas fa-download"></i> Zebra商店
                </a>
                <a href="saily://source/add/https://ios-gm.github.io/zqzb/" 
                   class="btn saily-btn animate__animated animate__fadeInUp animate-delay-3">
                    <i class="fas fa-download"></i> Saily商店
                </a>
                <a href="sileo://source/https://ios-gm.github.io/zqzb/" 
                   class="btn sileo-btn animate__animated animate__fadeInUp animate-delay-4">
                    <i class="fas fa-download"></i> Sileo商店
                </a>
            </div>
        </section>
        
        <div class="divider"></div>
        
        <section>
            <h2 class="animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-tools"></i> 实用工具
            </h2>
            <div class="btn-group">
                <a href="performance.html" class="btn test-btn animate__animated animate__fadeInUp animate-delay-2">
                    <i class="fas fa-chart-line"></i> 3D性能测试
                </a>
                <a href="resources.html" class="btn resource-btn animate__animated animate__fadeInUp animate-delay-3">
                    <i class="fas fa-boxes"></i> 资源中心
                </a>
                <a href="cloud.html" class="btn cloud-btn animate__animated animate__fadeInUp animate-delay-4">
                    <i class="fas fa-cloud-download-alt"></i> 网盘资源
                </a>
            </div>
        </section>
        
        <div class="divider"></div>
        
        <section>
            <h2 class="animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-cloud"></i> 123云盘资源
            </h2>
            <a href="https://www.123865.com/s/sg3zjv-5Dbcv" 
               class="btn cloud-btn animate__animated animate__fadeInUp animate-delay-2"
               target="_blank">
                <i class="fas fa-external-link-alt"></i> 访问123云盘
            </a>
        </section>
        
        <div class="divider"></div>
        
        <section>
            <h2 class="animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-headset"></i> 联系与支持
            </h2>
            <div class="contact-info animate__animated animate__fadeIn animate-delay-2">
                <span class="qq-number">
                    <i class="fas fa-user"></i> QQ: 3897069329
                </span>
                <a href="https://qm.qq.com/q/uvx4QijcEo" 
                   class="btn qq-btn animate__animated animate__fadeInUp animate-delay-3" 
                   target="_blank">
                    <i class="fab fa-qq"></i> 加入QQ交流群
                </a>
            </div>
        </section>
        
        <footer class="animate__animated animate__fadeIn animate-delay-3">
            <p>© 2025 iOS-AD Repo 版权所有</p>
            <p><a href="https://github.com/ios-gm">由AD独立开发并且制作</a></p>
            <p>最后更新: <span id="lastUpdate">2025年8月</span></p>
        </footer>
    </div>

    <script>
        // 暗黑模式切换
        const themeToggle = document.getElementById('themeToggle');
        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)');
        
        // 初始化主题
        function initTheme() {
            const savedTheme = localStorage.getItem('theme');
            const systemDark = prefersDark.matches;
            
            if (savedTheme === 'dark' || (savedTheme === null && systemDark)) {
                document.documentElement.setAttribute('data-theme', 'dark');
                themeToggle.innerHTML = '<i class="fas fa-sun"></i>';
            } else {
                document.documentElement.setAttribute('data-theme', 'light');
                themeToggle.innerHTML = '<i class="fas fa-moon"></i>';
            }
        }
        
        // 切换主题
        function toggleTheme() {
            const currentTheme = document.documentElement.getAttribute('data-theme');
            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
            
            document.documentElement.setAttribute('data-theme', newTheme);
            localStorage.setItem('theme', newTheme);
            
            themeToggle.innerHTML = newTheme === 'dark' ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
            themeToggle.style.transform = 'rotate(360deg)';
            
            setTimeout(() => {
                themeToggle.style.transform = '';
            }, 500);
        }
        
        // 监听系统主题变化
        prefersDark.addListener(e => {
            if (localStorage.getItem('theme') === null) {
                document.documentElement.setAttribute('data-theme', e.matches ? 'dark' : 'light');
                themeToggle.innerHTML = e.matches ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
            }
        });
        
        themeToggle.addEventListener('click', toggleTheme);
        
        // 复制源地址功能
        const repoUrl = document.getElementById('repoUrl');
        
        repoUrl.addEventListener('click', async function() {
            const text = this.textContent.replace('点击复制', '').trim();
            
            try {
                await navigator.clipboard.writeText(text);
                
                // 创建并显示"已复制"提示
                const copiedText = document.createElement('span');
                copiedText.className = 'copied-text';
                copiedText.textContent = '✓ 已复制';
                this.appendChild(copiedText);
                
                // 触发动画
                this.style.animation = 'none';
                void this.offsetWidth; // 触发重绘
                this.style.animation = 'pulse 0.5s';
                
                // 3秒后移除提示
                setTimeout(() => {
                    copiedText.style.opacity = '0';
                    setTimeout(() => copiedText.remove(), 300);
                }, 2000);
                
            } catch (err) {
                console.error('复制失败:', err);
                alert('复制失败，请手动选择并复制文本');
            }
        });
        
        // 商店应用跳转检测
        document.addEventListener('DOMContentLoaded', function() {
            const storeButtons = [
                { selector: '.zebra-btn', name: 'Zebra' },
                { selector: '.saily-btn', name: 'Saily' },
                { selector: '.sileo-btn', name: 'Sileo' }
            ];
            
            storeButtons.forEach(btn => {
                const button = document.querySelector(btn.selector);
                if (!button) return;
                
                button.addEventListener('click', function(e) {
                    let clicked = false;
                    
                    // 检测是否在iOS设备上
                    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || 
                                 (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
                    
                    if (!isIOS) {
                        e.preventDefault();
                        alert(`请在iOS设备上使用${btn.name}商店访问`);
                        return;
                    }
                    
                    // 设置超时检测
                    const timeout = setTimeout(function() {
                        if (!clicked) {
                            alert(`如果${btn.name}商店没有自动打开，请手动添加以下源地址:\n\nhttps://ios-gm.github.io/zqzb/`);
                        }
                    }, 800);
                    
                    window.addEventListener('blur', function onBlur() {
                        clicked = true;
                        clearTimeout(timeout);
                        window.removeEventListener('blur', onBlur);
                    });
                });
            });
            
            // 按钮点击动画
            document.querySelectorAll('.btn').forEach(btn => {
                btn.addEventListener('mousedown', function() {
                    this.style.transform = 'scale(0.95)';
                });
                
                btn.addEventListener('mouseup', function() {
                    this.style.transform = '';
                });
                
                btn.addEventListener('mouseleave', function() {
                    this.style.transform = '';
                });
            });
        });
        
        // 设置最后更新时间
        document.getElementById('lastUpdate').textContent = new Date().toLocaleDateString('zh-CN', {
            year: 'numeric',
            month: 'long',
            day: 'numeric'
        });
        
        // 页面加载动画
        window.addEventListener('load', function() {
            document.body.style.opacity = 1;
            
            // 添加一些装饰性动画
            setTimeout(() => {
                const logo = document.querySelector('.logo');
                if (logo) {
                    logo.style.animation = 'bounce 2s infinite';
                }
            }, 1000);
        });
        
        // 初始化主题
        initTheme();
    </script>
</body>
</html>