ClojureScript+React/Om clone of 2048
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

83 lines
2.6KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>2048.cljs</title>
  6. <link href="main.css" rel="stylesheet" type="text/css">
  7. <link rel="shortcut icon" href="favicon.ico">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="HandheldFriendly" content="True">
  10. <meta name="MobileOptimized" content="320">
  11. <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
  12. </head>
  13. <body>
  14. <div class="container">
  15. <div class="heading">
  16. <h1 class="title">2048</h1>
  17. <div class="scores-container">
  18. <div class="score-container">0</div>
  19. <div class="best-container">0</div>
  20. </div>
  21. </div>
  22. <div class="above-game">
  23. <p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
  24. <a class="restart-button">New Game</a>
  25. </div>
  26. <div class="game-container">
  27. <div class="game-message">
  28. <p></p>
  29. <div class="lower">
  30. <a class="keep-playing-button">Keep going</a>
  31. <a class="retry-button">Try again</a>
  32. </div>
  33. </div>
  34. <div class="grid-container">
  35. <div class="grid-row">
  36. <div class="grid-cell"></div>
  37. <div class="grid-cell"></div>
  38. <div class="grid-cell"></div>
  39. <div class="grid-cell"></div>
  40. </div>
  41. <div class="grid-row">
  42. <div class="grid-cell"></div>
  43. <div class="grid-cell"></div>
  44. <div class="grid-cell"></div>
  45. <div class="grid-cell"></div>
  46. </div>
  47. <div class="grid-row">
  48. <div class="grid-cell"></div>
  49. <div class="grid-cell"></div>
  50. <div class="grid-cell"></div>
  51. <div class="grid-cell"></div>
  52. </div>
  53. <div class="grid-row">
  54. <div class="grid-cell"></div>
  55. <div class="grid-cell"></div>
  56. <div class="grid-cell"></div>
  57. <div class="grid-cell"></div>
  58. </div>
  59. </div>
  60. <div id="tiles" class="tile-container">
  61. </div>
  62. </div>
  63. <p class="game-explanation">
  64. <strong class="important">How to play:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong>
  65. </p>
  66. </div>
  67. <script src="react-0.9.0.js"></script>
  68. <script src="keyboard_input_manager.js"></script>
  69. <script src="out/goog/base.js" type="text/javascript"></script>
  70. <script src="ttfe.js" type="text/javascript"></script>
  71. <script type="text/javascript">goog.require("ttfe.core");</script>
  72. <script type="text/javascript">ttfe.core.init();</script>
  73. </body>
  74. </html>