samples/pop_pop_win/web/index.html - Issue 200723008: samples/poppopwin: upgrade to first-class sample

Side by Side Diff: samples/pop_pop_win/web/index.html

Issue 200723008: samples/poppopwin: upgrade to first-class sample (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart

Patch Set: fixed pkgbuild.status for rename Created 6 years, 9 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

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='style.css' />	7 <link rel='stylesheet' type='text/css' href='assets/poppopwin/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='1024' height='768'></canvas>

20 <div id='loading'>	20 <div id='loading'>

21 <div class='sprite loading_background'> </div>	21 <div class='sprite loading_background'> </div>

22 <div class='sprite loading_bar'> </div>	22 <div class='sprite loading_bar'> </div>

23 <div class='sprite loading_text'> </div>	23 <div class='sprite loading_text'> </div>

24 </div>	24 </div>

25 <div id='popup'>	25 <div id='popup'>

26 <div id='about'>	26 <div id='about'>

27 <h1>About</h1>	27 <h1>About</h1>

28 <p>Developed in <a href="http://www.dartlang.org/" target="_blank">Dart< /a></p>	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>	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>	30 <p><a href="https://github.com/dart-lang/pop-pop-win#license" target="_b lank">License</a></p>

31 </div>	31 </div>

32 <div id='help'>	32 <div id='help'>

33 <h1>Help</h1>	33 <h1>Help</h1>

34 <img src='images/help-surround.jpg'>	34 <img src='assets/poppopwin/images/help-surround.jpg'>

35 <p>Click on balloons to pop them.</p>	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>	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 >	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 >	38 <p><em>One of these balloons is a bomb. Can you guess which one?</em></p >

39 <img src='images/help-freeze.jpg'>	39 <img src='assets/poppopwin/images/help-freeze.jpg'>

40 <p>If you're certain a balloon is hiding a bomb, freeze it.</p>	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>	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>	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>	43 <p>Unfreeze a balloon the same way: shift-click.</p>

44 </div>	44 </div>

45 </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>	46 </body>

58 </html>	47 </html>

OLD	NEW

« no previous file with comments | « samples/pop_pop_win/web/game_web.dart ('k') | samples/pop_pop_win/web/platform_web.dart » ('j') | no next file with comments »