| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html prefix="og: http://ogp.me/ns#"> | 2 <html prefix="og: http://ogp.me/ns#"> |
| 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 rel='stylesheet' type='text/css' href='resources/style.css' /> | 7 <link rel='stylesheet' type='text/css' href='resources/style.css' /> |
| 8 <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Slac
key' rel='stylesheet' type='text/css'> | 8 <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Slac
key' rel='stylesheet' type='text/css'> |
| 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximu
m-scale=1.0, user-scalable=no" /> | 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximu
m-scale=1.0, user-scalable=no" /> |
| 10 <meta property="og:title" content="Pop, Pop, Win!" /> | 10 <meta property="og:title" content="Pop, Pop, Win!" /> |
| 11 <meta property="og:description" content="Pop, Pop, Win! is an implementation
of the game Minesweeper in the Dart programming language." /> | 11 <meta property="og:description" content="Pop, Pop, Win! is an implementation
of the game Minesweeper in the Dart programming language." /> |
| 12 <meta property="og:image" content="http://dart-lang.github.io/pop-pop-win/im
ages/icon_200.png" /> | 12 <meta property="og:image" content="http://dart-lang.github.io/pop-pop-win/im
ages/icon_200.png" /> |
| 13 <meta property='og:url' content='http://dart-lang.github.io/pop-pop-win/' /> | 13 <meta property='og:url' content='http://dart-lang.github.io/pop-pop-win/' /> |
| 14 <link rel="canonical" href="http://dart-lang.github.io/pop-pop-win/" /> | 14 <link rel="canonical" href="http://dart-lang.github.io/pop-pop-win/" /> |
| 15 <script type="application/dart" src="game_web.dart"></script> | 15 <script type="application/dart" src="game_web.dart"></script> |
| 16 <script src="packages/browser/dart.js"></script> | 16 <script src="packages/browser/dart.js"></script> |
| 17 </head> | 17 </head> |
| 18 <body> | 18 <body> |
| 19 <canvas id='gameCanvas' width='1024' height='768'></canvas> | 19 <canvas id='gameCanvas' width='2048' height='1536' style="width:100%; height
:100%; top:0; left:0;"></canvas> |
| 20 <div id='loading'> | |
| 21 <div class='sprite loading_background'> </div> | |
| 22 <div class='sprite loading_bar'> </div> | |
| 23 <div class='sprite loading_text'> </div> | |
| 24 </div> | |
| 25 <div id='popup'> | 20 <div id='popup'> |
| 26 <div id='about'> | 21 <div id='about'> |
| 27 » <h1>About</h1> | 22 <h1>About</h1> |
| 28 <p>Developed in <a href="http://www.dartlang.org/" target="_blank">Dart<
/a></p> | 23 <p class="difficulty">Set Difficulty: <a href="#7">Easy</a> | <a href="#
11">Medium</a> | <a href="#16">Hard</a> | <a href="#24">Extreme</a></p> |
| 29 » <p><a href="https://github.com/dart-lang/pop-pop-win" target="_bla
nk">Source Code</a> is on GitHub</p> | 24 <p>Developed with <a href="http://www.dartlang.org/" target="_blank">Dar
t</a> and <a href="http://www.stagexl.org/" target="_blank">StageXL</a></p> |
| 25 <p><a href="https://github.com/dart-lang/pop-pop-win" target="_blank">So
urce Code</a> is on GitHub</p> |
| 30 <p><a href="https://github.com/dart-lang/pop-pop-win#license" target="_b
lank">License</a></p> | 26 <p><a href="https://github.com/dart-lang/pop-pop-win#license" target="_b
lank">License</a></p> |
| 31 </div> | 27 </div> |
| 32 <div id='help'> | 28 <div id='help'> |
| 33 <h1>Help</h1> | 29 <h1>Help</h1> |
| 34 <img src='resources/images/help-surround.jpg'> | 30 <img src='resources/images/help-surround.jpg'> |
| 35 <p>Click on balloons to pop them.</p> | 31 <p>Click on balloons to pop them.</p> |
| 36 <p>A revealed number tells you how many bombs are next to that square.</
p> | 32 <p>A revealed number tells you how many bombs are next to that square.</
p> |
| 37 <p>The count includes squares above, below, left, right and diagonal.</p
> | 33 <p>The count includes squares above, below, left, right and diagonal.</p
> |
| 38 <p><em>One of these balloons is a bomb. Can you guess which one?</em></p
> | 34 <p><em>One of these balloons is a bomb. Can you guess which one?</em></p
> |
| 39 <img src='resources/images/help-freeze.jpg'> | 35 <img src='resources/images/help-freeze.jpg'> |
| 40 <p>If you're certain a balloon is hiding a bomb, freeze it.</p> | 36 <p>If you're certain a balloon is hiding a bomb, freeze it.</p> |
| 41 <p>Freeze a balloon by holding down the shift key and clicking.</p> | 37 <p>Freeze a balloon by shift- or right-clicking.</p> |
| 42 <p>Every time you freeze a balloon, the bomb count goes down.</p> | 38 <p>Every time you freeze a balloon, the bomb count goes down.</p> |
| 43 <p>Unfreeze a balloon the same way: shift-click.</p> | 39 <p>Unfreeze a balloon the same way: shift- or right-click.</p> |
| 44 </div> | 40 </div> |
| 45 </div> | 41 </div> |
| 46 </body> | 42 </body> |
| 47 </html> | 43 </html> |
| OLD | NEW |