minimal-web-templates – Diff between revs 1 and 2

Subversion Repositories:
Rev:
Show entire file – Ignore whitespace
Rev 1 Rev 2
Line 1... Line 1...
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8" /> 4 <meta charset="utf-8" />
5 <title>HTML5 Pacman</title> 5 <title>HTML5 Pacman</title>
6 6  
7 <style type="text/css"> 7 <style type="text/css">
8 @font-face { -  
9 font-family: 'BDCartoonShoutRegular'; -  
10 src: url('BD_Cartoon_Shout-webfont.ttf') format('truetype'); -  
11 font-weight: normal; -  
12 font-style: normal; -  
13 } -  
14 #pacman { 8 #pacman {
15 height:450px; 9 height:450px;
16 width:342px; 10 width:342px;
17 margin:20px auto; 11 margin:20px auto;
18 } -  
19 #shim { -  
20 font-family: BDCartoonShoutRegular; -  
21 position:absolute; -  
22 visibility:hidden -  
23 } 12 }
24 h1 { font-family: BDCartoonShoutRegular; text-align:center; } -  
25 body { width:342px; margin:0px auto; font-family:sans-serif; } -  
26 a { text-decoration:none; } -  
27 </style> 13 </style>
28   14  
29 </head> 15 </head>
30   16  
31 <body> 17 <body>
32 -  
33 <div id="shim">shim for font face</div> -  
34   -  
35 <h1>HTML5 Pacman</h1> 18 <h1>HTML5 Pacman</h1>
36   19  
37 <a href="http://arandomurl.com/">Writeup</a> | 20 <div id="pacman"></div>
38 Code on <a href="http://arandomurl.com/">Github</a> -  
39   21
40 <div id="pacman"></div> -  
41 <script src="pacman.js"></script> 22 <script src="pacman.js"></script>
42 <script src="modernizr-1.5.min.js"></script> -  
43   -  
44 <script> 23 <script>
45   -  
46 var el = document.getElementById("pacman"); 24 PACMAN.init(document.getElementById("pacman"), "./");
47   -  
48 if (Modernizr.canvas && Modernizr.localstorage && -  
49 Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) { -  
50 window.setTimeout(function () { PACMAN.init(el, "./"); }, 0); -  
51 } else { -  
52 el.innerHTML = "Sorry, needs a decent browser<br /><small>" + -  
53 "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>"; -  
54 } -  
55 </script> 25 </script>
56   -  
57 </body> 26 </body>
58 </html> 27 </html>