-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
161 lines (142 loc) · 5.7 KB
/
index.html
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en" manifest="cache.appcache">
<head>
<meta charset="utf-8">
<title>20 Euros</title>
<link href="style/main.css" rel="stylesheet" type="text/css">
<link href="style/example.css" rel="stylesheet" type="text/css">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta property="og:title" content="20euro game"/>
<meta property="og:site_name" content="20euro game"/>
<meta property="og:description" content="Join the coins and get the 20 Euro tile!"/>
<meta property="og:image" content="http://gabrielecirulli.github.io/2048/meta/og_image.png"/>
<script type="text/javascript" src="https://cdn.firebase.com/v0/firebase.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="heading">
<h1 class="title">20 Euros</h1>
<div align="right"><a href="http://jatekos101.github.io/20euros/faq.html">FAQ</a> - <a href="http://jatekos101.github.io/20euros/comment.html">FORUM</a></div>
<p>
<div class="scores-container">
<div class="score-container">0</div>
<div class="best-container">0</div>
</div>
</div>
<p class="game-intro">Join the coins until you reach <strong>20 Euro</strong>!
</p>
<div class="game-container">
<div class="game-message">
<p></p>
<div class="lower">
<a class="keep-playing-button">Continue (maybe 50 Euro?)</a>
<a class="retry-button">Retry</a>
<div class="score-sharing"></div>
</div>
</div>
<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 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 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 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 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 class="grid-cell"></div>
</div>
</div>
<div class="tile-container">
</div>
</div>
<p class="game-explanation">
<strong class="important">HOW TO PLAY: </strong> Use your <strong>arrow keys</strong> to move the coins. If two or three mergeable coins touch, they <strong>merge into one!</strong> Your goal is to reach the <strong>20 Euro</strong> note! Restart with <strong>Space</strong>.
</p>
<hr>
<p class="game-explanation">
<strong class="important">Mergeable combinations: </strong> <br>
1+1=2<br>
2+2+1=5<br>
5+5=10<br>
10+10=20 or 5+10+5=20<br>
20+20+10=50<br>
and so on.
</p>
<hr>
<p>
<strong class="important">FAQ: </strong> <a href="http://jatekos101.github.io/20euros/faq.html">Click here for the frequently asked questions.</a><br>
<strong class="important">Forum: </strong> <a href="http://jatekos101.github.io/20euros/comment.html">Click here for the game's forum.</a><br>
<strong class="important">Statistics: </strong> <a href="http://jatekos101.github.io/20euros/statistics.html">Click here for the statistics.</a>
</p>
<hr>
<p>
<strong class="important">Undo version: </strong> <a href="http://jatekos101.github.io/20euros-undo">You can play the undo version of the game here.</a>
<br>
<strong class="important">GITHUB: </strong> <a href="https://github.com/jatekos101/20euros">You can see and fork my game on GitHub here.</a>
</p>
<hr>
<p>
This is not the original version of 2048.<br>
Original created by Gabriele Cirulli.
</p>
</div>
<script src="js/animframe_polyfill.js"></script>
<script src="js/keyboard_input_manager.js"></script>
<script src="js/html_actuator.js"></script>
<script src="js/grid.js"></script>
<script src="js/tile.js"></script>
<script src="js/local_score_manager.js"></script>
<script src="js/game_manager.js"></script>
<script src="js/application.js"></script>
<script>
(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,"script","//www.google-analytics.com/analytics.js","ga");
ga("create", "UA-42620757-2", "gabrielecirulli.github.io");
ga("send", "pageview");
</script>
<script type="text/javascript">
var sc_project=9719822;
var sc_invisible=1;
var sc_security="bccc6417";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="web analytics"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="http://c.statcounter.com/9719822/0/bccc6417/1/"
alt="web analytics"></a></div></noscript>
</body>
</html>