-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
308 lines (280 loc) · 14.1 KB
/
Copy pathindex.html
File metadata and controls
308 lines (280 loc) · 14.1 KB
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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>X2Agent - 智能助手生态平台 - X2Agent</title>
<meta name="description" content="X2Agent - 构建下一代智能助手生态系统，为每个领域提供专业的AI解决方案。">
<meta name="keywords" content="X2Agent, AI助手, 智能助手, 人工智能平台, AI生态系统, 智能解决方案">
<meta name="author" content="X2Agent">
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header -->
<header>
<div class="header-container">
<!-- Logo和站点名称 -->
<div class="logo-container">
<h1><a href="index.html" style="text-decoration: none; color: inherit;">X2Agent</a></h1>
</div>
<!-- 导航菜单 -->
<nav class="navigation">
<ul class="nav-links">
<li><a href="index.html#agents">智能助手</a></li>
<li><a href="index.html#features">平台特性</a></li>
<li><a href="index.html#about">关于我们</a></li>
</ul>
</nav>
<!-- 右侧操作按钮 -->
<div class="header-actions">
<button class="github-link" onclick="window.location.href='https://github.com/X2Agent'">
<img src="images/github-mark.svg" alt="GitHub" width="16" height="16"
style="display: inline-block; vertical-align: middle; margin-right: 8px; transition: transform 0.3s ease;">
View on GitHub
</button>
</div>
</div>
<div class="blob"></div>
<div class="blob"></div>
</header>
<!-- Main Content -->
<main>
<!-- Hero Section -->
<section class="hero-section">
<div class="hero-content">
<h1 class="hero-title">X2Agent 生态平台</h1>
<p class="hero-subtitle">构建下一代智能助手生态系统，为不同领域提供专业化的AI解决方案</p>
<div class="hero-actions">
<a href="#agents" class="cta-button primary">探索助手</a>
<a href="#docs" class="cta-button secondary">查看文档</a>
</div>
</div>
</section>
<!-- Agents Section -->
<section id="agents" class="agents-section">
<div class="section-container">
<h2 class="section-title">智能助手生态</h2>
<p class="section-subtitle">专业化的AI助手，为不同领域提供定制化解决方案</p>
<div class="agents-grid">
<div class="agent-card featured">
<div class="agent-header">
<img src="images/stock-data-icon.svg" alt="MarketAssistant" class="agent-icon">
<div class="agent-status">已发布</div>
</div>
<h3 class="agent-title">MarketAssistant</h3>
<p class="agent-description">专业的股票市场智能助手，提供实时股市数据、技术分析、财务分析等全方位服务</p>
<div class="agent-features">
<span class="feature-tag">实时数据</span>
<span class="feature-tag">技术分析</span>
<span class="feature-tag">向量搜索</span>
</div>
<div class="agent-actions">
<a href="market-assistant.html" class="btn-primary">立即体验</a>
<a href="market-assistant.html" class="btn-secondary">了解更多</a>
</div>
</div>
<div class="agent-card">
<div class="agent-header">
<img src="images/vector-search-icon.svg" alt="ContentAssistant" class="agent-icon">
<div class="agent-status coming-soon">开发中</div>
</div>
<h3 class="agent-title">WriterAssistant</h3>
<p class="agent-description">一站式AIGC内容运营平台，基于大模型技术重塑「选题-配图-成文-发布」全流程，为创作者提供从灵感捕捉到多平台分发的完整解决方案</p>
<div class="agent-features">
<span class="feature-tag">智能选题</span>
<span class="feature-tag">AI配图</span>
<span class="feature-tag">一键分发</span>
</div>
<div class="agent-actions">
<a href="#" class="btn-disabled">规划中</a>
<a href="writer-assistant.html" class="btn-secondary">了解概念</a>
</div>
</div>
<div class="agent-card">
<div class="agent-header">
<img src="images/mcp-config-icon.svg" alt="DataAssistant" class="agent-icon">
<div class="agent-status coming-soon">规划中</div>
</div>
<h3 class="agent-title">MagenticAssistant</h3>
<p class="agent-description">XXX</p>
<div class="agent-features">
<span class="feature-tag">可视化</span>
</div>
<div class="agent-actions">
<a href="#" class="btn-disabled">规划中</a>
<a href="#" class="btn-secondary">开发路线</a>
</div>
</div>
</div>
</div>
</section>
<!-- Platform Features Section -->
<section id="features" class="features">
<div class="features-container">
<h2 class="features-title">平台特性</h2>
<div class="features-grid">
<div class="feature-card">
<img src="images/mcp-config-icon.svg" alt="统一架构" class="feature-icon">
<h3 class="feature-title">统一架构</h3>
<p class="feature-description">基于MCP（Model Configuration Parameters）的统一配置管理，确保所有助手的一致性和可扩展性</p>
</div>
<div class="feature-card">
<img src="images/vector-search-icon.svg" alt="向量搜索" class="feature-icon">
<h3 class="feature-title">智能搜索</h3>
<p class="feature-description">集成向量数据库，为所有助手提供快速、准确的语义搜索和知识检索能力</p>
</div>
<div class="feature-card">
<img src="images/analysis-icon.svg" alt="模块化设计" class="feature-icon">
<h3 class="feature-title">模块化设计</h3>
<p class="feature-description">采用模块化架构，支持快速开发新的专业助手，降低开发成本和维护复杂度</p>
</div>
<div class="feature-card">
<img src="images/stock-data-icon.svg" alt="开源生态" class="feature-icon">
<h3 class="feature-title">开源生态</h3>
<p class="feature-description">完全开源的平台，支持社区贡献，共同构建更强大的AI助手生态系统</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about-section">
<div class="section-container">
<h2 class="section-title">关于X2Agent</h2>
<div class="about-content">
<div class="about-text">
<h3>我们的愿景</h3>
<p>X2Agent致力于构建下一代智能助手生态系统，通过专业化的AI解决方案，为不同领域的用户提供高效、智能的服务体验。</p>
<h3>技术优势</h3>
<ul>
<li><strong>统一架构</strong>：基于MCP的标准化配置管理，确保所有助手的一致性</li>
<li><strong>模块化设计</strong>：支持快速开发和部署新的专业助手</li>
<li><strong>智能搜索</strong>：集成向量数据库，提供语义级搜索能力</li>
<li><strong>开源生态</strong>：完全开源，支持社区贡献和定制化开发</li>
</ul>
<h3>发展路线</h3>
<p>我们正在持续扩展助手生态，计划推出更多专业领域的智能助手，包括代码开发、数据分析、内容创作等，构建完整的AI助手解决方案矩阵。</p>
</div>
<div class="stats-container">
<div class="stats-row">
<div class="stat-item">
<div class="stat-number">1+</div>
<div class="stat-label">已发布助手</div>
</div>
<div class="stat-item">
<div class="stat-number">2+</div>
<div class="stat-label">规划中助手</div>
</div>
</div>
<div class="stats-row">
<div class="stat-item stat-item-full">
<div class="stat-number">100%</div>
<div class="stat-label">开源免费</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<div class="footer-container">
<div class="footer-content">
<div class="footer-section">
<h4>X2Agent</h4>
<p>构建下一代智能助手生态系统，为每个领域提供专业的AI解决方案。</p>
<div class="social-links">
<a href="https://github.com/X2Agent" class="social-link">GitHub</a>
<a href="#docs" class="social-link">文档</a>
</div>
</div>
<div class="footer-section">
<h4>智能助手</h4>
<ul>
<li><a href="market-assistant.html">MarketAssistant</a></li>
<li><a href="writer-assistant.html">WriterAssistant</a></li>
<li><a href="#">MagenticAssistant</a></li>
</ul>
</div>
<div class="footer-section">
<h4>资源</h4>
<ul>
<li><a href="#docs">开发文档</a></li>
<li><a href="#community">社区</a></li>
<li><a href="#support">技术支持</a></li>
</ul>
</div>
<div class="footer-section">
<h4>关于</h4>
<ul>
<li><a href="#about">关于我们</a></li>
<li><a href="#careers">加入我们</a></li>
<li><a href="#contact">联系方式</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 X2Agent. 开源项目，欢迎贡献。</p>
<p>基于 Apache License 2.0 许可证发布</p>
</div>
</div>
</footer>
<!-- AI生成说明悬浮窗口 -->
<div id="ai-notice-float" style="position: fixed; bottom: 20px; right: 20px; z-index: 1000; max-width: 300px; background-color: rgba(255, 255, 255, 0.95); border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; border-left: 4px solid #3B82F6; overflow: hidden;">
<div style="display: flex; align-items: center; padding: 12px 15px; position: relative;">
<div style="font-size: 24px; margin-right: 10px; color: #3B82F6;">🤖</div>
<div style="flex: 1;">
<h4 style="display: block; font-size: 14px; margin-bottom: 2px; color: #3B82F6; margin-top: 0;">AI生成网站</h4>
<p style="margin: 0; font-size: 12px; color: #666; line-height: 1.4;">本网站由人工智能技术生成</p>
</div>
</div>
</div>
<style>
/* AI弹窗悬停效果和响应式样式 */
#ai-notice-float:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
/* 响应式调整 */
@media (max-width: 480px) {
#ai-notice-float {
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
max-width: none !important;
}
}
</style>
<script>
// GitHub按钮悬停效果
document.addEventListener('DOMContentLoaded', function() {
const githubButton = document.querySelector('.github-link');
if (githubButton) {
githubButton.addEventListener('mouseenter', function() {
const icon = this.querySelector('img');
if (icon) {
icon.style.transform = 'scale(1.1)';
}
});
githubButton.addEventListener('mouseleave', function() {
const icon = this.querySelector('img');
if (icon) {
icon.style.transform = 'scale(1)';
}
});
}
});
// 平滑滚动到锚点
function smoothScrollTo(targetId) {
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
</script>
</body>
</html>