-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
100 lines (90 loc) · 4.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1280, initial-scale=1.0">
<meta name="description" content="一个可视化的快捷键浏览器">
<meta name="author" content="Haujet Zhao fork（原作者：Waldo Bronchart）">
<meta property="og:image" content="content/images/screenshot.jpg" />
<!-- <link rel="shortcut icon" href="content/images/favicon.ico"> -->
<link rel="icon" href="content/images/favicon.svg" type="image/svg+xml">
<title>快捷键映射图（ShortcutMapper）</title>
<link href="content/stylesheets/style.css" rel="stylesheet">
<script src="content/javascripts/jquery-2.0.3.min.js"></script>
<script src="content/javascripts/jquery-ui-1.9.2.min.js"></script>
<script src="content/javascripts/chosen.jquery.min.js"></script>
<script src="content/keyboards/keyboards.js"></script>
<script src="content/generated/apps.js"></script>
<script src="content/javascripts/utils.js"></script>
<script src="content/javascripts/keyboard.js"></script>
<script src="content/javascripts/manager.js"></script>
<script type="text/javascript">
$(function() {
var shortcutMapper = new ShortcutMapper();
shortcutMapper.init();
})
</script>
</head>
<body>
<div id="mainwrap">
<header>
<h1>快捷键映射图</h1>
<p>一个可视化的快捷键浏览器。可以跟随 <a href='https://www.bilibili.com/video/BV1GX4y1L7EY'>视频教程</a> 添加快捷键。<br>
按下 Ctrl + F5 可更新缓存
</p>
<div id="banners">
<ul>
<li class="github">
<a href="https://github.com/HaujetZhao/ShortcutMapper_Chinese">Github<span class="icon"></span></a>
</li>
<li class="gitee">
<a href="https://gitee.com/haujet/ShortcutMapper_Chinese">Gitee<span class="gitee-icon"></span></a>
</li>
</ul>
</div>
<nav>
<div class="inputgroup">
<!-- leave no spaces between selects -->
<select id="application_select" name="application_select" class="leftfield chosen-select">
</select><select id="version_select" name="version_select" class="rightfield chosen-select">
</select>
</div>
<div class="inputgroup">
<select id="context_select" name="context_select" class="chosen-select"></select>
</div>
<div class="inputgroup">
<!-- leave no spaces between buttons -->
<button id="os_windows" class="os-radiobutton os-windows leftfield" data-os="windows"><b></b>
</button><button id="os_osx" class="os-radiobutton os-mac midfield" data-os="mac"><b></b>
</button><button id="os_linux" class="os-radiobutton os-linux rightfield" data-os="windows"><b></b></button>
</div>
<div class="inputgroup">
<select id="keyboardtype_select" name="keyboardtype_select" class="chosen-select keyboard-select"></select>
</div>
</nav>
</header>
<div id="content">
<div id="contentwrap">
<div id="keycontent"></div>
<div id="othercontent">
<div id="keyinfo"></div>
<div id="search">
<div id="searchbox">
<input id="searchfield" name="searchfield" placeholder="搜索快捷键..." />
<span class="icon"></span>
<div id="search_results"></div>
</div>
</div>
<div id="mousecontent"></div>
</div>
</div>
</div>
<div id="search_blurdetect"></div>
<div id="footer">
<span>
由 <a href="http://waldobronchart.be/">Waldo Bronchart</a> (<a href="https://twitter.com/wbronchart">@wbronchart</a>) 开发，此中文版为 <a href="https://space.bilibili.com/62637562">Haujet Zhao</a> 的 fork。</br>
</span>
</div>
</div>
</body>
</html>