-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
146 lines (140 loc) · 6.64 KB
/
Copy pathindex.html
File metadata and controls
146 lines (140 loc) · 6.64 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>pyTeachConnect - 教师信息高效传递工具</title>
<!-- 页面主题色（会被脚本动态更新为 favicon 主色） -->
<meta name="theme-color" content="#2563eb">
<!-- 页面图标 -->
<link rel="icon" href="assets/favicon.png" type="image/png">
<!-- 引入字体图标 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- 引入 Google 字体 -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- 引入CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar">
<div class="container nav-wrap">
<a href="#" class="logo">
<!-- 牛角图标已移除 -->
<span class="visually-hidden">pyTeachConnect</span>
<span class="logo-text">pyTeachConnect</span>
</a>
<div class="nav-right">
<ul class="nav-links">
<li><a href="#hero">首页</a></li>
<li><a href="#features">核心功能</a></li>
<li><a href="#usage">使用步骤</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
<!-- 新增 Bilibili 链接，复用 github-btn 样式作为 bili-btn -->
<a href="https://space.bilibili.com/1904477159?spm_id_from=333.1007.0.0" target="_blank" class="github-btn bili-btn" aria-label="Bilibili">
<i class="fab fa-bilibili" aria-hidden="true"></i> B站
</a>
<a href="https://github.com/pyteachconnect" target="_blank" class="github-btn" aria-label="GitHub">
<i class="fab fa-github" aria-hidden="true"></i> 源码
</a>
<button class="nav-toggle" aria-label="切换导航" aria-expanded="false">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</nav>
<!-- 核心介绍区 -->
<section id="hero" class="hero">
<div class="container hero-wrap">
<div class="hero-text">
<h1>教师信息，<span>一键传递</span></h1>
<p>pyTeachConnect 专为教学场景设计，实现教师通知、教学安排、学习要求的高效分发与触达</p>
<div class="hero-ctas">
<a href="https://github.com/pyteachconnect" target="_blank" class="btn">立即使用</a>
<a href="#features" class="btn btn-outline">查看功能</a>
</div>
<div class="badges">
<span class="badge">开源 · 免费</span>
<span class="badge">轻量 · 易集成</span>
</div>
</div>
<div class="hero-img">
<img src="assets/image/form_example.png" alt="教师信息传递演示" loading="lazy">
</div>
</div>
</section>
<!-- 核心功能区 -->
<section id="features" class="feature">
<div class="container">
<h2 class="section-title">核心功能</h2>
<div class="feature-cards">
<article class="feature-card">
<i class="fas fa-paper-plane" aria-hidden="true"></i>
<h3>高效传递教师信息</h3>
<p>支持文本、文件形式的教师信息快速分发，覆盖学生端多渠道触达，确保信息传递无遗漏。</p>
</article>
<article class="feature-card">
<i class="fas fa-user-cog" aria-hidden="true"></i>
<h3>可配置化工作流</h3>
<p>通过简单配置即可设定接收对象、发送周期和优先级，满足不同教学场景需求。</p>
</article>
<article class="feature-card">
<i class="fas fa-lock" aria-hidden="true"></i>
<h3>隐私与安全</h3>
<p>注重数据安全与权限控制，帮助学校和教师规范信息分发流程。</p>
</article>
</div>
</div>
</section>
<!-- 使用步骤 -->
<section id="usage" class="usage">
<div class="container">
<h2 class="section-title">使用步骤</h2>
<div class="steps-wrap">
<div class="step-item">
<span class="step-num">1</span>
<div class="step-content">
<h3>克隆仓库</h3>
<p>执行 <code>git clone https://github.com/pyteachconnect/仓库名.git</code> 获取工具源码</p>
</div>
</div>
<div class="step-item">
<span class="step-num">2</span>
<div class="step-content">
<h3>配置信息</h3>
<p>在配置文件中填写需传递的教师信息、接收对象等内容</p>
</div>
</div>
<div class="step-item">
<span class="step-num">3</span>
<div class="step-content">
<h3>一键分发</h3>
<p>执行启动命令，完成教师信息的批量、高效传递</p>
</div>
</div>
</div>
</div>
</section>
<!-- 联系/CTA -->
<section id="contact" class="contact-cta">
<div class="container cta-wrap">
<h2>开始使用 pyTeachConnect</h2>
<p>立即在本地试用或将其部署到内部服务器，快速提升教学信息的分发效率。</p>
<a href="https://github.com/pyteachconnect" target="_blank" class="btn">查看源码与文档</a>
</div>
</section>
<!-- 页脚 -->
<footer id="footer" class="footer">
<div class="container footer-wrap">
<p>© 2025 pyTeachConnect | 专注教师信息高效传递的Python工具</p>
<div class="socials">
<a href="https://github.com/pyteachconnect" target="_blank" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="https://space.bilibili.com/1904477159?spm_id_from=333.1007.0.0" target="_blank" aria-label="Bilibili"><i class="fab fa-bilibili"></i></a>
</div>
</div>
</footer>
<!-- 引入JS -->
<script src="script.js"></script>
</body>
</html>