-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathannouncement.html
147 lines (124 loc) · 6.85 KB
/
announcement.html
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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>回响 - 公告（2号，发布于2024年8月8日）</title>
<link rel="icon" type="image/png" href="/favicon.png">
<link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="bg-gray-100 text-gray-900">
<!-- 顶栏 -->
<header class="bg-blue-600 text-white p-4">
<div class="flex justify-between items-center">
<div class="flex items-center">
<i class="fa fa-bullhorn text-xl mr-2"></i>
<h1 class="text-2xl font-semibold">回响</h1>
</div>
<button class="lg:hidden text-white" id="menu-toggle">
<i class="fa fa-bars"></i>
</button>
</div>
</header>
<!-- 侧边导航栏（从左侧展开） -->
<div id="sidebar" class="fixed inset-0 bg-gray-800 bg-opacity-75 z-50 transform -translate-x-full lg:hidden transition-transform duration-300">
<div class="w-64 h-full bg-blue-600 text-white p-6">
<div class="flex justify-end">
<button id="close-menu" class="text-white">
<i class="fa fa-times text-2xl"></i>
</button>
</div>
<nav class="mt-8 space-y-6">
<a href="https://blogecho.zeimg.top/record_form.html" class="flex items-center space-x-3 hover:bg-blue-500 px-4 py-2 rounded-md">
<i class="fa fa-edit"></i>
<span>申请加入我们</span>
</a>
<a href="https://blogecho.zeimg.top/list.php" class="flex items-center space-x-3 hover:bg-blue-500 px-4 py-2 rounded-md">
<i class="fa fa-search"></i>
<span>查询回响号</span>
</a>
<a href="https://blogecho.zeimg.top/announcement.html" class="flex items-center space-x-3 hover:bg-blue-500 px-4 py-2 rounded-md">
<i class="fa fa-bullhorn"></i>
<span>站点公告</span>
</a>
<a href="https://blogecho.zeimg.top/admin_login.html" class="flex items-center space-x-3 hover:bg-yellow-500 px-4 py-2 rounded-md">
<i class="fa fa-shield"></i>
<span>管理员登录</span>
</a>
<a href="https://blogecho.zeimg.top/about.html" class="flex items-center space-x-3 hover:bg-green-500 px-4 py-2 rounded-md">
<i class="fa fa-info-circle"></i>
<span>关于本站点</span>
</a>
</nav>
</div>
</div>
<div class="flex lg:flex-row flex-col">
<!-- 侧边栏（桌面端显示） -->
<div class="hidden lg:block w-64 bg-blue-600 text-white p-6">
<nav class="mt-8 space-y-6">
<a href="https://blogecho.zeimg.top/record_form.html" class="flex items-center space-x-3 hover:bg-blue-500 px-4 py-2 rounded-md">
<i class="fa fa-edit"></i>
<span>申请加入我们</span>
</a>
<a href="https://blogecho.zeimg.top/list.php" class="flex items-center space-x-3 hover:bg-blue-500 px-4 py-2 rounded-md">
<i class="fa fa-search"></i>
<span>查询回响号</span>
</a>
<a href="https://blogecho.zeimg.top/announcement.html" class="flex items-center space-x-3 hover:bg-blue-500 px-4 py-2 rounded-md">
<i class="fa fa-bullhorn"></i>
<span>站点公告</span>
</a>
<a href="https://blogecho.zeimg.top/admin_login.html" class="flex items-center space-x-3 hover:bg-yellow-500 px-4 py-2 rounded-md">
<i class="fa fa-shield"></i>
<span>管理员登录</span>
</a>
<a href="https://blogecho.zeimg.top/about.html" class="flex items-center space-x-3 hover:bg-green-500 px-4 py-2 rounded-md">
<i class="fa fa-info-circle"></i>
<span>关于本站点</span>
</a>
</nav>
</div>
<!-- 主体内容 -->
<div class="flex-1 max-w-full lg:max-w-4xl mx-auto px-4 py-6">
<h1 class="text-3xl font-semibold text-center mb-6 text-blue-600">回响 - 公告</h1>
<h2 class="text-xl font-semibold mb-4">回响 - 申请条件</h2>
<p class="mb-4">截至目前-2025年01月11日：<br/>1.要求网站类型为博客、个人网站、非企业类内容管理网站、个人门户网站</p>
<p class="mb-4"><strong>2.要求网站搭建时间一年以上，博客/论坛要求文章/帖子10篇以上</strong></p>
<p class="mb-4">3.要求部署了可信得SSL证书、开启强制HTTPS</p>
<p class="mb-4">4.站点内容要求有一定质量，部分免费二级域名不可申请</p>
<p class="mb-4">此决定立即生效，最终解释权归管理员所有</p>
<p class="mb-6">特告。</p>
<p class="mb-6">回响管理员 - BlogEcho</p>
<p class="text-center mb-6">2025年01月11日</p>
<p class="mb-6">附：非企业类内容管理网站</p>
<blockquote class="bg-gray-50 p-4 border-l-4 border-blue-500 mb-6">
<p><code>指大型内容管理网站，例如大型论坛、综合讨论社区，这类网站申请的前提是站长或管理组要求为个人主体。</code></p>
</blockquote>
<div class="text-center">
<a href="https://blogecho.zeimg.top"
class="inline-block bg-transparent text-blue-600 py-2 px-4 rounded-lg hover:text-blue-700 border border-blue-600 hover:bg-blue-100 transition duration-300">
返回首页
</a>
</div>
<div class="mt-6 text-center text-gray-500 text-sm">
© 2024 BlogEcho。
</div>
</div>
</div>
<script>
// 控制侧边菜单的展开和收起
const menuToggle = document.getElementById('menu-toggle');
const sidebar = document.getElementById('sidebar');
const closeMenu = document.getElementById('close-menu');
menuToggle.addEventListener('click', () => {
sidebar.classList.remove('-translate-x-full');
sidebar.classList.add('translate-x-0');
});
closeMenu.addEventListener('click', () => {
sidebar.classList.remove('translate-x-0');
sidebar.classList.add('-translate-x-full');
});
</script>
</body>
</html>