ikgy.github.io/index.html at main · NameMicrobe7931/ikgy.github.io · 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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="baidu-site-verification" content="codeva-HfZgaM8UJX" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="IK公益-公益、开放的debian团队。本站由serika搭建，致力于服务各位新开发者加入,同时提供相关服务">
    <link rel="shortcut icon" href="favicon.webp"> <!-- 这是看门娘黑耳狐 -->
    <title>IK公益-开放、自由的linux团队</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            flex-direction: column; /* 使内容垂直排列 */
            justify-content: center;
            align-items: center;
            background-color: black; /* 背景为黑色 */
            color: white; /* 文字颜色为白色 */
            font-family: Arial, sans-serif; /* 字体 */
        }

        h1 {
            font-size: 3em; /* 标题字体大小 */
            text-align: center; /* 文字居中 */
            margin: 0; /* 去掉默认的外边距 */
        }

        h2 {
            font-size: 1.5em; /* h2 字体大小 */
            text-align: center; /* 文字居中 */
            margin-top: 20px; /* h1 和 h2 之间的间隔 */
        }

        footer {
            margin-top: 100px; /* 页脚位置 */
            padding: 10px; /* 页脚内边距 */
            text-align: center; /* 文字居中 */
            font-size: 0.8em; /* 页脚字体大小 */
            color: gray; /* 页脚文字颜色 */
        }

        /* 移动端适配 */
        @media (max-width: 600px) {
            h1 {
                font-size: 2em; /* 移动端字体大小 */
            }
            h2 {
                font-size: 1.2em; /* 移动端 h2 字体大小 */
            }
        }

        /* 导航栏样式 */
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            position: absolute; /* 绝对定位 */
            top: 10px; /* 距离顶部10px */
            right: 10px; /* 距离右侧10px */
            background-color: black; /* 背景颜色 */
        }

        li {
            float: right; /* 右浮动 */
            position: relative; /* 相对定位 */
        }

        li a {
            display: block;
            color: white;
            text-align: center;
            padding: 10px 12px;
            text-decoration: none;
        }

        li a:hover {
            background-color: #111; /* 悬停效果 */
        }

        /* 二级菜单样式 */
        .submenu {
            display: none; /* 默认隐藏 */
            position: absolute; /* 绝对定位 */
            top: 100%; /* 在父元素下方 */
            left: 0; /* 对齐左侧 */
            background-color: black; /* 背景颜色 */
            z-index: 1; /* 确保在上方 */
        }

        .submenu li {
            float: none; /* 取消浮动 */
        }

        .submenu li a {
            padding: 10px 12px; /* 内边距 */
        }

        /* 显示二级菜单 */
        li:hover .submenu {
            display: block; /* 悬停时显示 */
        }
    </style>
</head>
<body>
    <h1>IK公益</h1>

    <h2>公益 开放 专业 可自由加入的Linux团队</h2>
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1701180642&bvid=BV1fK421t79R&cid=1449739560&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
<h2>IK公益祝各位访客蛇年大吉、诸事顺利</h2>

    <ul>
        <li>
            <a class="active" href="./join-us.html">加入</a>
        </li>
        <li>
            <a href="#about" id="aboutLink">拓展链接</a>
            <ul class="submenu" id="submenu">
                <li><a href="https://blog.ikgy.top">站长博客</a></li>
                <li><a href="https://www.ikwiki.top">本站WIKI</a></li>
                <li><a href="https://sst.ikgy.top">西南伺服(本站引流)</a></li>
                <li><a href="https://lshub.eu.org">gingshan避风港</a></li>
                </ul>
        </li>
        <li><a href="./services.html">服务</a></li>
        <li><a href="./jianjie.html">简介</a></li>
    </ul>

    <footer>
        &copy; 2020-2025 IK公益. 保留所有权利.<br>Powered by <a href="https://blog.ikgy.top" style="color: inherit; text-decoration: none;">Serika</a><br>虚拟ICP备案：<a href="https://icp.星.fun/id.php?keyword=20258000" target="_blank"> <img src="https://icp.星.fun/logo.png" width="20" height="20" style="vertical-align: middle; margin-right: 5px;">团ICP备20258000号</a></a>
    </footer>
    <!-- <div class="music-player">
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=1890128737&auto=1&height=66"></iframe>
    </div> -->
    <script>
        const aboutLink = document.getElementById('aboutLink');
        const submenu = document.getElementById('submenu');

        aboutLink.addEventListener('click', function(event) {
            event.preventDefault(); // 阻止默认链接行为
            submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block'; // 切换显示状态
        });
    </script>
</body>
</html>
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!--  -->
<!-- 神秘小视频 -->
<!-- https://www.bilibili.com/video/BV1L4421S7Kr?spm_id_from=333.788.recommend_more_video.-1&vd_source=1d76eca49744b153281a2d5f33e972f5 -->
<!-- https://www.bilibili.com/video/BV19r4y1o74g/?spm_id_from=333.337.search-card.all.click&vd_source=1d76eca49744b153281a2d5f33e972f5  -->