-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (78 loc) · 3.8 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<style>
body {
background-color: #f1f1f1;
}
.btn-xl {
padding: 1rem 2rem;
font-size: 1.5rem;
line-height: 2;
border-radius: .6rem;
}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px;}
</style>
<script>
function notready() {
alert("Sorry, this part is not finished! Please come back later.")
}
</script>
<title>#BOEF</title>
</head>
<body>
<div class="container">
<div class="row mt50 mb50">
<div class="col">
<h1 class="display-1">#BOEF</h1>
<h3 class="text-muted">Assist the police by playing this game!</h3>
</div>
</div>
<div class="row mt50">
<div class="col-md-6">
<h4>Can you escape the police resources? </h4>
<a class="btn btn-primary btn-danger btn-xl btn-block" href="game.html" role="button">Join Team Bad Guy</a>
<p class="text-muted" style="font-size: 14px">
<br/>
In this mode you are a robber that tries to escape the neighbourhood. But be aware... There are sensors everywhere!
Keep out of sight of camera's and reach a green finish flag to escape the police. Your results will
be tracked to help the police find the sensor setup that catches the most bad guys!
</p>
</div>
<div class="col-md-6">
<h4>Can you setup police to catch bad guys?</h4>
<a class="btn btn-primary btn-primary btn-xl btn-block" href="#" onclick="notready()" role="button">Join Team Police</a>
<p class="text-muted" style="font-size: 14px">
<br/>
In this mode you take the place of a police officer that is tasked with placing cameras and audio sensors
in a real neighbourhood. You should use as few resources as possible to minimal your spending. So make sure
your sensors are on positions that have the most impact! Other players can playtest your map to see if
your setup is realy the best.
</p>
</div>
<div class="col-md-6">
<h4>Can you suggest resource placement in your neigbourhood?</h4>
<a class="btn btn-success btn-primary btn-xl btn-block" href="#" onclick="notready()" role="button">Join Team Neighbourhood</a>
<p class="text-muted" style="font-size: 14px">
<br/>
In this mode you can select your neigbourhood and setup police resources the way you see fit.
You can place camera's at places that you beleve need more monitoring. Or you can configure audio sensors
at places where there is a lot of noise pollution. It's all up to you! Your configuration will help the police
to make choises about resource allocation in your neighbourhood.
</p>
</div>
<div class="col-md-6">
<h4>Highscores</h4>
Look at how others have played the game
<a class="btn btn-secondary btn-xl btn-block" href="highscores.html" role="button">Highscores</a>
<p class="text-muted" style="font-size: 14px">
</div>
</div>
</div>
</body>
</html>