-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
125 lines (119 loc) · 5.07 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
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>World Quiz</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<div class="container">
<div class="sixteen columns">
<h1 class="remove-bottom" style="margin-top: 40px">World Quiz</h1>
<h5>Some geographic mini-games</h5>
<hr />
</div>
<div class="eight columns">
<h2>International</h2>
<div><p>You can play the game in multiplayer mode.
If all players enter the same "Game Id" before starting the game on their phones or PCs,
they all get the same countries or cities.
The player which finds the country first wins the round,
or you can compare the distance in the "Locate The City" game.</p></div>
<div class="one-third column">
<h3>Find The Country</h3>
<form action="FindCountry.html">
<p>Find the country with the name displayed in the upper right corner.
Click or tap on the country shape. The country is highlighted green
if you clicked the correct country.</p>
<label for="regularInput">Game Id</label>
<input type="text" id="regularInput" name="id" />
<button class="full-width button type="submit">Play!</button>
</form>
</div>
<div class="one-third column">
<h3>Find The City</h3>
<form action="FindCity.html">
<p>Find the city with the name displayed in the upper right corner.
Click or tap on the icon. The icon is highlighted green if you clicked the correct city.</p>
<label for="regularInput">Game Id</label>
<input type="text" id="regularInput" name="id" />
<button class="full-width button type="submit">Play!</button>
</form>
</div>
<div class="one-third column">
<h3>Locate The City</h3>
<form action="LocateCity.html">
<p>Try to locate the the city. Place the marker on the map. After you click "Solve",
the distance to the real location of the city is displayed.</p>
<label for="regularInput">Game Id</label>
<input type="text" id="regularInput" name="id" />
<button class="full-width button type="submit">Play!</button>
</form>
</div>
</div>
<div class="eight columns">
<h2>Deutsch</h2>
<div><p>Ihr könnt die Spiele auch gegeneinander mit mehreren Computern oder Smartphones
spielen. Wenn jeder Spieler bei "Game Id" denselben Text unten eingibt,
bekommen alle die selben Städte oder Länder angezeigt angezeigt.
Wer die Stadt oder das Land zuerst findet gewinnt die Runde.
Im Spiel "Orte die Stadt" könnt ihr die Entfernungen vergleichen.</p></div>
<div class="one-third column">
<h3>Finde das Land</h3>
<form action="FindCountry.html">
<p>Finde das Land das oben rechts angezeigt wird. Klicke oder drücke
auf dem Umriss des Lands. Wenn du das richtige Land gefunden hast
wird es grün.</p>
<label for="regularInput">Game Id</label>
<input type="text" id="regularInput" name="id" />
<input type="hidden" name="lang" value="de" />
<button class="full-width button type="submit">Play!</button>
</form>
</div>
<div class="one-third column">
<h3>Finde die Stadt in Deutschland</h3>
<form action="FindCityDe.html">
<p>Finde die Stadt die oben rechts angezeigt wird. Klicke oder Drücke
auf das Symbol. Wenn du die richtige Stadt gefunden hast wird es grün.</p>
<label for="regularInput">Game Id</label>
<input type="text" id="regularInput" name="id" />
<button class="full-width button type="submit">Los!</button>
</form>
</div>
<div class="one-third column">
<h3>Orte die Stadt in Deutschland</h3>
<form action="LocateCityDe.html">
<p>Versuche de Lage der Stadt in der Karte zu markieren. Wenn du "Auflösen" drückst wird der Abstand zur
richtgen Position angezeigt.</p>
<label for="regularInput">Game Id</label>
<input type="text" id="regularInput" name="id" />
<button class="full-width button type="submit">Los!</button>
</form>
</div>
</div>
</div>
</body>
</html>