minimal-web-templates
/games/pacman/index.html |
@@ -1,58 +1,27 @@ |
<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8" /> |
<title>HTML5 Pacman</title> |
|
<style type="text/css"> |
@font-face { |
font-family: 'BDCartoonShoutRegular'; |
src: url('BD_Cartoon_Shout-webfont.ttf') format('truetype'); |
font-weight: normal; |
font-style: normal; |
} |
#pacman { |
height:450px; |
width:342px; |
margin:20px auto; |
} |
#shim { |
font-family: BDCartoonShoutRegular; |
position:absolute; |
visibility:hidden |
} |
h1 { font-family: BDCartoonShoutRegular; text-align:center; } |
body { width:342px; margin:0px auto; font-family:sans-serif; } |
a { text-decoration:none; } |
</style> |
<head> |
<meta charset="utf-8" /> |
<title>HTML5 Pacman</title> |
|
</head> |
<style type="text/css"> |
#pacman { |
height:450px; |
width:342px; |
margin:20px auto; |
} |
</style> |
|
<body> |
|
<div id="shim">shim for font face</div> |
</head> |
|
<h1>HTML5 Pacman</h1> |
<body> |
<h1>HTML5 Pacman</h1> |
|
<a href="http://arandomurl.com/">Writeup</a> | |
Code on <a href="http://arandomurl.com/">Github</a> |
|
<div id="pacman"></div> |
<script src="pacman.js"></script> |
<script src="modernizr-1.5.min.js"></script> |
|
<script> |
|
var el = document.getElementById("pacman"); |
|
if (Modernizr.canvas && Modernizr.localstorage && |
Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) { |
window.setTimeout(function () { PACMAN.init(el, "./"); }, 0); |
} else { |
el.innerHTML = "Sorry, needs a decent browser<br /><small>" + |
"(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>"; |
} |
</script> |
|
</body> |
<div id="pacman"></div> |
|
<script src="pacman.js"></script> |
<script> |
PACMAN.init(document.getElementById("pacman"), "./"); |
</script> |
</body> |
</html> |