Fix README
[2048.git] / index.html
Gabriele Cirulli





Gabriele Cirulli
Gabriele Cirulli
Lee Reilly
Lee Reilly
Gabriele Cirulli
Gabriele Cirulli


Gabriele Cirulli


Gabriele Cirulli

Tim Petricola



Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli

Gabriele Cirulli

Gabriele Cirulli


Gabriele Cirulli

Gabriele Cirulli

























Gabriele Cirulli

Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli
Gabriele Cirulli


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>2048</title>
 
  <link href="style/main.css" rel="stylesheet" type="text/css">
</head>
<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">
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
      </div>
 
      <div class="tile-container">
        <div class="tile tile-2 tile-position-1-1">
          2
        </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>
 
comments