forked from datamade/vacant-building-finder
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·115 lines (107 loc) · 5.78 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
<!DOCTYPE html>
<html>
<head>
<title>Vacant and Abandoned Building Finder - Chicago</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="source/analytics_lib.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="source/jquery.ezpz_hint.min.js" type="text/javascript"></script>
<script src="source/maps_lib.js" type="text/javascript"></script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href='styles/master.css' media='all' rel='stylesheet' type='text/css' />
<script type="text/javascript">
$(function() {
initialize();
$(".hint").ezpz_hint();
$(':checkbox').click(function(){
doSearch();
});
});
</script>
</head>
<body>
<div id="page">
<div id='title'>
<a href='/'><img src='images/logo.jpg' alt='Vacant and Abandoned Building Finder - Chicago' /></a>
<ul id='header-nav'>
<li><a href='/'>Home</a></li>
<li><a href='about.html'>About</a></li>
<li><a href='faq.html'>FAQ</a></li>
<li><a href='https://servicerequest.cityofchicago.org/web_intake_chic/Controller?op=locform&invSRType=BBK&invSRDesc=Vacant/Abandoned%20Building&locreq=Y&stnumreqd=Y'>Report a building to 311</a></li>
</ul>
</div>
<div class="content-secondary">
<p class='tagline'>Find vacant and abandoned buildings in Chicago. <br /><span class='mute'>Data comes from reports made for open and vacant buildings to 311 since January 1, 2010. <a href='faq.html'>Check out the FAQ</a> for more information. <a href='about.html#how-does-it-work'>How do I use this?</a></span></p>
<div id='search'>
<h4>Open or boarded<span>(<a href='faq.html#fees-for-vacant'>more info</a>)</span></h4>
<ul class='options-h'>
<li><span id="label-blue"><label for='cbOpen1'><input type='checkbox' id='cbOpen1' />Open</label></span></li>
<li><span id="label-green"><label for='cbOpen2'><input type='checkbox' id='cbOpen2' />Boarded</label></span></li>
<li><span id="label-yellow"><label for='cbOpen3'><input type='checkbox' id='cbOpen3' />Unknown</label></span></li>
</ul>
<ul class='options-h'>
<li><label for='cbFire1'><input type='checkbox' id='cbFire1' />Vacant due to fire</label></li>
<li><label for='cbInUse1'><input type='checkbox' id='cbInUse1' />Used by non-residents</label> (<a href='faq.html#laws-against-occupying'>more info</a>)</li>
</ul>
<h4>
Date reported
<span class='mute' id="startDate"></span> - <span class='mute' id="endDate"></span>
</h4>
<div id="date-range"></div>
<p class='l' id='minDate'></p><p class='r' id='maxDate'></p>
<div class='clear'></div>
<div class='input-addr'>
<h4>Search around an address<span>(<a href='#' onclick="findMe(); return false;">find me</a>)</span></h4>
<p><input class='txt hint' type="text" title="Enter an address or an intersection …" id="txtSearchAddress" onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()"/></p>
</div>
<div class='input-radius'>
<h4> <span class='mute'>within …</span></h4>
<p>
<select id='ddlRadius'>
<option value='400'>2 blocks</option>
<option value='805'>1/2 mile</option>
<option value='1610'>1 mile</option>
<option value='3220'>2 miles</option>
</select>
</p>
</div>
<div class='clear'></div>
<input class="btn" type="button" id="btnSearch" value="Search" onclick="doSearch();" />
<span class='mute'><a href='#' onclick="initialize();">reset map</a></span>
<span id='resultCount'> </span>
<hr />
<h4>Neighborhood demographics<span class='mute'>(<a href='about.html#where-did-you-get-your-data-from'>where did this come from?</a>)</span></h4>
<ol id='demographics-legend'>
<li id='legend-left'></li>
<li id='legend-middle'></li>
<li id='legend-right'></li>
</ol>
<div class='clear'></div>
<ul class='c3l options-v'>
<li><label for='rbCensus1'><input name='rbCensus' type='radio' id='rbCensus1' onclick="toggleCensus();"/>Poverty rate</label></li>
<li><label for='rbCensus2'><input name='rbCensus' type='radio' id='rbCensus2' onclick="toggleCensus();"/>Unemployment rate</label></li>
</ul>
<ul class='c3m options-v'>
<li><label for='rbCensus3'><input name='rbCensus' type='radio' id='rbCensus3' onclick="toggleCensus();"/>Population</label></li>
<li><label for='rbCensus4'><input name='rbCensus' type='radio' id='rbCensus4' onclick="toggleCensus();"/>Median income</label></li>
<!--<li><label for='rbCensus5'><input name='rbCensus' type='radio' id='rbCensus5' onclick="toggleCensus();"/>% Black</label></li>
<li><label for='rbCensus6'><input name='rbCensus' type='radio' id='rbCensus6' onclick="toggleCensus();"/>% Hispanic</label></li>-->
</ul>
<ul class='c3r options-v'>
<li><label for='rbCensus7'><input name='rbCensus' type='radio' id='rbCensus7' onclick="toggleCensus();"/>Off</label></li>
</ul>
<div class='clear'></div>
<hr />
<p class='mute'>A project by <a href='http://derekeder.com'>Derek Eder</a></p>
</div>
</div>
<div class="content-primary">
<div id="map_canvas"></div>
</div>
</div>
</body>
</html>