-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
173 lines (162 loc) · 10.5 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
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
<meta charset='utf-8' />
<meta name='description' content='An open source HTML5 and JavaScript implementation of the game Achtung, die Kurve!' />
<meta name='keywords' content='Achtung, Kurve, Zatacka, Curve Fever, Open Source, Browser Game, Online, HTML5, JavaScript' />
<meta name='author' content='Markus Mächler, https://github.com/maechler' />
<meta property="og:title" content="Achtung, die Kurve!" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://achtungkurve.com/dist/images/og.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="600" />
<meta property="og:url" content="https://achtungkurve.com/" />
<meta property="og:site_name" content="Achtung, die Kurve!" />
<meta property="og:description" content="An open source HTML5 and JavaScript implementation of the game Achtung, die Kurve!" />
<meta property="og:locale" content="en_US" />
<title>Achtung, die Kurve!</title>
<link rel='stylesheet' type='text/css' href='dist/css/main.css' />
<link rel='icon' type='image/ico' href='dist/images/favicon.ico'>
</head>
<body id='app' class='hidden'>
<div id='content'>
<div id='layer-menu' class='layer'>
<table>
<tr>
<td>
<div id='menu'>
<div id='menu-intro' class='light'>
<h4>Choose players using your mouse or the keyboard and hit <strong>SPACE</strong> to start the game!</h4>
</div>
<div id='menu-players'>
<div class='head'>
<div class='title'>
<span>player</span>
</div>
<div class='key left'>
<span>left</span>
</div>
<div class='key right'>
<span>right</span>
</div>
<div class='superpower'>
<span>superpower</span>
</div>
</div>
<div class='clear'></div>
<div id='menu-players-list'></div>
<div class='clear'></div>
</div>
<div id='menu-settings'>
<div id='change-theme' class='button' onclick='Kurve.Theming.toggleTheme()'></div>
<div class='toggle-sound button' onclick='Kurve.Sound.toggleSound()'></div>
<div class='clear'></div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div id='layer-game' class='layer hidden'>
<div id='content-left'>
<canvas id='field'></canvas>
<div id='dark-knight' class='hidden'></div>
</div>
<div id='content-right' class='light'>
<div id='player-scores'></div>
<div id='game-settings'>
<a id='button-menu' href='#' onclick='Kurve.reload(); return false;' title='Go back to the menu' class='button'>menu</a>
<div class='toggle-sound button' onclick='Kurve.Sound.toggleSound()'></div>
</div>
<div id='author'>
<a href='https://github.com/maechler/kurve' target='_blank'>GitHub</a>
<span> Ι </span>
<a href='https://github.com/maechler/kurve/issues' target='_blank'>Report a bug or feature request</a>
<span> Ι </span>
<a href='#' onclick='Kurve.Privacypolicy.showPrivacyPolicy();'>Privacy policy</a>
<span> Ι </span>
<a href='#' onclick='Kurve.Sound.onCreditsClicked();'>Credits</a>
<br>
<span><a href='https://github.com/maechler/kurve/tags' target='_blank'>v1.5.1</a> Ι Copyright © 2014 </span>
<a href='http://markusmaechler.ch' target='_blank' rel='author'>Markus Mächler</a>
</div>
</div>
<div class='clear'></div>
</div>
<div id='privacy-policy-accept' class='hidden'>
<p>This website uses cookies to improve the services provided to you. By visiting this site you accept its <a href='#' onclick='Kurve.Privacypolicy.showPrivacyPolicy();'>privacy policy</a> and the usage of cookies.</p>
<br>
<a href='#' title='Accept privacy policy' onclick='Kurve.Privacypolicy.onPrivacyPolicyAccepted();' class='button'>OK</a>
</div>
<div id='privacy-policy' class='hidden'>
<h2>Privacy policy</h2>
<p>Protecting your privacy is very important to us. In this privacy policy we explain what personal information we process.</p>
<h3>Information collection and use</h3>
<p>When you visit this website data such as your IP address, the address of the last site you visited, the browser and operating system
you use, the date and time are registered.
<p>We also process information about the usage of the game Achtung, die Kurve! This
information includes the number of players, the selected theme, whether the game was finished or aborted earlier and whether a death match occurred or not.
</p>
<p>The recorded data does not allow to personally identify you. The anonymised data allows us to improve the service we are providing.
Your personal data will not be shared with third parties.
</p>
<h3>Cookies</h3>
<p>Cookies are small text files that are sent from our server to your computer and are saved there temporarily or permanently.
We use cookies to analyse general visitor behaviour such as what sites are visited and for how long.
Browsers can be configured to show a warning every time a cookie is saved to your computer.
</p>
<h3>Matomo</h3>
<p>This website uses Matomo (formerly called Piwik), an open source web analysis tool. Matomo also uses cookies.
You can prevent the generated data from being transmitted (this includes information such as the number of players or selected theme) by the following Matomo preferences:
</p>
<iframe id='privacy-policy-matomo-opt-out'
style="border: 0; height: 160px; width: 100%;"
data-src="https://matomo.achtungkurve.com/index.php?module=CoreAdminHome&action=optOut&language=en&backgroundColor=eeeeee&fontColor=222222&fontSize=18px&fontFamily=%22Trebuchet%20MS%22,%20Helvetica,%20sans-serif"
></iframe>
<br><br>
<h3>Security</h3>
<p>We treat all collected data as confidential. We employ appropriate technical precautionary measures to protect your
data from manipulation as well as from unauthorised access by third parties. Data is only stored for as long as is necessary for processing purposes.
</p>
<h3>Links</h3>
<p>This privacy policy does not apply to external websites that you access via links on this website.
We do not monitor external websites and accept no liability for how external websites place their own cookies
or process personal data. You should always consult the privacy policy and terms and conditions of the website in question.
</p>
<h3>Changes to this privacy policy</h3>
<p>The contents of this privacy policy may be changed at irregular intervals. It is always the current version at the time of use that applies.
We advise you to regularly consult this privacy policy.
</p>
<h3>Questions</h3>
<p>If you have any questions concerning this privacy policy please contact us using the following e-mail address: <a href="mailto:[email protected]">[email protected]</a>.</p>
<h3>Legal basis</h3>
<p>The Swiss Federal Act on Data Protection (FADP) forms the basis of this privacy policy.</p>
<a href='#' title='Accept privacy policy' class='button'>Close</a>
</div>
<div id='credits' class='hidden'>
<h2>Credits</h2>
<h3>Developers</h3>
<p>Thanks to <a href='https://github.com/ALRO' target='_blank'>ALRO</a> for improving the build process.</p>
<p>Thanks to <a href='https://github.com/darabos' target='_blank'>darabos</a> for adding the hydra and reverse superpowers as well as the immunity system.</p>
<br>
<h3>Music & sound effects</h3>
<p>Thanks to <a href='https://twitter.com/Cutting_Class' target='_blank'>Grant Robertson</a> for creating the music and sound effects.</p>
<br>
<a href='#' title='Close credits overlay' onclick='Kurve.Sound.onCreditsCloseClicked();' class='button'>Close</a>
</div>
</div>
<div id='lightbox-overlay' class='hidden'>
<div id='lightbox-wrap'>
<table>
<tr>
<td>
<div id='lightbox-content'></div>
</td>
</tr>
</table>
</div>
</div>
<script type='text/javascript' src='dist/js/kurve.min.js'></script>
</body>
</html>