zqzb/resources.html at main · AD-iOS/zqzb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>资源中心 | iOS-AD Repo - 越狱资源一站式平台</title>
    <meta name="description" content="iOS越狱资源下载中心，提供官方资源、用户投稿和教程文档等一站式资源服务">
    <meta name="keywords" content="iOS越狱资源,越狱插件下载,Cydia源,Zebra源,越狱工具,教程文档">
    <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/resources.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-box-open"></i>
            </div>
            <h1 class="animate__animated animate__fadeIn">iOS-AD 资源中心</h1>
            <p class="subtitle animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-star"></i> 精选资源 · 高速下载 · 一站式服务
            </p>
        </header>

        <div class="divider"></div>

        <div class="resource-grid">
            <!-- 官方资源库 -->
            <div class="resource-card animate__animated animate__fadeInUp animate-delay-1">
                <div class="resource-icon">
                    <i class="fas fa-crown"></i>
                </div>
                <h3 class="resource-title">官方资源库</h3>
                <p class="resource-desc">
                    包含iOS-AD Repo所有官方资源与工具，经过严格测试确保安全可靠，定期更新维护
                </p>
                <a href="https://www.123pan.com/s/sg3zjv-5Dbcv"
                   class="btn btn-primary"
                   target="_blank">
                    <i class="fas fa-external-link-alt"></i> 访问网盘
                </a>
            </div>

            <!-- 用户投稿资源 -->
            <div class="resource-card animate__animated animate__fadeInUp animate-delay-2">
                <div class="resource-icon">
                    <i class="fas fa-users"></i>
                </div>
                <h3 class="resource-title">用户投稿资源</h3>
                <p class="resource-desc">
                    社区用户分享的优质资源合集，包含各种实用插件和主题，经过管理员审核
                </p>
                <a href="https://www.123865.com/s/sg3zjv-tUbcv"
                   class="btn btn-primary"
                   target="_blank">
                    <i class="fas fa-external-link-alt"></i> 访问网盘
                </a>
            </div>

            <!-- 教程资源 -->
            <div class="resource-card animate__animated animate__fadeInUp animate-delay-3">
                <div class="resource-icon">
                    <i class="fas fa-book"></i>
                </div>
                <h3 class="resource-title">教程与文档</h3>
                <p class="resource-desc">
                    从入门到精通的完整教程、开发文档与常见问题解答，适合各个阶段的用户
                </p>
                <a href="https://www.123pan.com/s/sg3zjv-5Dbcv"
                   class="btn btn-primary"
                   target="_blank">
                    <i class="fas fa-external-link-alt"></i> 访问资源
                </a>
            </div>
        </div>

        <a href="index.html" class="btn btn-secondary animate__animated animate__fadeInUp">
            <i class="fas fa-arrow-left"></i> 返回主站
        </a>

        <div class="footer animate__animated animate__fadeIn animate-delay-2">
            <p>© 2025 iOS-AD Repo 资源中心
            <p><a href="https://github.com/ios-gm"></a> 由AD独立开发并且制作</p>
            <p>使用123云盘提供高速下载服务
<p>最后更新: <span id="lastUpdate">2025年8月</span></p>
        </div>
    </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);

        // 按钮点击动画
        document.addEventListener('DOMContentLoaded', function() {
            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>