| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html prefix="og: http://ogp.me/ns#"> | |
| 3 <head> | |
| 4 <title>Pop, Pop, Win!</title> | |
| 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| 6 <link rel="shortcut icon" href="favicon.ico" /> | |
| 7 <link rel='stylesheet' type='text/css' href='style.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" /> | |
| 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." /> | |
| 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/' /> | |
| 14 <link rel="canonical" href="http://dart-lang.github.io/pop-pop-win/" /> | |
| 15 <script type="application/dart" src="game_web.dart"></script> | |
| 16 <script src="packages/browser/dart.js"></script> | |
| 17 </head> | |
| 18 <body> | |
| 19 <canvas id='gameCanvas' width='1024' height='768'></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'> | |
| 26 <div id='about'> | |
| 27 <h1>About</h1> | |
| 28 <p>Developed in <a href="http://www.dartlang.org/" target="_blank">Dart<
/a></p> | |
| 29 <p><a href="https://github.com/dart-lang/pop-pop-win" target="_bla
nk">Source 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> | |
| 31 </div> | |
| 32 <div id='help'> | |
| 33 <h1>Help</h1> | |
| 34 <img src='images/help-surround.jpg'> | |
| 35 <p>Click on balloons to pop them.</p> | |
| 36 <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
> | |
| 38 <p><em>One of these balloons is a bomb. Can you guess which one?</em></p
> | |
| 39 <img src='images/help-freeze.jpg'> | |
| 40 <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> | |
| 42 <p>Every time you freeze a balloon, the bomb count goes down.</p> | |
| 43 <p>Unfreeze a balloon the same way: shift-click.</p> | |
| 44 </div> | |
| 45 </div> | |
| 46 | |
| 47 <script> | |
| 48 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(
){ | |
| 49 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement
(o), | |
| 50 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore
(a,m) | |
| 51 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'
); | |
| 52 | |
| 53 ga('create', 'UA-3441863-10', 'dart-lang.github.io'); | |
| 54 ga('send', 'pageview'); | |
| 55 | |
| 56 </script> | |
| 57 </body> | |
| 58 </html> | |
| OLD | NEW |