-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
182 lines (167 loc) · 8.33 KB
/
index.html
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
<!doctype html>
<html lang="zh">
<head>
<script src="./js/public_style.js"></script> <!-- 公共样式 -->
<script src="./js/index_animation.js"></script> <!-- 动画 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Class Widgets | 全新桌面课表 - Class Widgets 下载</title>
<link rel="icon" href="./assets/favicon.ico"> <!-- 网站图标 -->
<meta name="description" content="欢迎来到 Class Widgets 官方网站 | 全新桌面课程表，与未来形态的课程表问好"> <!-- 网站描述 -->
<meta name="keywords" content="Class Widgets, ClassWidgets, 桌面课表, 课程表, 软件, 应用, 教学, 教学, 教学工具, 高效, 实用, CW, classwidgets, class widgets, 下载, 官方, class widgets 下载"> <!-- 网站关键字 -->
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" media="(max-width: 1200px)" href="./css/index_mobile.css">
<link rel="stylesheet" href="./assets/icon/FluentSystemIcons-Resizable.css">
<meta name="baidu-site-verification" content="codeva-C8otDGNRN6" /> <!-- 百度 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SiteNavigationElement",
"name": ["首页", "下载 Class Widgets", "使用文档", "开发文档", "社区"],
"url": [
"https://classwidgets.rinlit.cn",
"https://classwidgets.rinlit.cn",
"https://classwidgets.rinlit.cn/docs-user",
"https://classwidgets.rinlit.cn/docs-dev",
"https://classwidgets.rinlit.cn/contact"
]
}
</script>
</head>
<body>
<!-- header -->
<div id="header"></div> <!-- 用公共样式引入 -->
<!-- banner -->
<div class="banner">
<div class="wrapper">
<div class="left">
<img src="./assets/logo_square.png" alt="Class Widgets 徽标">
<h2>Class Widgets</h2>
<p>全新桌面课表</p>
<div class="bottom">
<a href="https://classwidgets.lao-shui.top/download" target="_blank" class="pushButton primary">
<i class="icon-ic_fluent_arrow_download_20_filled"></i>
现在下载
</a>
<div class="links">
<a href="docs-user.html" class="link">使用文档</a>
<a href="contact.html" class="link">社区</a>
</div>
</div>
</div>
</div>
</div>
<!-- introduction -->
<div class="intro" id="intro_1"> <!-- intro1 -->
<div class="wrapper">
<h2 class="animation">向<strong>未来形态</strong>的课程表<br>说你好</h2>
<div class="img-container">
<img src="./assets/intro/cw_layout_1.png" alt="Class Widgets">
</div>
<p>Class Widgets 是一款能够显示实时教学进度的桌面组件应用。其提供了美观的桌面组件和高度的自定义选项，助力于思考和探索未来中科技与教学的结合。</p>
</div>
</div>
<!-- features -->
<div class="intro" id="feat_1"> <!-- feat.plugin&theme -->
<div class="wrapper">
<div class="left">
<h2 class="animation">插件 & 主题<br><strong>极致自定义</strong></h2>
<p>在 Class Widgets 中，提供了基于 Python 的插件系统和“插件广场”；你可以在“插件广场”中安装您需要的插件。以及彰显个性的主题系统，让你搭建出独一无二的 Class Widgets。</p>
</div>
<img src="./assets/intro/theme&plugin_1.png" alt="Class Widgets">
</div>
</div>
<div class="intro" id="feat_2"> <!-- feat.compatibility -->
<div class="wrapper">
<div class="carousel">
<div class="screenshot-container">
<img src="./assets/img/screenshots/win.png" alt="Class Widgets">
<img src="./assets/img/screenshots/win7.png" alt="Class Widgets">
<img src="./assets/img/screenshots/linux.png" alt="Class Widgets">
<img src="./assets/img/screenshots/macos.png" alt="Class Widgets">
</div>
<button class="prev">
<i class="icon-ic_fluent_caret_left_20_filled"></i>
</button>
<button class="next">
<i class="icon-ic_fluent_caret_right_20_filled"></i>
</button>
</div>
<div class="right">
<h2 class="animation"><strong>近乎完美</strong>的<br>兼容性</h2>
<p>Class Widgets 由 Python 构建<a href="#fn1" class="footnote">1</a>
<br>得以兼容 Windows、Linux、macOS 三大主流操作系统</p>
</div>
</div>
</div>
<div class="intro" id="more_feats"> <!-- more features -->
<div class="wrapper">
<h2 class="animation">往下看，精彩继续。</h2>
<div class="cards_grid">
<div class="card">
<div class="top">
<i class="icon-ic_fluent_alert_badge_20_regular"></i>
<h3>增强的通知系统</h3>
</div>
<p>Class Widgets 提供了强大的通知系统，能够在上下课等时间点推出提醒；此外，插件也可调用通知接口，使其更加实用。</p>
</div>
<div class="card">
<div class="top">
<i class="icon-ic_fluent_settings_20_regular"></i>
<h3>高度的自定义设置</h3>
</div>
<p>Class Widgets 致力于提供高度的自定义选项，使每位用户能构建出独一无二的桌面课表。</p>
</div>
<div class="card">
<div class="top">
<i class="icon-ic_fluent_window_ad_20_regular"></i>
<h3>浮窗</h3>
</div>
<p>全新隐藏方式——浮窗，能够让 Class Widgets 的重要信息浓缩为一块浮动的窗口，更轻巧便捷。尽量减小其对教学工作的干扰。</p>
</div>
<div class="card">
<div class="top">
<i class="icon-ic_fluent_design_ideas_20_regular"></i>
<h3>Fluent Design (流畅设计)</h3>
<a href="https://fluent2.microsoft.design/" target="_blank" class="toolButton primary">
<i class="icon-ic_fluent_chevron_right_20_filled"></i>
</a>
</div>
<p>Class Widgets 采用了由微软推出的 Fluent Design 设计语言，使界面更加简洁、舒适和流畅，且使用了 QFluentWidgets UI库。</p>
</div>
</div>
</div>
</div>
<div class="intro" id="download">
<div class="wrapper">
<h2>更多特性等你自行体验</h2>
<div class="bottom">
<a href="download.html" target="_blank" class="pushButton primary">
<i class="icon-ic_fluent_arrow_download_20_filled"></i>
下载 Class Widgets
</a>
<a href="https://github.com/Class-Widgets/Class-Widgets" target="_blank" class="pushButton">
<i><img src="assets/svg/github.svg" alt="123 网盘" height="20"></i>
在 GitHub 了解更多
</a>
</div>
</div>
</div>
<!-- footnote脚注 -->
<div class="footnotes">
<div class="wrapper">
<ul>
<li id="fn1">1. 截图上传用户分别为：
<a href="#fn1">HurtGhostMeow</a>、
<a href="#fn1">浪浪biubiu</a>、
<a href="#fn1">neko_lfj</a>、
<a href="#fn1">swx</a>
</li>
</ul>
</div>
</div>
<!-- footer -->
<div id="footer"></div> <!-- 用公共样式引入 -->
</body>
</html>