-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·114 lines (104 loc) · 5.48 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
<!DOCTYPE html>
<html>
<head>
<title>UK Crime Map</title>
<meta property="og:type" content="website" />
<meta property="og:title" content="UK Crime Map" />
<meta property="og:image" content="http://www.jamesfiltness.co.uk/projects/crime-map/og-img.jpg" />
<meta property="og:description" content="See crime as recorded by the police where you live or where you are now." />
<meta property="twitter:card" content="photo" />
<meta property="twitter:title" content="UK Crime Map" />
<meta property="twitter:image:src" content="http://www.jamesfiltness.co.uk/projects/crime-map/og-img.jpg" />
<meta property="twitter:description" content="See crime recorded by the police where you live or in your current location." />
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="tooltip"></div>
<div id="map-control">
<h1>UK Crime Map <span class="loading"></span><span class="bg-danger text-danger error-text"><span class="glyphicon glyphicon-exclamation-sign"></span><span class="error-msg"></span></span></span></h1>
<form class="postcode-form" role="form">
<label for="postcode" class="sr-only">Postcode:</label>
<input type="text" id="postcode" placeholder="Enter your Postcode">
<input type="submit" id="submit-button" value="Search" />
</form>
<div class="scottish-postcode-msg alert alert-warning"><span class="glyphicon glyphicon-exclamation-sign"></span>Data for Scotland only includes crimes recorded by the Britsh Transport Police</div>
<div class="alert alert-warning" role="alert" id="phone-warning"><span class="glyphicon glyphicon-exclamation-sign"></span>This page is best viewed on a desktop or tablet.</div>
<div id="details">
<p>
<span id="no-of-crimes"></span><span id="committed">crimes committed in</span>
<select id="month">
<option value="2021-09">Sep 2021</option>
<option value="2021-08">Aug 2021</option>
<option value="2021-07">Jul 2021</option>
<option value="2021-06">Jun 2021</option>
<option value="2021-05">May 2021</option>
<option value="2021-04">Apr 2021</option>
<option value="2021-03">Mar 2021</option>
<option value="2021-02">Feb 2021</option>
<option value="2021-01">Jan 2021</option>
<option value="2020-12">Dec 2020</option>
<option value="2020-11">Nov 2020</option>
<option value="2020-10">Oct 2020</option>
<option value="2020-09">Sep 2020</option>
<option value="2020-08">Aug 2020</option>
<option value="2020-07">Jul 2020</option>
<option value="2020-06">Jun 2020</option>
<option value="2020-05">May 2020</option>
<option value="2020-04">Apr 2020</option>
<option value="2020-03">Mar 2020</option>
<option value="2020-02">Feb 2020</option>
<option value="2020-01">Jan 2020</option>
<option value="2019-12">Dec 2019</option>
<option value="2019-11">Nov 2019</option>
<option value="2019-10">Oct 2019</option>
<option value="2019-09">Sep 2019</option>
<option value="2019-08">Aug 2019</option>
<option value="2019-07">Jul 2019</option>
<option value="2019-06">Jun 2019</option>
<option value="2019-05">May 2019</option>
<option value="2019-04">Apr 2019</option>
<option value="2019-03">Mar 2019</option>
<option value="2019-02">Feb 2019</option>
<option value="2019-01">Jan 2019</option>
<option value="2018-12">Dec 2018</option>
<option value="2018-11">Nov 2018</option>
<option value="2018-10">Oct 2018</option>
<option value="2018-09">Sep 2018</option>
<option value="2018-08">Aug 2018</option>
<option value="2018-07">Jul 2018</option>
<option value="2018-06">Jun 2018</option>
<option value="2018-05">May 2018</option>
<option value="2018-04">Apr 2018</option>
<option value="2018-03">Mar 2018</option>
<option value="2018-02">Feb 2018</option>
<option value="2018-01">Jan 2018</option>
<option value="2017-12">Dec 2017</option>
<option value="2017-11">Nov 2017</option>
<option value="2017-10">Oct 2017</option>
<option value="2017-09">Sep 2017</option>
<option value="2017-08">Aug 2017</option>
<option value="2017-07">Jul 2017</option>
</select>
</p>
<p id="radius-note"><span>(within a mile radius of <span class="location-ident"></span>)</span></p>
</div>
<div id="chart"></div>
</div>
<div id="map_canvas"></div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBE7jmxNt5AJcQ-toZEIIY_-NoqmOESBg8"></script>
<script type="text/javascript" src="crimemap.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-65197205-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>