Hugging Face's logo

Spaces:
maomaobj
/
search1
Running

App Files Community
maomaobj commited on
Commit
d838d07
·
verified ·
1 Parent(s): 0bb079f

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +389 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Search1
3
- emoji: 🌖
4
- colorFrom: green
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: search1
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,389 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>智研汇 · 科技知识平台</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#2563eb',
15
+ secondary: '#4b5563',
16
+ accent: '#1d4ed8',
17
+ light: '#f8fafc',
18
+ dark: '#1e293b'
19
+ }
20
+ }
21
+ }
22
+ }
23
+ </script>
24
+ <style>
25
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
26
+
27
+ body {
28
+ font-family: 'Noto Sans SC', sans-serif;
29
+ background: linear-gradient(to bottom, #f0f9ff, #ffffff);
30
+ min-height: 100vh;
31
+ }
32
+
33
+ .search-shadow {
34
+ box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.2);
35
+ }
36
+
37
+ .card-hover {
38
+ transition: all 0.3s ease;
39
+ }
40
+
41
+ .card-hover:hover {
42
+ transform: translateY(-5px);
43
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
44
+ }
45
+
46
+ .trend-tag {
47
+ transition: all 0.2s ease;
48
+ }
49
+
50
+ .trend-tag:hover {
51
+ background-color: #2563eb;
52
+ color: white;
53
+ }
54
+
55
+ .floating-btn {
56
+ animation: pulse 2s infinite;
57
+ }
58
+
59
+ @keyframes pulse {
60
+ 0% {
61
+ box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4);
62
+ }
63
+ 70% {
64
+ box-shadow: 0 0 0 12px rgba(37, 99, 235, 0);
65
+ }
66
+ 100% {
67
+ box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
68
+ }
69
+ }
70
+
71
+ .suggestions-dropdown {
72
+ max-height: 300px;
73
+ overflow-y: auto;
74
+ }
75
+
76
+ .chart-container {
77
+ background: linear-gradient(to top, #e0f2fe, #f0f9ff);
78
+ }
79
+ </style>
80
+ </head>
81
+ <body class="text-gray-800">
82
+ <!-- Header Bar -->
83
+ <header class="bg-white shadow-sm">
84
+ <div class="container mx-auto px-4 py-3">
85
+ <div class="flex justify-between items-center">
86
+ <div class="flex items-center">
87
+ <h1 class="text-xl md:text-2xl font-bold text-primary">智研汇 · 科技知识平台</h1>
88
+ <nav class="hidden md:flex ml-10 space-x-7">
89
+ <a href="#" class="font-medium hover:text-primary transition">首页</a>
90
+ <a href="#" class="font-medium hover:text-primary transition">探索</a>
91
+ <a href="#" class="font-medium hover:text-primary transition">趋势</a>
92
+ <a href="#" class="font-medium hover:text-primary transition">专家</a>
93
+ <a href="#" class="font-medium hover:text-primary transition">项目</a>
94
+ <a href="#" class="font-medium text-primary">AI问答</a>
95
+ </nav>
96
+ </div>
97
+ <div class="flex items-center space-x-4">
98
+ <button class="md:hidden text-gray-600">
99
+ <i class="fas fa-bars text-xl"></i>
100
+ </button>
101
+ <div class="relative">
102
+ <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-semibold cursor-pointer">
103
+ <i class="fas fa-user"></i>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </header>
110
+
111
+ <!-- Main Content -->
112
+ <main class="container mx-auto px-4 py-8">
113
+ <!-- Hero Section -->
114
+ <section class="max-w-4xl mx-auto text-center mb-16 mt-10">
115
+ <h2 class="text-3xl md:text-4xl font-bold mb-6 text-gray-800">探索科技前沿，汇聚知识智慧</h2>
116
+ <p class="text-gray-600 mb-10 max-w-2xl mx-auto">连接全球科技资源，加速科研创新与知识转化</p>
117
+
118
+ <!-- Search Area -->
119
+ <div class="relative">
120
+ <div class="flex items-center bg-white rounded-full px-4 py-3 search-shadow">
121
+ <input type="text" placeholder="Try: 碳纳米管改性方法有哪些？" class="w-full py-3 px-4 text-gray-700 focus:outline-none rounded-full">
122
+ <button class="bg-primary text-white rounded-full p-3 hover:bg-accent transition">
123
+ <i class="fas fa-search"></i>
124
+ </button>
125
+ </div>
126
+ <div class="absolute right-16 top-3">
127
+ <button class="text-gray-500 hover:text-primary">
128
+ <i class="fas fa-microphone"></i>
129
+ </button>
130
+ </div>
131
+
132
+ <!-- Suggestions Dropdown -->
133
+ <div class="absolute left-0 mt-2 w-full bg-white rounded-xl shadow-lg z-10 hidden suggestions-dropdown">
134
+ <div class="py-2">
135
+ <div class="px-4 py-2 text-left text-sm text-gray-500">热门搜索</div>
136
+ <div class="px-4 py-3 hover:bg-gray-50 cursor-pointer flex items-center">
137
+ <i class="fas fa-fire text-red-500 mr-2"></i>
138
+ <span>高性能钙钛矿太阳能材料</span>
139
+ </div>
140
+ <div class="px-4 py-3 hover:bg-gray-50 cursor-pointer flex items-center">
141
+ <i class="fas fa-fire text-red-500 mr-2"></i>
142
+ <span>激光熔覆工艺的参数优化</span>
143
+ </div>
144
+ <div class="px-4 py-3 hover:bg-gray-50 cursor-pointer flex items-center">
145
+ <i class="fas fa-fire text-red-500 mr-2"></i>
146
+ <span>AI在药物筛选中的应用</span>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </section>
152
+
153
+ <!-- Quick Access Modules -->
154
+ <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
155
+ <!-- Card 1 -->
156
+ <div class="bg-white rounded-xl p-6 shadow-md card-hover">
157
+ <div class="flex items-center mb-4">
158
+ <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-3">
159
+ <i class="fas fa-brain"></i>
160
+ </div>
161
+ <h3 class="text-xl font-semibold">猜你想问</h3>
162
+ </div>
163
+ <ul class="space-y-3">
164
+ <li class="flex items-start">
165
+ <i class="fas fa-question-circle text-blue-400 mt-1 mr-2"></i>
166
+ <span class="hover:text-primary cursor-pointer transition">稀土磁性材料有哪些主流研究方向？</span>
167
+ </li>
168
+ <li class="flex items-start">
169
+ <i class="fas fa-question-circle text-blue-400 mt-1 mr-2"></i>
170
+ <span class="hover:text-primary cursor-pointer transition">高温合金的抗氧化策略？</span>
171
+ </li>
172
+ <li class="flex items-start">
173
+ <i class="fas fa-question-circle text-blue-400 mt-1 mr-2"></i>
174
+ <span class="hover:text-primary cursor-pointer transition">量子计算在材料模拟中的应用现状？</span>
175
+ </li>
176
+ <li class="flex items-start">
177
+ <i class="fas fa-question-circle text-blue-400 mt-1 mr-2"></i>
178
+ <span class="hover:text-primary cursor-pointer transition">柔性电子材料的最新研究进展？</span>
179
+ </li>
180
+ </ul>
181
+ </div>
182
+
183
+ <!-- Card 2 -->
184
+ <div class="bg-white rounded-xl p-6 shadow-md card-hover">
185
+ <div class="flex items-center mb-4">
186
+ <div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3">
187
+ <i class="fas fa-book"></i>
188
+ </div>
189
+ <h3 class="text-xl font-semibold">找技术成果</h3>
190
+ </div>
191
+ <div class="grid grid-cols-2 gap-3 mt-6">
192
+ <button class="bg-blue-50 hover:bg-blue-100 text-primary font-medium py-3 rounded-lg transition flex items-center justify-center">
193
+ <i class="fas fa-file-alt mr-2"></i>论文
194
+ </button>
195
+ <button class="bg-blue-50 hover:bg-blue-100 text-primary font-medium py-3 rounded-lg transition flex items-center justify-center">
196
+ <i class="fas fa-scroll mr-2"></i>专利
197
+ </button>
198
+ <button class="bg-blue-50 hover:bg-blue-100 text-primary font-medium py-3 rounded-lg transition flex items-center justify-center">
199
+ <i class="fas fa-project-diagram mr-2"></i>项目报告
200
+ </button>
201
+ <button class="bg-blue-50 hover:bg-blue-100 text-primary font-medium py-3 rounded-lg transition flex items-center justify-center">
202
+ <i class="fas fa-flask mr-2"></i>实验数据
203
+ </button>
204
+ </div>
205
+ </div>
206
+
207
+ <!-- Card 3 -->
208
+ <div class="bg-white rounded-xl p-6 shadow-md card-hover">
209
+ <div class="flex items-center mb-4">
210
+ <div class="w-10 h-10 rounded-full bg-teal-100 flex items-center justify-center text-teal-600 mr-3">
211
+ <i class="fas fa-user-graduate"></i>
212
+ </div>
213
+ <h3 class="text-xl font-semibold">找专家</h3>
214
+ </div>
215
+ <div class="space-y-4 mt-6">
216
+ <div class="flex items-center p-3 hover:bg-gray-50 rounded-lg cursor-pointer">
217
+ <div class="w-12 h-12 rounded-full bg-blue-200 flex items-center justify-center text-blue-800 font-bold mr-3">王</div>
218
+ <div>
219
+ <h4 class="font-medium">王强 · 材料科学</h4>
220
+ <p class="text-sm text-gray-600">清华大学</p>
221
+ </div>
222
+ </div>
223
+ <div class="flex items-center p-3 hover:bg-gray-50 rounded-lg cursor-pointer">
224
+ <div class="w-12 h-12 rounded-full bg-purple-200 flex items-center justify-center text-purple-800 font-bold mr-3">李</div>
225
+ <div>
226
+ <h4 class="font-medium">李雪 · 生物医学</h4>
227
+ <p class="text-sm text-gray-600">上海交通大学</p>
228
+ </div>
229
+ </div>
230
+ <div class="flex items-center p-3 hover:bg-gray-50 rounded-lg cursor-pointer">
231
+ <div class="w-12 h-12 rounded-full bg-green-200 flex items-center justify-center text-green-800 font-bold mr-3">张</div>
232
+ <div>
233
+ <h4 class="font-medium">张明 · 人工智能</h4>
234
+ <p class="text-sm text-gray-600">浙江大学</p>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </section>
240
+
241
+ <!-- Knowledge Trend Panel -->
242
+ <section class="bg-white rounded-xl shadow-md mb-16 overflow-hidden">
243
+ <div class="p-6 border-b">
244
+ <h3 class="text-xl font-semibold">碳材料研究热度趋势</h3>
245
+ </div>
246
+ <div class="chart-container p-4 md:p-8">
247
+ <!-- Chart Placeholder -->
248
+ <div class="relative h-64">
249
+ <!-- Chart lines -->
250
+ <div class="absolute bottom-0 left-0 w-full h-4/5">
251
+ <!-- Grid lines -->
252
+ <div class="absolute top-0 left-0 w-full h-full flex flex-col justify-between">
253
+ <div class="border-t border-gray-200"></div>
254
+ <div class="border-t border-gray-200"></div>
255
+ <div class="border-t border-gray-200"></div>
256
+ <div class="border-t border-gray-200"></div>
257
+ <div class="border-t border-gray-200"></div>
258
+ </div>
259
+
260
+ <!-- Year labels -->
261
+ <div class="absolute bottom-0 left-0 w-full flex justify-between text-sm text-gray-500 px-2">
262
+ <span>2019</span>
263
+ <span>2020</span>
264
+ <span>2021</span>
265
+ <span>2022</span>
266
+ <span>2023</span>
267
+ </div>
268
+
269
+ <!-- Data lines -->
270
+ <div class="absolute bottom-0 left-0 w-full h-full">
271
+ <!-- Graphene line -->
272
+ <div class="absolute" style="bottom: 10%; left: 5%; width: 90%; height: 80%">
273
+ <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="w-full h-full">
274
+ <path d="M0,90 C20,70 40,30 60,50 C80,70 100,20 100,10" stroke="#3b82f6" stroke-width="2" fill="none" />
275
+ </svg>
276
+ <div class="absolute -top-6 -right-2 text-xs text-blue-600">石墨烯</div>
277
+ </div>
278
+
279
+ <!-- Carbon Nanotubes line -->
280
+ <div class="absolute" style="bottom: 20%; left: 5%; width: 90%; height: 80%">
281
+ <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="w-full h-full">
282
+ <path d="M0,80 C20,40 40,60 60,30 C80,0 100,40 100,20" stroke="#10b981" stroke-width="2" fill="none" />
283
+ </svg>
284
+ <div class="absolute -top-6 right-1/4 text-xs text-green-500">碳纳米管</div>
285
+ </div>
286
+
287
+ <!-- Carbon Fiber line -->
288
+ <div class="absolute" style="bottom: 30%; left: 5%; width: 90%; height: 80%">
289
+ <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="w-full h-full">
290
+ <path d="M0,60 C20,50 40,70 60,40 C80,10 100,30 100,20" stroke="#8b5cf6" stroke-width="2" fill="none" />
291
+ </svg>
292
+ <div class="absolute -top-6 right-1/2 text-xs text-purple-500">碳纤维</div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ <div class="p-4 bg-gray-50 flex flex-wrap gap-2">
299
+ <span class="trend-tag px-3 py-1 bg-gray-200 rounded-full text-sm cursor-pointer">石墨烯</span>
300
+ <span class="trend-tag px-3 py-1 bg-gray-200 rounded-full text-sm cursor-pointer">碳纳米管</span>
301
+ <span class="trend-tag px-3 py-1 bg-gray-200 rounded-full text-sm cursor-pointer">碳纤维</span>
302
+ <span class="trend-tag px-3 py-1 bg-gray-200 rounded-full text-sm cursor-pointer">富勒烯</span>
303
+ <span class="trend-tag px-3 py-1 bg-gray-200 rounded-full text-sm cursor-pointer">碳量子点</span>
304
+ <span class="trend-tag px-3 py-1 bg-gray-200 rounded-full text-sm cursor-pointer">石墨炔</span>
305
+ </div>
306
+ </section>
307
+ </main>
308
+
309
+ <!-- Floating AI Assistant -->
310
+ <div class="fixed bottom-6 right-6">
311
+ <button class="floating-btn bg-primary text-white rounded-full p-4 shadow-lg hover:bg-accent transition flex items-center">
312
+ <i class="fas fa-robot text-xl mr-2"></i>
313
+ <span class="hidden md:inline-block">智能问答助手 · 问我任何科技问题</span>
314
+ <span class="md:hidden">AI助手</span>
315
+ </button>
316
+ </div>
317
+
318
+ <!-- Footer -->
319
+ <footer class="bg-gray-50 border-t py-8">
320
+ <div class="container mx-auto px-4">
321
+ <div class="flex flex-col md:flex-row justify-between">
322
+ <div class="mb-6 md:mb-0">
323
+ <h3 class="text-lg font-semibold text-primary mb-3">智研汇 · 科技知识平台</h3>
324
+ <p class="text-gray-600 max-w-md">连接全球科技资源，加速科研创新与知识转化</p>
325
+ </div>
326
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
327
+ <div>
328
+ <h4 class="font-semibold mb-3">资源</h4>
329
+ <ul class="space-y-2 text-gray-600">
330
+ <li><a href="#" class="hover:text-primary">研究论文</a></li>
331
+ <li><a href="#" class="hover:text-primary">技术专利</a></li>
332
+ <li><a href="#" class="hover:text-primary">科研项目</a></li>
333
+ </ul>
334
+ </div>
335
+ <div>
336
+ <h4 class="font-semibold mb-3">服务</h4>
337
+ <ul class="space-y-2 text-gray-600">
338
+ <li><a href="#" class="hover:text-primary">专家咨询</a></li>
339
+ <li><a href="#" class="hover:text-primary">技术评估</a></li>
340
+ <li><a href="#" class="hover:text-primary">知识图谱</a></li>
341
+ </ul>
342
+ </div>
343
+ <div>
344
+ <h4 class="font-semibold mb-3">关于我们</h4>
345
+ <ul class="space-y-2 text-gray-600">
346
+ <li><a href="#" class="hover:text-primary">平台介绍</a></li>
347
+ <li><a href="#" class="hover:text-primary">加入我们</a></li>
348
+ <li><a href="#" class="hover:text-primary">联系我们</a></li>
349
+ </ul>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ <div class="border-t mt-8 pt-6 text-center text-gray-500 text-sm">
354
+ © 2023 智研汇科技知识平台. 保留所有权利.
355
+ </div>
356
+ </div>
357
+ </footer>
358
+
359
+ <script>
360
+ // Toggle search suggestions
361
+ const searchInput = document.querySelector('input');
362
+ const suggestionsDropdown = document.querySelector('.suggestions-dropdown');
363
+
364
+ searchInput.addEventListener('focus', () => {
365
+ suggestionsDropdown.classList.remove('hidden');
366
+ });
367
+
368
+ searchInput.addEventListener('blur', () => {
369
+ setTimeout(() => {
370
+ suggestionsDropdown.classList.add('hidden');
371
+ }, 200);
372
+ });
373
+
374
+ // Mobile menu toggle
375
+ const mobileMenuButton = document.querySelector('button.md\\:hidden');
376
+ mobileMenuButton.addEventListener('click', () => {
377
+ alert('移动端菜单功能需要实现');
378
+ });
379
+
380
+ // Trend tag interaction
381
+ const trendTags = document.querySelectorAll('.trend-tag');
382
+ trendTags.forEach(tag => {
383
+ tag.addEventListener('click', () => {
384
+ alert('趋势标签 "' + tag.textContent + '" 被选中');
385
+ });
386
+ });
387
+ </script>
388
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maomaobj/search1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
389
+ </html>