Skip to content

Instantly share code, notes, and snippets.

@revelation

revelation/boldcaps-messages.html

Created August 25, 2010 20:43
Show Gist options
  • Save revelation/550254 to your computer and use it in GitHub Desktop.
Save revelation/550254 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
boldcaps-messages.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>BOLDCAPS</title>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAUXDSXET8IRGdgHP9FpGw5BT-fVzUWGS_eJ2ZLPBO_6yPqTi0vhQKAzahOrduDq0xQk09GR-UP3Jgcg"></script>
<script type="text/javascript">
google.load("jquery", '1.4');
</script>
<style type="text/css">
.awesome{color:rgba(255,0,0,0.5);font:400px Helvetica, Sans-serif;letter-spacing:-5px;text-shadow:-8px -6px rgba(0,0,255,0.5);}
</style>
</head>
<body style="text-align: right; padding-top: 100px;overflow:hidden;">
<h1 class='awesome'></h1>
<script type='text/javascript'>
$(function(){
$(document).keydown(function(e){
if (e.keyCode > 25 && e.keyCode < 200) {
if ($('h1').html().length > 6) {
$('h1').html('')
}
$('h1').append(String.fromCharCode(e.keyCode));
}
});
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment