krz/lincoln-crimes
clone: git clone https://gitbay.org/krz/lincoln-crimes.git
main: index.html · raw
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <meta
6 name="viewport"
7 content="width=device-width, initial-scale=1, shrink-to-fit=no"
8 />
9 <meta
10 name="description"
11 content="Explore a timeline of Lincoln, Nebraska's police incidents from 1990 through 2020. Quickly view the numbers and rates of incidents in an easy-to-use graph."
12 />
13 <link
14 rel="apple-touch-icon"
15 sizes="57x57"
16 href="./assets/favicon/apple-icon-57x57.png"
17 />
18 <link
19 rel="apple-touch-icon"
20 sizes="60x60"
21 href="./assets/favicon/apple-icon-60x60.png"
22 />
23 <link
24 rel="apple-touch-icon"
25 sizes="72x72"
26 href="./assets/favicon/apple-icon-72x72.png"
27 />
28 <link
29 rel="apple-touch-icon"
30 sizes="76x76"
31 href="./assets/favicon/apple-icon-76x76.png"
32 />
33 <link
34 rel="apple-touch-icon"
35 sizes="114x114"
36 href="./assets/favicon/apple-icon-114x114.png"
37 />
38 <link
39 rel="apple-touch-icon"
40 sizes="120x120"
41 href="./assets/favicon/apple-icon-120x120.png"
42 />
43 <link
44 rel="apple-touch-icon"
45 sizes="144x144"
46 href="./assets/favicon/apple-icon-144x144.png"
47 />
48 <link
49 rel="apple-touch-icon"
50 sizes="152x152"
51 href="./assets/favicon/apple-icon-152x152.png"
52 />
53 <link
54 rel="apple-touch-icon"
55 sizes="180x180"
56 href="./assets/favicon/apple-icon-180x180.png"
57 />
58 <link
59 rel="icon"
60 type="image/png"
61 sizes="192x192"
62 href="./assets/favicon/android-icon-192x192.png"
63 />
64 <link
65 rel="icon"
66 type="image/png"
67 sizes="32x32"
68 href="./assets/favicon/favicon-32x32.png"
69 />
70 <link
71 rel="icon"
72 type="image/png"
73 sizes="96x96"
74 href="./assets/favicon/favicon-96x96.png"
75 />
76 <link
77 rel="icon"
78 type="image/png"
79 sizes="16x16"
80 href="./assets/favicon/favicon-16x16.png"
81 />
82 <link rel="manifest" href="./assets/favicon/manifest.json" />
83 <meta name="msapplication-TileColor" content="#ffffff" />
84 <meta
85 name="msapplication-TileImage"
86 content="./assets/favicon/ms-icon-144x144.png"
87 />
88 <meta name="theme-color" content="#ffffff" />
89 <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
90 <link rel="stylesheet" href="./assets/css/app.css" />
91 <title>Lincoln Incidents Data</title>
92 </head>
93
94 <body>
95 <nav class="navbar navbar-expand-lg navbar-dark text-center">
96 <a class="navbar-brand w-100" href="./">Lincoln Incidents</a>
97 </nav>
98
99 <div class="container-fluid">
100 <div class="alert alert-warning">
101 <strong>Tip: </strong> These graphs cover a long period of time
102 and are best viewed in a desktop browser.
103 </div>
104
105 <form>
106 <div class="form-row">
107 <div class="col-lg-3">
108 <label for="beginningYear">Beginning Year</label>
109 <input
110 id="beginningYear"
111 type="text"
112 class="form-control"
113 placeholder="1990"
114 />
115 </div>
116 <div class="col-lg-3">
117 <label for="endingYear">Ending Year</label>
118 <input
119 id="endingYear"
120 type="text"
121 class="form-control"
122 placeholder="2020"
123 />
124 </div>
125 <div class="col-lg-3">
126 <label for="crimeSelect">Incident Type</label>
127 <select id="crimeSelect" class="custom-select">
128 <option disabled>
129 -- Arrests and Citations --
130 </option>
131 <option value="Felony">Felony</option>
132 <option value="Misdemeanor">Misdemeanor</option>
133 <option value="DWI">DWI</option>
134 <option value="Traffic Tickets">
135 Traffic Tickets
136 </option>
137 <option value="Traffic Warnings">
138 Traffic Warnings
139 </option>
140
141 <option disabled>
142 -- Motor Vehicle Accidents --
143 </option>
144 <option value="All Reportable">
145 All Reportable
146 </option>
147 <option value="Property Damage">
148 Property Damage
149 </option>
150 <option value="Injury">Injury</option>
151 <option value="Fatality">Fatality</option>
152
153 <option disabled>-- Violent Crimes --</option>
154 <option value="Homicide">Homicide</option>
155 <option value="Rape and Attempted Rape">
156 Rape and Attempted Rape
157 </option>
158 <option value="Robbery">Robbery</option>
159 <option value="Aggravated Assault">
160 Aggravated Assault
161 </option>
162
163 <option disabled>-- Non-Violent Crimes --</option>
164 <option value="Burglary (Residential)">
165 Burglary (Residential)
166 </option>
167 <option value="Burglary (Non-Residential)">
168 Burglary (Non-Residential)
169 </option>
170 <option value="Auto Theft">Auto Theft</option>
171
172 <option disabled>
173 -- Thefts (Except Vehicles) --
174 </option>
175 <option value="All Thefts">All Thefts</option>
176 <option value="Stolen Bikes">Stolen Bikes</option>
177 <option value="Theft From Vehicles">
178 Theft From Vehicles
179 </option>
180 <option value="Shoplifting">Shoplifting</option>
181
182 <option disabled>-- Other Crimes --</option>
183 <option value="Vandalism">Vandalism</option>
184 <option value="Fraud">Fraud</option>
185 <option value="Forgery">Forgery</option>
186 <option value="Arson">Arson</option>
187 </select>
188 </div>
189 <div class="col-lg-3 d-flex align-items-end">
190 <div class="w-100">
191 <label for="cb1">Per Capita</label>
192 <input
193 class="tgl tgl-light"
194 id="cb1"
195 type="checkbox"
196 />
197 <label class="tgl-btn" for="cb1"></label>
198 </div>
199 <div class="w-100">
200 <label for="cb2">Years Only</label>
201 <input
202 class="tgl tgl-light"
203 id="cb2"
204 type="checkbox"
205 />
206 <label class="tgl-btn" for="cb2"></label>
207 </div>
208 <button
209 type="submit"
210 class="btn btn-warning w-100"
211 style="height: auto"
212 >
213 Submit
214 </button>
215 </div>
216 </div>
217 </form>
218
219 <div id="chart"></div>
220 </div>
221
222 <!-- JavaScript -->
223 <script src="./assets/js/jquery-3.5.1.min.js"></script>
224 <script src="./assets/js/bootstrap.bundle.min.js"></script>
225 <script src="./assets/js/plotly-1.57.1.min.js"></script>
226 <script src="./assets/js/app.js"></script>
227 </body>
228</html>