Hugging Face's logo

Spaces:
tongxiaojun
/
jtdinfo-com
Running

App Files Community
tongxiaojun commited on
Commit
f7cabc6
·
verified ·
1 Parent(s): 3cd6f75

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +581 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Jtdinfo Com
3
- emoji: 🚀
4
- colorFrom: pink
5
- colorTo: red
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: jtdinfo-com
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: green
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,581 @@
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>JTDInfo - 教育游戏平台</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
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Noto Sans SC', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .hero-gradient {
18
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
19
+ }
20
+
21
+ .game-card:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
24
+ }
25
+
26
+ .progress-ring__circle {
27
+ transition: stroke-dashoffset 0.35s;
28
+ transform: rotate(-90deg);
29
+ transform-origin: 50% 50%;
30
+ }
31
+
32
+ .floating {
33
+ animation: floating 3s ease-in-out infinite;
34
+ }
35
+
36
+ @keyframes floating {
37
+ 0% { transform: translateY(0px); }
38
+ 50% { transform: translateY(-10px); }
39
+ 100% { transform: translateY(0px); }
40
+ }
41
+ </style>
42
+ </head>
43
+ <body>
44
+ <!-- 导航栏 -->
45
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
46
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
47
+ <div class="flex justify-between h-16">
48
+ <div class="flex items-center">
49
+ <div class="flex-shrink-0 flex items-center">
50
+ <i class="fas fa-gamepad text-indigo-600 text-2xl mr-2"></i>
51
+ <span class="text-xl font-bold text-gray-900">JTDInfo</span>
52
+ </div>
53
+ <div class="hidden md:ml-10 md:flex md:space-x-8">
54
+ <a href="#" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">首页</a>
55
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">课程</a>
56
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">游戏</a>
57
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">排行榜</a>
58
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">关于我们</a>
59
+ </div>
60
+ </div>
61
+ <div class="hidden md:ml-6 md:flex md:items-center">
62
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium">登录/注册</button>
63
+ </div>
64
+ <div class="-mr-2 flex items-center md:hidden">
65
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
66
+ <span class="sr-only">打开主菜单</span>
67
+ <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
68
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
69
+ </svg>
70
+ </button>
71
+ </div>
72
+ </div>
73
+ </div>
74
+
75
+ <!-- 移动菜单 -->
76
+ <div class="hidden md:hidden" id="mobile-menu">
77
+ <div class="pt-2 pb-3 space-y-1">
78
+ <a href="#" class="bg-indigo-50 border-indigo-500 text-indigo-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">首页</a>
79
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">课程</a>
80
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">游戏</a>
81
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">排行榜</a>
82
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">关于我们</a>
83
+ <div class="mt-4 px-4">
84
+ <button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-base font-medium">登录/注册</button>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </nav>
89
+
90
+ <!-- 英雄区域 -->
91
+ <div class="hero-gradient text-white">
92
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
93
+ <div class="text-center">
94
+ <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight">
95
+ 在游戏中学习，在学习中成长
96
+ </h1>
97
+ <p class="mt-6 max-w-lg mx-auto text-xl">
98
+ JTDInfo将教育与游戏完美结合，让学习变得有趣而高效。探索我们的互动课程和游戏，开启你的知识冒险之旅！
99
+ </p>
100
+ <div class="mt-10">
101
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-indigo-50">
102
+ 开始探索
103
+ <i class="fas fa-arrow-right ml-2"></i>
104
+ </a>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </div>
109
+
110
+ <!-- 特色游戏 -->
111
+ <div class="bg-white py-16 sm:py-24">
112
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
113
+ <div class="text-center">
114
+ <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
115
+ 精选教育游戏
116
+ </h2>
117
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
118
+ 我们的游戏专为不同年龄段和学习目标设计，让学习变得生动有趣
119
+ </p>
120
+ </div>
121
+
122
+ <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3">
123
+ <!-- 游戏卡片 1 -->
124
+ <div class="game-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300">
125
+ <div class="relative">
126
+ <img class="w-full h-48 object-cover" src="https://images.unsplash.com/photo-1589254065878-42a9da363cde?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="数学冒险">
127
+ <div class="absolute top-2 right-2 bg-yellow-400 text-xs font-bold px-2 py-1 rounded-full">
128
+ 热门
129
+ </div>
130
+ </div>
131
+ <div class="p-6">
132
+ <div class="flex items-center">
133
+ <span class="inline-block px-2 py-1 text-xs font-semibold text-indigo-600 bg-indigo-100 rounded-full">数学</span>
134
+ <span class="ml-2 text-xs text-gray-500">8-12岁</span>
135
+ </div>
136
+ <h3 class="mt-2 text-xl font-semibold text-gray-900">数学大冒险</h3>
137
+ <p class="mt-2 text-gray-600">通过冒险故事学习数学概念，解决谜题解锁新关卡。</p>
138
+ <div class="mt-4 flex items-center justify-between">
139
+ <div class="flex items-center">
140
+ <div class="flex -space-x-1">
141
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=28&q=80" alt="">
142
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=crop&w=28&q=80" alt="">
143
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&auto=format&fit=crop&w=28&q=80" alt="">
144
+ </div>
145
+ <span class="ml-2 text-sm text-gray-500">1.2万+ 玩家</span>
146
+ </div>
147
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">开始游戏 →</button>
148
+ </div>
149
+ </div>
150
+ </div>
151
+
152
+ <!-- 游戏卡片 2 -->
153
+ <div class="game-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300">
154
+ <div class="relative">
155
+ <img class="w-full h-48 object-cover" src="https://images.unsplash.com/photo-1546410531-bb4ca7556a68?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="英语单词挑战">
156
+ <div class="absolute top-2 right-2 bg-green-400 text-xs font-bold px-2 py-1 rounded-full">
157
+ 新上线
158
+ </div>
159
+ </div>
160
+ <div class="p-6">
161
+ <div class="flex items-center">
162
+ <span class="inline-block px-2 py-1 text-xs font-semibold text-green-600 bg-green-100 rounded-full">英语</span>
163
+ <span class="ml-2 text-xs text-gray-500">6-12岁</span>
164
+ </div>
165
+ <h3 class="mt-2 text-xl font-semibold text-gray-900">单词大挑战</h3>
166
+ <p class="mt-2 text-gray-600">通过趣味游戏记忆英语单词，提升词汇量和拼写能力。</p>
167
+ <div class="mt-4 flex items-center justify-between">
168
+ <div class="flex items-center">
169
+ <div class="flex -space-x-1">
170
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=28&q=80" alt="">
171
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-1.2.1&auto=format&fit=crop&w=28&q=80" alt="">
172
+ </div>
173
+ <span class="ml-2 text-sm text-gray-500">8,500+ 玩家</span>
174
+ </div>
175
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">开始游戏 →</button>
176
+ </div>
177
+ </div>
178
+ </div>
179
+
180
+ <!-- 游戏卡片 3 -->
181
+ <div class="game-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300">
182
+ <div class="relative">
183
+ <img class="w-full h-48 object-cover" src="https://images.unsplash.com/photo-1532094349884-543bc11b234d?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="编程实验室">
184
+ </div>
185
+ <div class="p-6">
186
+ <div class="flex items-center">
187
+ <span class="inline-block px-2 py-1 text-xs font-semibold text-purple-600 bg-purple-100 rounded-full">编程</span>
188
+ <span class="ml-2 text-xs text-gray-500">10-16岁</span>
189
+ </div>
190
+ <h3 class="mt-2 text-xl font-semibold text-gray-900">编程实验室</h3>
191
+ <p class="mt-2 text-gray-600">通过可视化编程学习基础逻辑，创建自己的小游戏和动画。</p>
192
+ <div class="mt-4 flex items-center justify-between">
193
+ <div class="flex items-center">
194
+ <div class="flex -space-x-1">
195
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=28&q=80" alt="">
196
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=28&q=80" alt="">
197
+ <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white" src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=28&q=80" alt="">
198
+ </div>
199
+ <span class="ml-2 text-sm text-gray-500">5,200+ 玩家</span>
200
+ </div>
201
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">开始游戏 →</button>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+
207
+ <div class="mt-12 text-center">
208
+ <a href="#" class="inline-flex items-center px-4 py-2 border border-gray-300 text-base font-medium rounded-md text-indigo-700 bg-white hover:bg-gray-50">
209
+ 查看所有游戏
210
+ <i class="fas fa-chevron-right ml-2"></i>
211
+ </a>
212
+ </div>
213
+ </div>
214
+ </div>
215
+
216
+ <!-- 学习进度 -->
217
+ <div class="bg-gray-50 py-16 sm:py-24">
218
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
219
+ <div class="lg:text-center">
220
+ <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
221
+ 个性化学习进度
222
+ </h2>
223
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
224
+ 跟踪你的学习进度，获得个性化推荐，最大化学习效果
225
+ </p>
226
+ </div>
227
+
228
+ <div class="mt-16">
229
+ <div class="bg-white shadow rounded-lg overflow-hidden">
230
+ <div class="px-6 py-8 sm:p-10">
231
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
232
+ <!-- 进度环 1 -->
233
+ <div class="flex flex-col items-center">
234
+ <div class="relative w-32 h-32">
235
+ <svg class="w-full h-full" viewBox="0 0 100 100">
236
+ <circle class="text-gray-200" stroke-width="8" stroke="currentColor" fill="transparent" r="40" cx="50" cy="50" />
237
+ <circle class="text-indigo-600 progress-ring__circle" stroke-width="8" stroke-linecap="round" stroke="currentColor" fill="transparent" r="40" cx="50" cy="50" stroke-dasharray="251.2" stroke-dashoffset="75.36" />
238
+ </svg>
239
+ <div class="absolute inset-0 flex items-center justify-center">
240
+ <span class="text-3xl font-bold text-gray-900">70%</span>
241
+ </div>
242
+ </div>
243
+ <h3 class="mt-4 text-lg font-medium text-gray-900">数学完成度</h3>
244
+ <p class="mt-1 text-sm text-gray-500">已掌握85个数学概念</p>
245
+ </div>
246
+
247
+ <!-- 进度环 2 -->
248
+ <div class="flex flex-col items-center">
249
+ <div class="relative w-32 h-32">
250
+ <svg class="w-full h-full" viewBox="0 0 100 100">
251
+ <circle class="text-gray-200" stroke-width="8" stroke="currentColor" fill="transparent" r="40" cx="50" cy="50" />
252
+ <circle class="text-green-500 progress-ring__circle" stroke-width="8" stroke-linecap="round" stroke="currentColor" fill="transparent" r="40" cx="50" cy="50" stroke-dasharray="251.2" stroke-dashoffset="125.6" />
253
+ </svg>
254
+ <div class="absolute inset-0 flex items-center justify-center">
255
+ <span class="text-3xl font-bold text-gray-900">50%</span>
256
+ </div>
257
+ </div>
258
+ <h3 class="mt-4 text-lg font-medium text-gray-900">英语完成度</h3>
259
+ <p class="mt-1 text-sm text-gray-500">已掌握320个单词</p>
260
+ </div>
261
+
262
+ <!-- 进度环 3 -->
263
+ <div class="flex flex-col items-center">
264
+ <div class="relative w-32 h-32">
265
+ <svg class="w-full h-full" viewBox="0 0 100 100">
266
+ <circle class="text-gray-200" stroke-width="8" stroke="currentColor" fill="transparent" r="40" cx="50" cy="50" />
267
+ <circle class="text-purple-500 progress-ring__circle" stroke-width="8" stroke-linecap="round" stroke="currentColor" fill="transparent" r="40" cx="50" cy="50" stroke-dasharray="251.2" stroke-dashoffset="175.84" />
268
+ </svg>
269
+ <div class="absolute inset-0 flex items-center justify-center">
270
+ <span class="text-3xl font-bold text-gray-900">30%</span>
271
+ </div>
272
+ </div>
273
+ <h3 class="mt-4 text-lg font-medium text-gray-900">编程完成度</h3>
274
+ <p class="mt-1 text-sm text-gray-500">已掌握15个编程概念</p>
275
+ </div>
276
+ </div>
277
+
278
+ <div class="mt-12">
279
+ <h3 class="text-lg font-medium text-gray-900">推荐学习内容</h3>
280
+ <div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2">
281
+ <div class="relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
282
+ <div class="flex-shrink-0">
283
+ <i class="fas fa-calculator text-indigo-600 text-2xl"></i>
284
+ </div>
285
+ <div class="flex-1 min-w-0">
286
+ <a href="#" class="focus:outline-none">
287
+ <span class="absolute inset-0" aria-hidden="true"></span>
288
+ <p class="text-sm font-medium text-gray-900">分数运算</p>
289
+ <p class="text-sm text-gray-500 truncate">数学大冒险 - 第5章</p>
290
+ </a>
291
+ </div>
292
+ </div>
293
+
294
+ <div class="relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
295
+ <div class="flex-shrink-0">
296
+ <i class="fas fa-code text-purple-600 text-2xl"></i>
297
+ </div>
298
+ <div class="flex-1 min-w-0">
299
+ <a href="#" class="focus:outline-none">
300
+ <span class="absolute inset-0" aria-hidden="true"></span>
301
+ <p class="text-sm font-medium text-gray-900">循环结构</p>
302
+ <p class="text-sm text-gray-500 truncate">编程实验室 - 第3章</p>
303
+ </a>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </div>
313
+
314
+ <!-- 教育理念 -->
315
+ <div class="bg-white py-16 sm:py-24">
316
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
317
+ <div class="lg:text-center">
318
+ <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
319
+ 我们的教育理念
320
+ </h2>
321
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
322
+ 将游戏化学习与科学教育方法相结合，创造最佳学习体验
323
+ </p>
324
+ </div>
325
+
326
+ <div class="mt-16">
327
+ <div class="grid grid-cols-1 gap-8 md:grid-cols-3">
328
+ <!-- 理念 1 -->
329
+ <div class="bg-indigo-50 rounded-lg p-6">
330
+ <div class="flex items-center">
331
+ <div class="flex-shrink-0 bg-indigo-100 rounded-md p-3">
332
+ <i class="fas fa-brain text-indigo-600 text-xl"></i>
333
+ </div>
334
+ <h3 class="ml-4 text-lg font-medium text-gray-900">认知发展</h3>
335
+ </div>
336
+ <p class="mt-4 text-gray-600">
337
+ 我们的游戏基于认知发展理论设计，针对不同年龄段的学习者提供适龄的学习内容和挑战。
338
+ </p>
339
+ </div>
340
+
341
+ <!-- 理念 2 -->
342
+ <div class="bg-green-50 rounded-lg p-6">
343
+ <div class="flex items-center">
344
+ <div class="flex-shrink-0 bg-green-100 rounded-md p-3">
345
+ <i class="fas fa-trophy text-green-600 text-xl"></i>
346
+ </div>
347
+ <h3 class="ml-4 text-lg font-medium text-gray-900">游戏化学习</h3>
348
+ </div>
349
+ <p class="mt-4 text-gray-600">
350
+ 通过积分、徽章、排行榜等游戏机制激发学习动力，让学习过程充满成就感和乐趣。
351
+ </p>
352
+ </div>
353
+
354
+ <!-- 理念 3 -->
355
+ <div class="bg-purple-50 rounded-lg p-6">
356
+ <div class="flex items-center">
357
+ <div class="flex-shrink-0 bg-purple-100 rounded-md p-3">
358
+ <i class="fas fa-chart-line text-purple-600 text-xl"></i>
359
+ </div>
360
+ <h3 class="ml-4 text-lg font-medium text-gray-900">自适应学习</h3>
361
+ </div>
362
+ <p class="mt-4 text-gray-600">
363
+ 智能算法根据学习者的表现调整难度和内容，确保每个学习者都能获得个性化的学习体验。
364
+ </p>
365
+ </div>
366
+ </div>
367
+
368
+ <div class="mt-12 bg-gray-50 rounded-lg overflow-hidden shadow">
369
+ <div class="px-6 py-12 sm:p-16">
370
+ <div class="flex flex-col md:flex-row items-center">
371
+ <div class="md:w-1/2">
372
+ <h3 class="text-2xl font-bold text-gray-900">教育游戏的研究支持</h3>
373
+ <p class="mt-4 text-gray-600">
374
+ 研究表明，游戏化学习可以提高学习者的参与度、记忆保持率和学习效果。我们的平台整合了最新的教育研究成果，确保学习效果最大化。
375
+ </p>
376
+ <div class="mt-6">
377
+ <a href="#" class="inline-flex items-center text-indigo-600 hover:text-indigo-800 font-medium">
378
+ 了解更多研究
379
+ <i class="fas fa-arrow-right ml-2"></i>
380
+ </a>
381
+ </div>
382
+ </div>
383
+ <div class="mt-8 md:mt-0 md:w-1/2 md:pl-12">
384
+ <div class="bg-white p-6 rounded-lg shadow">
385
+ <div class="flex items-start">
386
+ <div class="flex-shrink-0">
387
+ <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=80" alt="">
388
+ </div>
389
+ <div class="ml-4">
390
+ <h4 class="text-sm font-medium text-gray-900">李教授</h4>
391
+ <p class="text-sm text-gray-500">教育心理学专家</p>
392
+ <div class="mt-2 flex items-center">
393
+ <div class="flex items-center">
394
+ <i class="fas fa-star text-yellow-400"></i>
395
+ <i class="fas fa-star text-yellow-400"></i>
396
+ <i class="fas fa-star text-yellow-400"></i>
397
+ <i class="fas fa-star text-yellow-400"></i>
398
+ <i class="fas fa-star text-yellow-400"></i>
399
+ </div>
400
+ </div>
401
+ <p class="mt-2 text-sm text-gray-600">
402
+ "JTDInfo的游戏化学习平台完美结合了教育理论和游戏设计，为学生提供了既有趣又有效的学习体验。"
403
+ </p>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </div>
413
+ </div>
414
+
415
+ <!-- 家长控制 -->
416
+ <div class="bg-indigo-700 py-16 sm:py-24">
417
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
418
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
419
+ <div class="relative">
420
+ <img class="floating w-full max-w-lg mx-auto" src="https://images.unsplash.com/photo-1527689368864-3a821dbccc34?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="家长控制">
421
+ </div>
422
+ <div class="mt-12 lg:mt-0">
423
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
424
+ 家长控制功能
425
+ </h2>
426
+ <p class="mt-4 max-w-3xl text-lg text-indigo-200">
427
+ 我们理解家长对孩子在线学习的关注。JTDInfo提供全面的家长控制功能，让您能够：
428
+ </p>
429
+ <ul class="mt-8 space-y-4">
430
+ <li class="flex items-start">
431
+ <div class="flex-shrink-0">
432
+ <i class="fas fa-check-circle text-green-400 text-xl"></i>
433
+ </div>
434
+ <p class="ml-3 text-base text-indigo-100">
435
+ 设置每日学习时间限制
436
+ </p>
437
+ </li>
438
+ <li class="flex items-start">
439
+ <div class="flex-shrink-0">
440
+ <i class="fas fa-check-circle text-green-400 text-xl"></i>
441
+ </div>
442
+ <p class="ml-3 text-base text-indigo-100">
443
+ 查看详细的学习报告和进度
444
+ </p>
445
+ </li>
446
+ <li class="flex items-start">
447
+ <div class="flex-shrink-0">
448
+ <i class="fas fa-check-circle text-green-400 text-xl"></i>
449
+ </div>
450
+ <p class="ml-3 text-base text-indigo-100">
451
+ 管理可访问的游戏和内容
452
+ </p>
453
+ </li>
454
+ <li class="flex items-start">
455
+ <div class="flex-shrink-0">
456
+ <i class="fas fa-check-circle text-green-400 text-xl"></i>
457
+ </div>
458
+ <p class="ml-3 text-base text-indigo-100">
459
+ 接收每周学习总结邮件
460
+ </p>
461
+ </li>
462
+ </ul>
463
+ <div class="mt-8">
464
+ <a href="#" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-indigo-50">
465
+ 了解家长控制
466
+ <i class="fas fa-chevron-right ml-2"></i>
467
+ </a>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ </div>
472
+ </div>
473
+
474
+ <!-- 用户评价 -->
475
+ <div class="bg-white py-16 sm:py-24">
476
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
477
+ <div class="text-center">
478
+ <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
479
+ 用户评价
480
+ </h2>
481
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
482
+ 听听我们的学生和家长怎么说
483
+ </p>
484
+ </div>
485
+
486
+ <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3">
487
+ <!-- 评价 1 -->
488
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
489
+ <div class="p-6">
490
+ <div class="flex items-center">
491
+ <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=80" alt="">
492
+ <div class="ml-4">
493
+ <h4 class="text-sm font-medium text-gray-900">张先生</h4>
494
+ <p class="text-sm text-gray-500">家长</p>
495
+ </div>
496
+ </div>
497
+ <div class="mt-4 flex items-center">
498
+ <div class="flex items-center">
499
+ <i class="fas fa-star text-yellow-400"></i>
500
+ <i class="fas fa-star text-yellow-400"></i>
501
+ <i class="fas fa-star text-yellow-400"></i>
502
+ <i class="fas fa-star text-yellow-400"></i>
503
+ <i class="fas fa-star text-yellow-400"></i>
504
+ </div>
505
+ <span class="ml-2 text-sm text-gray-500">1周前</span>
506
+ </div>
507
+ <p class="mt-4 text-gray-600">
508
+ "我儿子以前对数学很抗拒，自从玩了数学大冒险后，他开始主动要求做数学题了。感谢JTDInfo让学习变得如此有趣！"
509
+ </p>
510
+ </div>
511
+ </div>
512
+
513
+ <!-- 评价 2 -->
514
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
515
+ <div class="p-6">
516
+ <div class="flex items-center">
517
+ <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=80" alt="">
518
+ <div class="ml-4">
519
+ <h4 class="text-sm font-medium text-gray-900">王女士</h4>
520
+ <p class="text-sm text-gray-500">家长</p>
521
+ </div>
522
+ </div>
523
+ <div class="mt-4 flex items-center">
524
+ <div class="flex items-center">
525
+ <i class="fas fa-star text-yellow-400"></i>
526
+ <i class="fas fa-star text-yellow-400"></i>
527
+ <i class="fas fa-star text-yellow-400"></i>
528
+ <i class="fas fa-star text-yellow-400"></i>
529
+ <i class="fas fa-star text-yellow-400"></i>
530
+ </div>
531
+ <span class="ml-2 text-sm text-gray-500">2周前</span>
532
+ </div>
533
+ <p class="mt-4 text-gray-600">
534
+ "家长控制功能非常实用，我可以随时了解孩子的学习进度，还能设置合理的学习时间。"
535
+ </p>
536
+ </div>
537
+ </div>
538
+
539
+ <!-- 评价 3 -->
540
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
541
+ <div class="p-6">
542
+ <div class="flex items-center">
543
+ <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=80" alt="">
544
+ <div class="ml-4">
545
+ <h4 class="text-sm font-medium text-gray-900">小明</h4>
546
+ <p class="text-sm text-gray-500">学生，10岁</p>
547
+ </div>
548
+ </div>
549
+ <div class="mt-4 flex items-center">
550
+ <div class="flex items-center">
551
+ <i class="fas fa-star text-yellow-400"></i>
552
+ <i class="fas fa-star text-yellow-400"></i>
553
+ <i class="fas fa-star text-yellow-400"></i>
554
+ <i class="fas fa-star text-yellow-400"></i>
555
+ <i class="fas fa-star text-yellow-400"></i>
556
+ </div>
557
+ <span class="ml-2 text-sm text-gray-500">3天前</span>
558
+ </div>
559
+ <p class="mt-4 text-gray-600">
560
+ "编程实验室太酷了！我已经做出了自己的小游戏，还分享给了同学们玩。"
561
+ </p>
562
+ </div>
563
+ </div>
564
+ </div>
565
+ </div>
566
+ </div>
567
+
568
+ <!-- 注册CTA -->
569
+ <div class="bg-indigo-700">
570
+ <div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8">
571
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
572
+ <span class="block">准备好开始学习冒险了吗？</span>
573
+ <span class="block">立即注册JTDInfo</span>
574
+ </h2>
575
+ <p class="mt-4 text-lg leading-6 text-indigo-200">
576
+ 加入数千名正在通过游戏快乐学习的学生行列
577
+ </p>
578
+ <a href="#" class="mt-8 w-full inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 sm:w-auto">
579
+ 免费注册
580
+ <i class="fas fa-arrow-right ml-3"></i
581
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 创建一个 jtdinfo.com 网站，按照 教育游戏方向设计。