-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (144 loc) · 5.83 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8" />
<title></title>
<meta
name="description"
content="Numbers Game: Play the old classroom classic now on your device."
/>
<meta
name="keywords"
content="Numbers Game, Take Ten, Zahlenspiel, Game, free"
/>
<meta property="og:title" content="Numbers Game" />
<meta property="og:site_name" content="Numbers Game" />
<meta property="og:type" content="website" />
<meta
property="og:image"
content="https://numbersgame.netlify.com/image.png"
/>
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui"
/>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#bbada1" />
<meta name="msapplication-TileColor" content="#bbada1" />
<meta name="theme-color" content="#bbada1" />
<link rel="stylesheet" href="src/styles.css" />
<!-- endbuild -->
</head>
<body>
<div class="container">
<div class="title">
<h2>Numbers Game</h2>
<p>The famous classroom game in digital</p>
</div>
<div id="react">
<div data-reactroot="">
<div class="header">
<div class="buttons">
<div class="score">
<div class="small">steps</div>
<div>0</div>
</div>
<div class="new">New Game</div>
<div class="new">Back</div>
</div>
</div>
<div class="board">
<div class="table">
<div class="tile_row__lines">
<div class="tile_row">
<div class="tile_cell">
<div class="tile tile__hint_1">1</div>
</div>
<div class="tile_cell"><div class="tile ">2</div></div>
<div class="tile_cell"><div class="tile ">3</div></div>
<div class="tile_cell"><div class="tile ">4</div></div>
<div class="tile_cell"><div class="tile ">5</div></div>
<div class="tile_cell"><div class="tile ">6</div></div>
<div class="tile_cell"><div class="tile ">7</div></div>
<div class="tile_cell"><div class="tile ">8</div></div>
<div class="tile_cell">
<div class="tile tile__hint_2">9</div>
</div>
</div>
<div class="tile_row">
<div class="tile_cell">
<div class="tile tile__hint_3">1</div>
</div>
<div class="tile_cell">
<div class="tile tile__hint_3">1</div>
</div>
<div class="tile_cell">
<div class="tile tile__hint_1">1</div>
</div>
<div class="tile_cell"><div class="tile ">2</div></div>
<div class="tile_cell"><div class="tile ">1</div></div>
<div class="tile_cell"><div class="tile ">3</div></div>
<div class="tile_cell"><div class="tile ">1</div></div>
<div class="tile_cell"><div class="tile ">4</div></div>
<div class="tile_cell">
<div class="tile tile__hint_2">1</div>
</div>
</div>
<div class="tile_row">
<div class="tile_cell"><div class="tile ">5</div></div>
<div class="tile_cell">
<div class="tile tile__hint_1">1</div>
</div>
<div class="tile_cell"><div class="tile ">6</div></div>
<div class="tile_cell"><div class="tile ">1</div></div>
<div class="tile_cell"><div class="tile ">7</div></div>
<div class="tile_cell"><div class="tile ">1</div></div>
<div class="tile_cell"><div class="tile ">8</div></div>
<div class="tile_cell">
<div class="tile tile__hint_1">1</div>
</div>
<div class="tile_cell">
<div class="tile tile__hint_2">9</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="explaination">
<b>How to play:</b> Click on one of the colored tiles and select one
matching tile (two tiles are matchable when they are next to each and
and sum up to 10 or have the same value). After no tiles are matchable,
the current active tiles are appended to the end of the game-board, the
goal is to match every tile.
</p>
</div>
<br />
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b, o, i, l, e, r) {
b.GoogleAnalyticsObject = l;
b[l] ||
(b[l] = function() {
(b[l].q = b[l].q || []).push(arguments);
});
b[l].l = +new Date();
e = o.createElement(i);
r = o.getElementsByTagName(i)[0];
e.src = "//www.google-analytics.com/analytics.js";
r.parentNode.insertBefore(e, r);
})(window, document, "script", "ga");
ga("create", "UA-58665819-1");
ga("send", "pageview");
</script>
</body>
<script type="module" src="/src/index.tsx"></script>
</html>