ambrose
/
eyesoff
mirror of https://github.com/serverwentdown/eyesoff.git
1
0
Fork 0
Code Releases Activity

Update 1

master
Ambrose Chua 2012-11-24 16:25:43 +08:00
parent 9825e53a38
commit 35d678002f
4 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
README.md Normal file → Executable file
View File

33
index.html Normal file → Executable file
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<!-- <meta http-equiv="refresh" content="5" /> --> <!-- <meta http-equiv="refresh" content="5" /> -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700' rel='stylesheet' type='text/css' />
<title>EyesOff</title> <title>EyesOff</title>
<style> <style>
* { * {
@ -14,7 +15,7 @@ margin: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 25px; font-size: 25px;
font-family: Helvitica, "Ubuntu Light", Ubuntu, Arial; font-family: "Ubuntu Light", Ubuntu, Arial;
color: #fff; color: #fff;
background-color: #000; background-color: #000;
} }
@ -33,6 +34,7 @@ p {
padding: 5px; padding: 5px;
} }
.coolbox { .coolbox {
font-family: "Ubuntu Light", Ubuntu, Arial;
font-size: 25px; font-size: 25px;
border: 1px solid rgb(200, 100, 0); border: 1px solid rgb(200, 100, 0);
border-bottom-color: rgb(180, 80, 0); border-bottom-color: rgb(180, 80, 0);
@ -42,10 +44,10 @@ padding: 10px 15px;
margin: 20px 3px; margin: 20px 3px;
background-color: rgba(200, 100, 0, 0.2); background-color: rgba(200, 100, 0, 0.2);
color: #fff; color: #fff;
cursor: pointer;
} }
.nextpg { .nextpg {
margin: 15px 40px; margin: 15px 40px;
cursor: pointer;
width: 90px; width: 90px;
} }
#intro { #intro {
@ -57,6 +59,12 @@ display: none;
#searchbox { #searchbox {
color: #aaa; color: #aaa;
} }
.headsup {
font-size: 15px;
}
#showmewhy {
cursor: pointer;
}
</style> </style>
</head> </head>
<body> <body>
@ -66,9 +74,10 @@ color: #aaa;
<div class="coolbox nextpg">Go on...</div> <div class="coolbox nextpg">Go on...</div>
</div> </div>
<div id="app"> <div id="app">
<h1 id="searchhead">Type or say your search query</h1> <h1 id="searchhead">Type <del id="showmewhy">or say</del> your search query</h1>
<form action="#" id="search"> <form action="#" id="search">
<input type="search" id="searchbox" class="coolbox" value="Search..." /><input type="submit" class="coolbox" value="Search" /> <input type="text" id="searchbox" class="coolbox" value="Search..." x-webkit-speech="x-webkit-speech" />
<input type="submit" class="coolbox" value="Search" />
</form> </form>
</div> </div>
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.min.js"></script>
@ -83,19 +92,29 @@ $(document).ready(function() {
$(this).val(""); $(this).val("");
$(this).css("color", "#fff"); $(this).css("color", "#fff");
} }
}); });/*
$("#searchbox").blur(function() { $("#searchbox").blur(function() {
if ($(this).val() == "") { if ($(this).val() == "") {
$(this).val("Search..."); $(this).val("Search...");
$(this).css("color", "#aaa"); $(this).css("color", "#aaa");
} }
}); });*/
$("#search").submit(function() { $("#search").submit(function() {
///ask youtube.com // ask youtube.com
// http://gdata.youtube.com/feeds/api/videos?q=skateboarding+dog&start-index=0&max-results=10&v=2&key=AI39si6YeaDRSECPlD-FPnLV2r1T8rt6GHxYePHc94KTWRKgu3PnVMPmOaM0bISMORXolzcHLR7sCzCcN5K38carFyUTCH8jSg
// api: AI39si6YeaDRSECPlD-FPnLV2r1T8rt6GHxYePHc94KTWRKgu3PnVMPmOaM0bISMORXolzcHLR7sCzCcN5K38carFyUTCH8jSg
$("#searchhead").fadeIn("slow").html("Search not available yet! Sorry for party rockng! "); $("#searchhead").fadeIn("slow").html("Search not available yet! Sorry for party rockng! ");
setTimeout('$("#searchhead").fadeIn("slow").html("Type or say your search query");', 2000); setTimeout('$("#searchhead").fadeIn("slow").html("Type or say your search query");', 2000);
}); });
$("#showmewhy").click(function() {
$("#searchhead").html('Type <del id="showmewhy">or say</del> your search query <sup class="headsup">(Speech input is not supported in your browser, we recommend <a target="_blank" href="http://chrome.google.com/">Google Chrome</a>)</sup>');
});
if (document.createElement("input").webkitSpeech != undefined) {
// $("#searchhead").html('Type <sup class="headsup">(Voice search is not supported in your browser, we recommend <a target="_blank" href="http://chrome.google.com/">Google Chrome</a>)</sup> your search query');
$("#searchhead").html('Type or say your search query <sup class="headsup">(Yay! Your browser supports speech input! )</sup>');
}
}); });
</script> </script>
</body> </body>
</html> </html>

1
index.html~ Normal file → Executable file
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<!-- <meta http-equiv="refresh" content="5" /> --> <!-- <meta http-equiv="refresh" content="5" /> -->
<title>EyesOff</title>
<style> <style>
* { * {
padding: 0; padding: 0;

0
jquery.min.js vendored Normal file → Executable file
View File