ShortcutMapper_Chinese
/
index.html

<!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>