1
0
Fork 0
eyesoff/index.html

1 line
9.0 KiB
HTML
Raw Normal View History

2013-03-26 21:20:52 +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:0}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:.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 #c86400;border-bottom-color:#b45000;border-right-color:#b45000;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 #ff9b00;border-bottom-color:#eb8700;border-right-color:#eb8700;background-color:rgba(200,100,0,0.3)}.coolbox:active{border:1px solid #dc7800;border-bottom-color:#c86400;border-right-color:#c86400;background-color:rgba(200,100,0,0.25)}input.coolbox:focus{border:1px solid #e68200;border-bottom-color:#d26e00;border-right-color:#d26e00;background-color:rgba(200,100,0,0.28)}form{width:100%}input[type=text]{min-width:300px;width:50%}#nextpg,#nextpgh{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:0 15px;margin:0 10px}.result h2{display:block;padding:0;margin:0;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}#nextpg{display:none}</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 only works on Google Chrome. <a href="http://wp.me/p2q22L-2x">On my blog</a>. </p><div class="coolbox" id="nextpg">Go on...</div><div class="coolbox" id="nextpgh">Go on...</div><br/><br/></div><div id="appa"><h1 id="searchhead">Type <del id