add game explanation, remove test tiles

This commit is contained in:
Gabriele Cirulli
2014-03-05 23:15:57 +01:00
parent 43aaf123a0
commit fd2927c37c
3 changed files with 79 additions and 33 deletions
+18 -30
View File
@@ -9,6 +9,7 @@
<body>
<div class="container">
<h1>2048</h1>
<p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
<div class="game-container">
<div class="grid-container">
@@ -42,38 +43,25 @@
<div class="tile tile-2 tile-position-1-1">
2
</div>
<div class="tile tile-4 tile-position-2-1">
4
</div>
<div class="tile tile-8 tile-position-3-1">
8
</div>
<div class="tile tile-16 tile-position-4-1">
16
</div>
<div class="tile tile-32 tile-position-1-2">
32
</div>
<div class="tile tile-64 tile-position-2-2">
64
</div>
<div class="tile tile-128 tile-position-3-2">
128
</div>
<div class="tile tile-256 tile-position-4-2">
256
</div>
<div class="tile tile-512 tile-position-1-3">
512
</div>
<div class="tile tile-1024 tile-position-2-3">
1024
</div>
<div class="tile tile-2048 tile-position-3-3">
2048
</div>
<div class="tile tile-4 tile-position-2-3">
4
</div>
<div class="tile tile-512 tile-position-3-2">
512
</div>
<div class="tile tile-2048 tile-position-4-4">
2048
</div>
</div>
</div>
<p class="game-explanation">
<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>
</p>
<hr>
<p>
Created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio.</a>
</p>
</div>
</body>
</html>