[ { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2017 \n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# Keyboard-launch\nSimple and useful, one key to launch, so beautiful.\n\n简单与实用，一键直达，很是优雅。\n\nhttp://i.huguotao.com\n\n感谢 [ldong](https://github.com/ldong) 将其发布至 Chrome webstore ，下载连接：[Keyboard-launch](https://chrome.google.com/webstore/detail/keyboard-launch/oocaffggffdbbefcmjbgkpbgehpnbadh) \n" }, { "path": "web/index.html", "content": "\n\n \n \n \n 新标签页\n \n \n \n
\n \n \n \n \n
\n
\n
ㄨ
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
新窗口打开网页
搜索引擎\n \n
默认设置
鼠标点击按键即可设置对应网址
SCIOOGA ∙ GITHUB
\n
\n \n \n\n" }, { "path": "web/main.css", "content": "body {\n margin: 0;\n padding: 0;\n overflow: hidden;\n background-color: #f2f2f2;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n font-family: Sans-serif;\n}\n\n/*-----------SEARCH-----------*/\n\n#search {\n height: 40px;\n width: 500px;\n font-size: 1em;\n padding: 0 10px;\n position: absolute;\n top: 20%;\n left: 50%;\n margin-left: -250px;\n box-sizing: border-box;\n}\n\n#search:focus {\n outline: 1px solid #eee;\n}\n\n#search::-ms-input-placeholder {\n text-align: center;\n}\n\n#search::-webkit-input-placeholder {\n text-align: center;\n} \n\n/*-----------KEYBOARD-----------*/\n\n#keyboard {\n width: 860px;\n position: absolute;\n bottom: 20%;\n left: 50%;\n margin-left: -430px;\n}\n\n#keyboard ul {\n padding: 0px;\n margin: 16px;\n height: 50px;\n text-align: center;\n display: block;\n}\n\n#keyboard ul li {\n cursor: pointer;\n position: relative;\n display: inline-block;\n margin: 0 4px;\n height: 54px;\n border-radius: 10px;\n -webkit-box-shadow: inset 0 0 1px 0px #eee;\n -moz-box-shadow: inset 0 0 1px 0px #eee;\n box-shadow: inset 0 0 1px 0px #eee;\n}\n\n#keyboard ul span {\n height: 16px;\n width: 16px;\n margin: 0px 2px;\n padding: 16px 22px;\n background: #999;\n color: #333;\n border-radius: 8px;\n display: inline-block;\n list-style: none;\n border-top: 1px solid #fff;\n background: #fff;\n -webkit-box-shadow: inset 0 0 36px #ddd, 0 3px 0 #ddd, 0 4px 2px #666;\n -moz-box-shadow: inset 0 0 36px #ddd, 0 3px 0 #ddd, 0 4px 2px #666;\n box-shadow: inset 0 0 36px #ddd, 0 3px 0 #ddd, 0 4px 2px #666;\n}\n\n#keyboard ul li:hover, #keyboard ul li.keyDownLi {\n margin: 0px 5px;\n border-bottom: 3px solid #fff;\n box-shadow: inset 0 0px 8px #333;\n -moz-box-shadow: inset 0 0px 8px #333;\n -webkit-box-shadow: inset 0 0px 8px #333;\n}\n\n#keyboard ul li:hover span, #keyboard ul li span.keyDownSpan {\n padding: 15px 20px 16px;\n margin: 1px 3px 0px;\n border-top: 1px solid #fafafa;\n -webkit-box-shadow: inset 0 0 28px 5px #d2d2d2;\n -moz-box-shadow: inset 0 0 28px 5px #d2d2d2;\n box-shadow: inset 0 0 28px 5px #d2d2d2;\n\n -webkit-transform: scale(.98);\n -moz-transform: scale(.98);\n -o-transform: scale(.98);\n}\n\n.fav {\n width: 16px;\n height: 16px;\n position: absolute;\n left: 8px;\n bottom: 8px;\n opacity: .4;\n}\n\n/*-----------KEYBOARD-----------*/\n\n#setting {\n position: absolute;\n bottom: -320px;\n height: 320px;\n width: 100%;\n box-sizing: border-box;\n padding: 20px 20%;\n color: #666;\n background: #fff;\n box-shadow: 0 0 12px #ccc;\n transition: bottom .3s;\n}\n\n#setting .slideSwitch {\n display: inline-block;\n vertical-align: bottom;\n background: #e4e4e4;\n height: 20px;\n width: 38px;\n border-radius: 10px;\n cursor: pointer;\n}\n\n#setting .slideSwitch:after {\n content: \"\";\n display: block;\n position: relative;\n top: 2px;\n left: 2px;\n background: #fff;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n transition: all .2s;\n box-shadow: 0 2px 1px rgba(0,0,0,0.4);\n}\n\n#setting .slideSwitch.active {\n background: #4bd863;\n}\n\n#setting .slideSwitch.active:after {\n left: 20px;\n}\n\n#setting .close {\n display: inline-block;\n text-align: center;\n border: 1px solid #ccc;\n line-height: 40px;\n height: 40px;\n width: 40px;\n border-radius: 40px;\n cursor: pointer;\n}\n\n#setting .close:hover {\n border: 1px solid #999;\n color: #222;\n}\n\n#setting table {\n width: 100%;\n}\n\n#setting table td {\n width: 50%;\n padding: 10px 22px;\n}\n\n#setting table td:first-child {\n text-align: right;\n}\n\n#setting a {\n font-size: 12px;\n color: #999;\n text-decoration: none;\n}\n\n" }, { "path": "web/main.js", "content": ";(function() {\n var version = '1.0.0',\n keys = {},\n $search = document.querySelector('#search'),\n $keyboard = document.querySelector('#keyboard'),\n $keys = document.querySelectorAll('#keyboard li'),\n $setting = document.querySelector('#setting'),\n $close = document.querySelector('.close'),\n $newWindow = document.querySelector('#newWindow'),\n $searchEngine = document.querySelector('#searchEngine')\n\n // init\n if (localStorage.version != version) {\n localStorage.version = version\n localStorage.newWindow = 0\n localStorage.searchEngine = 'https://www.baidu.com/s?wd='\n localStorage[67] = 'https://www.coding.net'\n localStorage[72] = 'https://huguotao.com'\n localStorage[84] = 'https://www.taobao.com'\n localStorage[86] = 'https://www.v2ex.com'\n localStorage[87] = 'https://www.weibo.com'\n }\n\n for (var i in $keys) {\n if (!$keys.hasOwnProperty(i)) continue\n\n keys[$keys[i].dataset.key] = {\n 'li': $keys[i],\n 'span': $keys[i].firstElementChild\n }\n }\n\n // set favicon\n for (var i = 48; i < 91; i++) {\n var url = localStorage[i]\n if (url) addFavicon(keys[i]['li'], getFavicon(url))\n }\n\n // read settings\n if (~~localStorage.newWindow) {\n $newWindow.classList.add('active')\n } else {\n $newWindow.classList.remove('active')\n }\n $searchEngine.value = localStorage.searchEngine\n\n function getFavicon(url) {\n return url.split('/').slice(0,3).join('/') + \"/favicon.ico\"\n }\n\n function addFavicon($li, src) {\n var img = document.createElement('img')\n img.src = src\n img.className = 'fav'\n $li.appendChild(img)\n }\n\n function keyDown(key) {\n if (!key) return\n keys[key]['span'].classList.add('keyDownSpan')\n keys[key]['li'].classList.add('keyDownLi')\n }\n\n function keyUp(key) {\n if (!key) return\n keys[key]['span'].classList.remove('keyDownSpan')\n keys[key]['li'].classList.remove('keyDownLi')\n }\n\n function openUrl(url) {\n if (~~localStorage.newWindow) {\n window.open(url)\n } else {\n location.href = url\n }\n }\n\n $search.onkeyup = function(e) {\n if (e.target.value == '设置') return $setting.style.bottom = 0\n var key = e.which || e.keyCode || 0;\n if (key == 13) openUrl(localStorage.searchEngine + e.target.value)\n }\n\n $close.onclick = function() {\n $setting.style.bottom = '-320px'\n }\n\n var keyCache = 0\n document.onkeydown = function(e) {\n var key = e.which || e.keyCode || 0\n keyCache = key\n if (key == 9) {\n window.event ? window.event.returnValue = false : e.preventDefault()\n if (document.activeElement == $search) {\n $search.blur()\n } else {\n $search.focus()\n }\n }\n keyDown(key)\n }\n\n document.onkeyup = function(e) {\n var key = e.which || e.keyCode || 0,\n url = localStorage[key]\n keyUp(key)\n\n if (url && key == keyCache && document.activeElement != $search) openUrl(url)\n keyCache = 0\n }\n\n $keyboard.onclick = function(e) {\n if (e.target.tagName != 'SPAN') return\n var name = e.target.innerText,\n key = e.target.parentElement.dataset.key || 0,\n url = prompt(\"请输入按键 \" + name + \" 对应的网址\", localStorage[key] || '')\n if (url === null) return\n if (url && url.indexOf('http') != 0) url = 'http://' + url\n localStorage[key] = url\n location.reload() \n }\n\n $newWindow.onclick = function() {\n this.classList.toggle('active')\n localStorage.newWindow = +!!!~~localStorage.newWindow\n }\n\n $searchEngine.onchange = function(e) {\n localStorage.searchEngine = e.target.value\n }\n})()\n\n" } ]