Skip to content

Instantly share code, notes, and snippets.

/What-colour-is-it?.markdown

Created January 6, 2015 02:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save anonymous/c961cb0df5d4cc2b8b1d to your computer and use it in GitHub Desktop.
Save anonymous/c961cb0df5d4cc2b8b1d to your computer and use it in GitHub Desktop.
Download ZIP
What colour is it?
Raw
index.html
<body onLoad="dotime()">
<table>
<td height="100%" width="100%" align="center" valign="middle">
<h1 id="t"></h1><br>
<h2 id="h"></h2>
</td>
</table>
<script src="http://libs.useso.com/js/jquery/1.10.2/jquery.min.js"></script>
<script src="http://libs.useso.com/js/jqueryui/1.10.4/jquery-ui.min.js"></script>
</body>
Raw
script.js
function dotime(){
$("body").css({"transition": "all 0.8s", "-webkit-transition": "all 0.8s"});
var d = new Date();
var hours = d.getHours();
var mins = d.getMinutes();
var secs = d.getSeconds();
if (hours < 10){hours = "0" + hours};
if (mins < 10){mins = "0" + mins};
if (secs < 10){secs = "0" + secs};
hours.toString();
mins.toString();
secs.toString();
var hex = "#" + hours + mins + secs;
$("#t").html(hours +" : "+ mins +" : "+ secs);
$("#h").html(hex);
document.body.style.background = hex;
setTimeout(function(){ dotime();}, 1000);
}
Raw
style.css
@media all and (max-width: 1024px) {
h1 { font-family:"open sans"; font-size:40px; font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all 0.6s;}
h2 { font-family:"open sans"; font-size:20px; font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all 0.6s;}
}
@media all and (min-width: 1024px) {
h1 { font-family:"open sans"; font-size:120px; font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all 0.6s;}
h2 { font-family:"open sans"; font-size:30px; font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all 0.6s;}
}
table { position:absolute; width:100%; height:100%; top:0px; left:0px;}
.fb-like {position:static; width:100px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment