Skip to content

Commit 76f1927

Browse files
jondyjondy
committed
Refine learn home
1 parent e47a3fa commit 76f1927

File tree

1 file changed

+110
-11
lines changed

1 file changed

+110
-11
lines changed

‎pyarmor/index.html

Lines changed: 110 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,116 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3-
<html>
1+
<!doctype html>
2+
<html data-bs-theme="auto">
43
<head>
5-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>Pyarmor Learning System</title>
7+
<link href="assets/bootstrap-5.3.3/bootstrap.min.css" rel="stylesheet">
78
</head>
89
<body>
9-
<h3>Pyarmor Learning System</h3>
10-
<ul>
11-
<li><a href="learn/index.html">Learn</a></li>
12-
<li><a href="try/index.html">Try</a></li>
13-
<li><a href="ask/index.html">Ask</a></li>
14-
<li><a href="docs/index.html">Docs</a></li>
15-
</ul>
10+
<div class="part-en">
11+
<h3 class="m-3">Pyarmor Learning System</h3>
12+
<button class="btn btn-light btn-sm zh mx-3">中文</button>
13+
<div class="row row-cols-1 row-cols-md-4 g-4 my-3 mx-2">
14+
<div class="col">
15+
<div class="card">
16+
<div class="card-body">
17+
<h5 class="card-title text-center">Learn</h5>
18+
<a href="learn/en/index.html" class="btn btn-light">
19+
Learn Pyarmor concepts, how to use Pyarmor and how to fix issues
20+
</a>
21+
</div>
22+
</div>
23+
</div>
24+
<div class="col">
25+
<div class="card">
26+
<div class="card-body">
27+
<h5 class="card-title text-center">Try</h5>
28+
<a href="try/en/index.html" class="btn btn-light">
29+
Try some features which not in trial version
30+
</a>
31+
</div>
32+
</div>
33+
</div>
34+
<div class="col">
35+
<div class="card">
36+
<div class="card-body">
37+
<h5 class="card-title text-center">Ask</h5>
38+
<a href="learn/en/index.html" class="btn btn-light">
39+
Something is wrong, or something is not ure, ask Pyarmor
40+
</a>
41+
</div>
42+
</div>
43+
</div>
44+
<div class="col">
45+
<div class="card">
46+
<div class="card-body">
47+
<h5 class="card-title text-center">Docs</h5>
48+
<a href="learn/en/index.html" class="btn btn-light">
49+
Pyarmor 9.1 new features online documentation
50+
</a>
51+
</div>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
<div class="part-zh d-none">
57+
<h3 class="m-3">Pyarmor 学习系统</h3>
58+
<button class="btn btn-light btn-sm en mx-3">English</button>
59+
<div class="row row-cols-1 row-cols-md-4 g-4 my-3 mx-2">
60+
<div class="col">
61+
<div class="card">
62+
<div class="card-body">
63+
<h5 class="card-title text-center">学习</h5>
64+
<a href="learn/zh/index.html" class="btn btn-light">
65+
学习 Pyarmor 的概念，以及如何使用 Pyarmor 和解决常见问题
66+
</a>
67+
</div>
68+
</div>
69+
</div>
70+
<div class="col">
71+
<div class="card">
72+
<div class="card-body">
73+
<h5 class="card-title text-center">在线试用</h5>
74+
<a href="try/zh/index.html" class="btn btn-light">
75+
在线使用 Pyarmor 的加密功能，特别是某些在试用版本中没有的功能
76+
</a>
77+
</div>
78+
</div>
79+
</div>
80+
<div class="col">
81+
<div class="card">
82+
<div class="card-body">
83+
<h5 class="card-title text-center">答疑解惑</h5>
84+
<a href="learn/zh/index.html" class="btn btn-light">
85+
当出现问题需要解决的时候，或者对某些功能有疑惑，在这里答疑解惑
86+
</a>
87+
</div>
88+
</div>
89+
</div>
90+
<div class="col">
91+
<div class="card">
92+
<div class="card-body">
93+
<h5 class="card-title text-center">文档</h5>
94+
<a href="learn/zh/index.html" class="btn btn-light">
95+
Pyarmor 9.1 新功能的在线文档
96+
</a>
97+
</div>
98+
</div>
99+
</div>
100+
</div>
101+
</div>
102+
103+
<script>
104+
window.addEventListener("DOMContentLoaded", () => {
105+
document.querySelector("button.zh").addEventListener("click", (e) => {
106+
document.querySelector("div.part-zh").classList.remove('d-none')
107+
document.querySelector("div.part-en").classList.add('d-none')
108+
})
109+
document.querySelector("button.en").addEventListener("click", (e) => {
110+
document.querySelector("div.part-zh").classList.add('d-none')
111+
document.querySelector("div.part-en").classList.remove('d-none')
112+
})
113+
})
114+
</script>
16115
</body>
17116
</html>

0 commit comments

Comments
 (0)