OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Pop, Pop, Win!</title> | 4 <title>Pop, Pop, Win!</title> |
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
6 <link rel="shortcut icon" href="../favicon.ico" /> | 6 <link rel="shortcut icon" href="../favicon.ico" /> |
7 <link href='http://fonts.googleapis.com/css?family=Slackey' rel='stylesheet'
type='text/css'> | 7 <link href='http://fonts.googleapis.com/css?family=Slackey' rel='stylesheet'
type='text/css'> |
8 <link rel='stylesheet' type='text/css' href='../style.css' /> | 8 <link rel='stylesheet' type='text/css' href='../style.css' /> |
9 <link rel='stylesheet' type='text/css' href='game_view.css' /> | 9 <link rel='stylesheet' type='text/css' href='game_view.css' /> |
10 <script type="application/dart" src="game_dom.dart"></script> | 10 <script type="application/dart" src="game_dom.dart"></script> |
11 <script src="../dart.js"></script> | 11 <script src="../dart.js"></script> |
12 </head> | 12 </head> |
13 <body> | 13 <body> |
14 <div class='container'> | 14 <div class='container'> |
15 <div class='status'> | 15 <div class='status'> |
16 <button id='newGame' class='status'>New Game</button> | 16 <button id='newGame' class='status'>New Game</button> |
17 <span id='gameState' class='status'></span> | 17 <span id='gameState' class='status'></span> |
18 <span>Bombs left:</span> | 18 <span>Bombs left:</span> |
19 <span id='bombsLeft' class='status' ></span> | 19 <span id='bombsLeft' class='status' ></span> |
20 <span>Time:</span> | 20 <span>Time:</span> |
21 <span id='clock' class='status'></span> | 21 <span id='clock' class='status'></span> |
22 </div> | 22 </div> |
23 <table id='gameTable'></table> | 23 <table id='gameTable'></table> |
24 <div id='highScore'></div> | 24 <div id='highScore'></div> |
25 <ul class='help'> | 25 <ul class='help'> |
26 <li>Click on hidden squares to reveal them.</li> | 26 <li>Click on hidden squares to reveal them.</li> |
27 <li>Shift-click on squares to flag them.</li> | 27 <li>Shift-click on squares to flag them.</li> |
28 <li>Shift-click on revealed numbers to go fast--but be careful. If you'v
e flagged incorrectly, you'll hit a bomb.</li> | 28 <li>Shift-click on revealed numbers to go fast--but be careful. If you'v
e flagged incorrectly, you'll hit a bomb.</li> |
29 </ul> | 29 </ul> |
| 30 </div> |
30 </body> | 31 </body> |
31 </html> | 32 </html> |
OLD | NEW |