huanghai
/
dsProject
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'commit'

Browse Source
main
HuangHai 1 week ago
parent 06ddcf3b15
commit e7b86e725d
1 changed files with 153 additions and 141 deletions
Show Stats Download Patch File Download Diff File

294
dsLightRag/static/ai.html
Unescape View File

@ -4,187 +4,199 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【东师理想】教学大模型</title> <title>【东师理想】教学大模型</title>
<link rel="icon" href="data:,"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style> <style>
body { :root {
font-family: 'Microsoft YaHei', sans-serif; --primary-color: #4361ee;
--secondary-color: #3a0ca3;
--accent-color: #4cc9f0;
--light-color: #f8f9fa;
--dark-color: #212529;
}
* {
box-sizing: border-box;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f5f5f5; }
body {
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
line-height: 1.6;
color: var(--dark-color);
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
} }
.container { .container {
max-width: 800px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 2rem;
} }
h1 { header {
color: #333;
text-align: center; text-align: center;
margin-bottom: 3rem;
padding: 2rem 0;
background: rgba(255, 255, 255, 0.9);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
} }
.data-area { h1 {
background-color: white; font-size: 2.5rem;
border-radius: 8px; color: var(--secondary-color);
padding: 20px; margin-bottom: 1rem;
margin-bottom: 20px; background: linear-gradient(to right, #4361ee, #3a0ca3);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-background-clip: text;
} -webkit-text-fill-color: transparent;
.input-area {
background-color: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
textarea {
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
resize: none;
margin-bottom: 10px;
margin-right: 20px;
}
button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
margin-right: 10px;
}
button:hover {
background-color: #45a049;
}
#clearBtn {
background-color: #f44336;
}
#clearBtn:hover {
background-color: #d32f2f;
}
#saveWordBtn {
background-color: #2196F3;
}
.icon {
margin-right: 5px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} }
.doc-links { .subtitle {
display: flex; color: #6c757d;
gap: 20px; font-size: 1.1rem;
margin: 20px 0; margin-bottom: 1.5rem;
align-items: center;
} }
.card-container {
.doc-checkboxes { display: grid;
display: flex; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px; gap: 2rem;
margin-bottom: 10px; margin-top: 2rem;
} }
.doc-checkboxes label { .card {
display: flex; background: rgba(255, 255, 255, 0.9);
align-items: center; border-radius: 16px;
gap: 5px; padding: 2rem;
cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
text-align: center;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
} }
.examples { .card:hover {
margin: 20px 0; transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} }
.example-category { .card i {
margin-bottom: 15px; font-size: 2.5rem;
color: var(--primary-color);
margin-bottom: 1rem;
} }
.example-category h3 { .card h3 {
margin-bottom: 10px; font-size: 1.5rem;
color: #333; margin-bottom: 1rem;
color: var(--secondary-color);
} }
.example-list { .card p {
display: flex; color: #6c757d;
flex-wrap: wrap; margin-bottom: 1.5rem;
gap: 10px;
} }
.example-item { .btn {
padding: 8px 12px; display: inline-block;
background-color: #e9f5ff; background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
border-radius: 4px; color: white;
padding: 0.8rem 1.5rem;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer; cursor: pointer;
transition: all 0.2s;
} }
.example-item:hover { .btn:hover {
background-color: #d0e3fa; transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
} }
.input-area textarea#questionInput { footer {
margin-right: 10px !important; text-align: center;
width: calc(100% - 10px); margin-top: 3rem;
box-sizing: border-box; padding: 1.5rem;
color: #6c757d;
font-size: 0.9rem;
} }
#answerArea { @media (max-width: 768px) {
min-height: 240px; .container {
height: auto; padding: 1rem;
overflow-y: auto; }
}
.loading-animation { h1 {
display: flex; font-size: 2rem;
flex-direction: column; }
align-items: center;
justify-content: center;
height: 200px;
color: #666;
}
.spinner { .card-container {
width: 40px; grid-template-columns: 1fr;
height: 40px; }
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 10px;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>【东师理想】教育大模型</h1> <header>
<center> <h1>【东师理想】教育大模型</h1>
<h3><a href="Math.html">【知识库示例】、小学数学</a><br> <p class="subtitle">智能教育解决方案，助力教学创新</p>
<a href="ChangChun.html">【网络爬虫示例】、长春市教育信息资讯库</a><br> </header>
<a href="ShiJi.html">【关系图谱示例】、少年读史记</a><br>
<a href="tree.html">【进行中，知识图谱示例】、小学数学知识图谱</a><br> <div class="card-container">
<a href="SuShi.html">【苏轼专题】</a><br> <div class="card">
<a href="Chemistry.html">【化学专题】</a> <i class="fas fa-book"></i>
</h3> <h3>小学数学</h3>
</center> <p>探索小学数学知识库示例</p>
</div> <a href="Math.html" class="btn" target="_blank">进入 <i class="fas fa-arrow-right"></i></a>
</div>
<div class="card">
<i class="fas fa-globe"></i>
<h3>长春教育资讯</h3>
<p>网络爬虫采集的教育信息库</p>
<a href="ChangChun.html" class="btn" target="_blank">进入 <i class="fas fa-arrow-right"></i></a>
</div>
<div class="card">
<i class="fas fa-project-diagram"></i>
<h3>少年读史记</h3>
<p>关系图谱应用示例</p>
<a href="ShiJi.html" class="btn" target="_blank">进入 <i class="fas fa-arrow-right"></i></a>
</div>
<div class="card">
<i class="fas fa-user-graduate"></i>
<h3>苏轼专题</h3>
<p>宋代文学家苏轼专题研究</p>
<a href="SuShi.html" class="btn" target="_blank">进入 <i class="fas fa-arrow-right"></i></a>
</div>
<div class="card">
<i class="fas fa-flask"></i>
<h3>化学专题</h3>
<p>化学知识专题库</p>
<a href="Chemistry.html" class="btn" target="_blank">进入 <i class="fas fa-arrow-right"></i></a>
</div>
<div class="card">
<i class="fas fa-sitemap"></i>
<h3>知识图谱</h3>
<p>小学数学知识图谱(开发中)</p>
<a href="tree.html" class="btn" target="_blank">进入 <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<footer>
<p>© 2023 东师理想教育大模型 | 智能教育平台</p>
</footer>
</div>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save