-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
138 lines (124 loc) · 5.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Year in review for permits">
<meta name="author" content="Mark Headd">
<title>2015 Year in Review: Building Permits</title>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootswatch/3.1.1/yeti/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.css" rel="stylesheet">
<style type="text/css">
body {
margin-top: 80px;
text-align: center;
}
h2 {
margin-bottom: 15px;
}
img {
padding: 10px;
}
.message {
padding: 10px;
margin-bottom: 5px;
}
</style>
</head>
<body role="document">
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Year in Review</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/mheadd/year-in-review">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Select a municipality <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#" class="city" id="tampa">Tampa, FL</a></li>
<li><a href="#" class="city" id="deschutes">Deschutes County, OR</a></li>
<li><a href="#" class="city" id="bernalillo">Bernalillo County, NM</a></li>
<li><a href="#" class="city" id="alameda">City of Alameda, CA</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="jumbotron">
<div class="container">
<h1>2015 Year in Review</h2>
<h2>Select a municipality to view its Building Permit Year in Review.</h3>
<p class="lead">Powered by Accela's <a href="http://CivicData.com">CivicData</a> platform.</p>
</div>
</div>
<div class="container">
<p class="message">
In 2015, Accela led a coalition of civic technology companies and other stakeholders in the development of the first ever shared <a href="http://permitdata.org">data specification for building permit data</a>. This new standard is being implemented in cities across the country and will provide new and powerful insights into the operation of cities and the changing character of communities. This site provides a sample of some of the data that has been published by different jurisdictions in the new Building and Land Development Specification (BLDS) data format.
</p>
<div class="logos">
<div class="row">
<div class="col-md-3">
<a href="#" class="city" id="tampa"><img src="https://raw.githubusercontent.com/Accela-Inc/civicdata-logos/master/logo_tampa.jpeg"/></a>
<p>Tampa, FL</p>
</div>
<div class="col-md-3">
<a href="#" class="city" id="deschutes"><img src="https://raw.githubusercontent.com/Accela-Inc/civicdata-logos/master/logo_deschutes_county.png"/></a>
<p>Deschutes County, OR</p>
</div>
<div class="col-md-3">
<a href="#" class="city" id="bernalillo"><img src="https://raw.githubusercontent.com/Accela-Inc/civicdata-logos/master/logo_bernalillo_co_nm.png"/></a>
<p>Bernalillo County, NM</p>
</div>
<div class="col-md-3">
<a href="#" class="city" id="alameda"><img src="https://raw.githubusercontent.com/Accela-Inc/civicdata-logos/master/logo_alameda_ca.png"/></a>
<p>City of Alameda, CA</p>
</div>
</div>
</div>
<h2 id="summary"></h2>
<h1 id="working">Fetching data...</h1>
<h1 id="error">An error occured. Unable to retrieve data.</h1>
<div id="top">
<p class="lead" id="year">Permits Issued Year over Year</p>
<div id="annual"></div>
</div>
<div>
<p class="lead" id="permittype">Permits Types Issued Year over Year</p>
<div class="row">
<div class="col-md-6">
<div id="type2015"></div>
<p class="lead">Permit Types: 2015</p>
</div>
<div class="col-md-6">
<div id="type2014"></div>
<p class="lead">Permit Types: 2014</p>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<hr/>
<p class="text-muted">Powered by <a href="http://permitdata.org">BLDS</a> and <a href="http://civicdata.com">CivicData</a>
</div>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.js"></script>
<script src="cities.js"></script>
<script src="app.js"></script>
</body>
</html>