forked from CodeforSouth/OpenDataPolicy
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·250 lines (235 loc) · 13.4 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!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">
<title>Birmingham Open Data Policy</title>
<!--Stylesheet-->
<link href="css/main.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9] >
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="//use.typekit.net/ywq1yli.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<div class="cover">
<a class="lang" href="index-es.html">Español</a>
<div class="cover-content">
<h1>Birmingham<span class="brand-second">OpenData</span></h1>
<p class="lead">Taking steps towards our future, one dataset at a time.</p>
<a class="btn btn-primary btn-lg" href="#whatisopendata">Tell Me More</a>
<a class="btn btn-primary btn-lg" href="#petition-form">I Support Open Data</a>
<a class="btn btn-primary btn-lg" href="https://docs.google.com/document/d/1wh4m9AO_P0XL80YJnbuDFrk5SJn9Cfr09ULpiPqVbN0/">Open letter to Mayor Bell</a>
</div>
</div>
<div class="container">
<div class="col-md-3">
<div class="sidebar hidden-print hidden-xs hidden-sm affix-top" role="complementary">
<ul class="nav sidenav">
<li><a href="#whatisopendata">What Is Open Data?</a></li>
<li><a href="#whyopendata">Why Open Data?</a></li>
<li>
<a href="#benefits">Benefits</a>
<ul class="nav">
<li><a href="#transparency">Transparency</a></li>
<li><a href="#efficiency">Efficiency</a></li>
<li><a href="#innovation">Innovation</a></li>
</ul>
</li>
<li><a href="#examples">Examples</a></li>
<li><a href="#cost">Cost</a></li>
<li><a href="#resources">Resources</a></li>
<li><a href="#petition">Sign Petition</a></li>
</ul>
<a class="back-to-top" href="#top">
Back to top
</a>
</div>
</div>
<div id="start" class="col-md-9">
<h2 id="whatisopendata" class="page-header">
<i class="glyphicon glyphicon-stats"></i>What is Open Data
<!--<a href="http://www.codeforamerica.org/governments/capabilities/open-data/#intro">What is Open Data?</a>-->
</h2>
<section>
<p>Open data refers to data (such as documents, databases, records, or transcripts, including those managed by outside vendors) released by a government or organization that is:</p>
<ul>
<li><strong>freely available</strong> to be used, shared, and reused by anyone for any purpose, commercial or otherwise.</li>
<li><strong>available in digital, machine-readable formats</strong> (such as json) so that it can be used in combination with other data and applications.</li>
<li><strong>available in its entirety</strong> — and able to be downloaded “in bulk” and not just manually retrieved record-by-record.</li>
</ul>
</section>
<h2 id="whyopendata" class="page-header">
<i class="glyphicon glyphicon-question-sign"></i>Why does Birmingham need an open data policy?
</h2>
<section>
<p>Information about our county and cities are among our governments' greatest public assets. While Jefferson County and many municipalities <a href="http://us-city.census.okfn.org/">have significant data available,</a> we lag behind many other counties and cities of our size in overall availabilty of data and frequency at which those data are updated. We also lack a centralized data repository for easy access to our data. Adopting a formal open data policy is the first step toward making local government information accessible and easy-to-use and the only way we might consistently leverage the benefits of a true open data ecosystem.</p>
</section>
<section id="petition" class="petition">
<h3>Convinced to support open data in Birmingham?</h3>
<div>
<a href="#petition-form" class="petition-yes">Yes.</a>
<a href="#benefits" class="petition-no">Not yet.</a>
</div>
</section>
<h2 id="benefits" class="page-header">
<i class="glyphicon glyphicon-star"></i>Benefits of Open Data
</h2>
<section>
<h2 id="transparency" class="page-subheader">Transparency & Accountability</h2>
<p>Having formal policies and processes in place to release open data can help residents better understand important civic issues in their communities, including spending, economic development, services, energy, transit, infrastructure and crime. Formal guidelines can also better <a href="http://sunlightfoundation.com/policy/opendatafaq/#safeguard">safeguard sensitive information about individuals</a> over the long-term.</p>
<p><strong>Examples:</strong></p>
<ul>
<li><a href="http://hbswk.hbs.edu/item/7393.html">Boston: Increasing Trust Between Government and Residents</a>
<li><a href="http://chicagocouncilmatic.org/">Chicago: Tracking City Council Activity</a></li>
<li><a href="http://beyondtransparency.org/chapters/part-4/beyond-open-data-the-data-driven-city/"> New York City: Targeting Illegal Building Conversions Inspections</a>
<li><a href="http://sanfrancisco.crimespotting.org/">San Francisco: Mapping crime</a></li>
</ul>
<h2 id="efficiency" class="page-subheader">Efficiency & Service improvements</h2>
<p>Open data allows different departments in a government as well as residents to monitor trends and needs more quickly and effectively, decreasing costs and improving core services.</p>
<p><strong>Examples:</strong></p>
<ul>
<li><a href="http://www.baltimorecity.gov/311-services">Baltimore: Tracking and reporting 311 requests</a></li>
<li><a href="http://opencounter.cityofsantacruz.com/applicants/sign_in"> Santa Cruz: Making permitting easier for business owners</a></li>
<li><a href="http://www.codeforamerica.org/peer-network-training/03-20-2014/Oakland: Streamlining Public Information Requests">Oakland: Streamlining public information requests</a></li>
<li><a href="http://blightstatus.nola.gov/">New Orleans: Monitoring and reporting blight</a></li>
<li><a href="http://www.smc-connect.org/">San Mateo County: Aggregating community services</a></li>
</ul>
<h2 id="innovation" class="page-subheader">Innovation & Economic Development</h2>
<p>Open data provides valuable information to our thriving industries that can propel Birmingham forward as a leader in both civic innovation and business.</p>
<p><strong>Examples:</strong></p>
<ul>
<li><a href="http://www.opendata500.com/"> The Open Data 500: Top U.S. companies built on open data</a></li>
<li> <a href="http://www.trulia.com/">Trulia: Giving buyers, sellers and renters better tools to find a home</a></li>
<li><a href="http://smartprocure.us/">SmartProcure: Connecting businesses and government to improve procurement</a></li>
<li><a href="http://en.seeclickfix.com/">SeeClickFix: Streamlining and leveraging 311 data</a></li>
</ul>
</section>
<h2 id="examples" class="page-header">
<i class="glyphicon glyphicon-paperclip"></i>Examples of local open data policies
</h2>
<section>
<script src="https://embed.github.com/view/geojson/sunlightpolicy/opendata/master/USlocalpolicylocations.geoJSON"></script>
</section>
<h2 id="cost" class="page-header">
<i class="glyphicon glyphicon-usd"></i>How much will it cost?
</h2>
<section>
<p>"There has been a range of budgeted numbers attached to legislation for funding open data efforts. Generally, anywhere from $0 (if no one is hired and no additional money is needed for technology) to $500,000 (for hiring new staff and adopting new technology) may be budgeted for city, state, or federal open data initiatives. Funding should be considered for—but not limited to—the potential of new staff (administrative, technical and legal), new software (to house, extract and input data), training, and server maintenance. It will be important for each jurisdiction to consider what it needs to support a strong open data ecosystem."</p>
<p><em><a href="http://sunlightfoundation.com/policy/opendatafaq/#cost">—From Sunlight Foundation Open Data FAQ</a></em></p>
</section>
<h2 id="resources" class="page-header">
<i class="glyphicon glyphicon-plus"></i>Additional Resources
</h2>
<section>
<ul>
<li><a href="http://www.codeforamerica.org/governments/capabilities/open-data/">Code for America: Open Data Playbook</a></li>
<li><a href="http://sunlightfoundation.com/policy/local/">Sunlight Foundation: Local Open Data Policy</a></li>
<li><a href="http://project-open-data.github.io/">Project Open Data: White House Open Data Policy Guide</a></li>
<li><a href="http://opendatahandbook.org/">Open Knowledge Foundation: Open Data Handbook</a></li>
<li><a href="https://usodi.org/">U.S. Open Data Institute</a>
<li><a href="http://www.socrata.com/open-data-field-guide/">Socrata Open Data Field Guide</a></li>
</ul>
</section>
<section id="petition-form" class="petition">
<h3>Sign on as a supporter</h3>
<form id="form" class="form-petition" accept-charset="UTF-8" action="">
<input type="hidden" name="utf8" value="✓">
<input id="firstName" type="text" name="firstname" required placeholder="First Name">
<input id="lastName" type="text" name="lastname" required placeholder="Last Name">
<input id="email" type="email" name="email" required placeholder="Email">
<input id="zipCode" type="number" name="zipcode" required placeholder="Zip Code">
<input id="Organization" type="text" name="organization" required placeholder="Organization">
<input id="Position" type="text" name="position" required placeholder="Position">
<button id="submitButton" value="Sign up">Sign up</button>
</form>
<div>
<hr>
<small><em>We care about your privacy, we won't share your email.</em></small>
</div>
</section>
<section id="petition-confirmation" class="petition text-center">
<h3>Thank you for supporting Open Data in Birmingham,<br>please let others know.</h3>
<!-- share social -->
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://Birminghamopendata.org#petition-form" data-text="#OpenData can power eGov innovation. @Birminghamdadecounty needs a policy." data-count="none" data-via="CodeForBirmingham">Tweet</a>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div class="fb-share-button" data-href="http://Birminghamopendata.org#petition-form" data-layout="button"></div>
</section>
</div>
</div>
<div class="footer">
<div class="container">
Built with <span class="glyphicon glyphicon-heart"></span> by <a href="http://codeforBirmingham.org/"><span style="color: deepskyblue">Code for Birmingham</span></a>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function() {
// Sidenav affixing
setTimeout(function () {
var $sideBar = $('.sidebar');
var offset={};
$sideBar.affix({
offset: {
top: function () {
var offsetTop = $sideBar.offset().top + 200;
var sideBarMargin = parseInt($sideBar.children(0).css('margin-top'), 10);
var navOuterHeight = $('.nav').height();
return (this.top = offsetTop - navOuterHeight - sideBarMargin)
},
bottom: function () {
return (this.bottom = $('footer').outerHeight(true))
}
}
});
}, 100);
setTimeout(function () {
$('.top').affix()
}, 100);
// submit petition form, show thanks and social
$('#submitButton').click(function() {
event.preventDefault();
var petitionForm = $(this);
$.ajax({
type: 'POST',
url: "https://docs.google.com/forms/d/1iVQWHx4QsoZTcUJtLqIKEew5Kk2X9AMcNVDpebMtvfA/formResponse",
data: {
'entry_1042999987': $('#firstName').val(),
'entry_335922915': $('#lastName').val(),
'entry_712033864': $('#email').val(),
'entry_1751214748': $('#zipCode').val(),
'entry_1238356497': $('#Organization').val(),
'entry_28398142': $('#Position').val()
},
accepts: {
javascript: 'application/javascript'
}
})
.done(function() {
alert("jedi");
$('#petition-form').hide();
$('#petition-confirmation').show();
})
.always(function() {
alert("You Rock!");
})
});
});
</script>
<script src="js/bootstrap.js"></script>
<script src="js/app.js"></script>
</body>
</html>