1
0
Fork 0
eyesoff/index.html

1 line
8.5 KiB
HTML
Raw Normal View History

2012-11-26 16:11:33 +08:00
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><meta name="keywords" content="ambc, eyesoff, youtube, speech, voice"/><meta name="application-name" content="EyesOff"/><meta name="author" content="Ambrose Chua Chi Meng (AmbC)"/><title>EyesOff</title><link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700' rel='stylesheet' type='text/css'/><style>::-moz-selection{background-color: rgba(200, 100, 0, 0.7);}::selection{background-color: rgba(200, 100, 0, 0.7);}*{padding: 0;margin: 0;outline:none;}body, html{padding: 0;margin: 0;width: 100%;height: 100%;font-size: 25px;font-family: "Ubuntu Light", Ubuntu, Arial;color: #fff;background-color: #000;opacity: 0.99;}#appa, #appb, #intro{padding: 40px;}::-moz-select{background-color: rgba(200, 200, 0, 0.5);}h1{font-size: 50px;font-weight: 0;padding: 20px;}p{padding: 5px;}.coolbox{font-family: "Ubuntu Light", Ubuntu, Arial;font-size: 25px;border: 1px solid rgb(200, 100, 0);border-bottom-color: rgb(180, 80, 0);border-right-color: rgb(180, 80, 0);border-radius: 10px;padding: 10px 15px;margin: 20px 3px;background-color: rgba(200, 100, 0, 0.2);color: #fff;cursor: pointer;}.coolbox:hover{border: 1px solid rgb(255, 155, 0);border-bottom-color: rgb(235, 135, 0);border-right-color: rgb(235, 135, 0);background-color: rgba(200, 100, 0, 0.3);}.coolbox:active{border: 1px solid rgb(220, 120, 0);border-bottom-color: rgb(200, 100, 0);border-right-color: rgb(200, 100, 0);background-color: rgba(200, 100, 0, 0.25);}input.coolbox:focus{border: 1px solid rgb(230, 130, 0);border-bottom-color: rgb(210, 110, 0);border-right-color: rgb(210, 110, 0);background-color: rgba(200, 100, 0, 0.28);}.nextpg{margin: 15px 40px;width: 90px;}#intro{display: block;}#appa, #appb{display: none;}#searchbox, #toolsabox{color: #aaa;}.headsup{font-size: 15px;}#showmewhy{cursor: pointer;}#brightness{width: 70px;font-size: 12px;position: fixed;bottom: 10px;right: 10px;margin: 0;}#playerframe{min-height: 0;min-width: 0;background-color: #000;display: none;}#results{position: absolute;top: 220px;bottom: 0;left: 0;right: 0;overflow: auto;padding: 40px 60px;}.result{background-color: rgba(200, 100, 0, 0.0);border: 1px solid rgba(220, 120, 0, 0.1);border-bottom-color: rgba(200, 100, 0, 0.1);border-right-color: rgba(200, 100, 0, 0.1);border-radius: 10px;padding: 8px;margin: 8px;display: block;height: 187px;color: #fff;}.result .resulttext{padding: 0px 15px;margin: 0px 10px;}.result h2{display: block;padding: 0;margin: 0px;font-size: 40px;font-weight: 0;}.result p, .result span{padding: 0;margin: 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;width: auto;white-space: nowrap;font-weight: 0;}.result span{margin: 1px;color: #ccc;}.result .resultimg{vertical-align: top;float: left;}.result a{color: inherit;text-emphasis: none;text-decoration: none;}.result:hover{background-color: rgba(200, 100, 0, 0.2);border: 1px solid rgba(220, 120, 0, 0.3);border-bottom-color: rgba(200, 100, 0, 0.3);border-right-color: rgba(200, 100, 0, 0.3);}.result:active{background-color: rgba(200, 100, 0, 0.15);border: 1px solid rgba(220, 120, 0, 0.25);border-bottom-color: rgba(200, 100, 0, 0.25);border-right-color: rgba(200, 100, 0, 0.25);}.result:hover h2{color: #99f;}.result h2:hover{text-decoration: underline;}.result h2:active{text-decoration: underline;color: #88f;}.red{color: #f00;}</style></head><body><div id="intro"><h1>Project EyesOff<sup class="red headsup">BETA</sup> - Purely client-side! </h1><p>Inspired by <b>'No screen at night! '</b>, we give you <b>Project EyesOff</b>! It is a service that allows you to surf YouTube and listen to music via voice recognition and speech. Powered by <b>Google Chrome's buit-in voice input</b> and <b>Google Translate's text to speech</b>, you can ensure it will give you the best possible results. It on