-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
executable file
·336 lines (270 loc) · 13.6 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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 0px;
padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<a href="https://github.com/c4hrva/codeacross"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</str40 4ong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<p><a class="btn btn-primary btn-lg" href="http://www.eventbrite.com/e/code-across-hampton-roads-tickets-9780538855?aff=es2&rank=1&sid=aa314a0f6a5e11e3944b22000a9f38e9">Register »</a>
<a class="btn btn-primary btn-lg" href="https://secure.codeforamerica.org/page/contribute/default?custom1=c4hrva">Sponsor »</a></p>
</div>
</div>
<section id="events">
<div class="container">
<div class="row">
<div id="preamble" class="col-xs-12">
<p>CodeAcross is a celebration of civic innovation experienced simultaneously in dozens of Code for America cities around the globe February 21-23. International Open Data Day is also this weekend. Our theme is "Beyond Transparency". Let’s take the open government movement one step further by focusing on not only making data open, but actionable.</p>
<p>Join us in here in Hampton Roads.</p>
</div>
<div id="inspiration" class="event col-sm-6">
<h1>Inspiration</h1>
<h2 class="col-sm-8">Roper Performing Arts Center</h2>
<h3 class="col-sm-4">4:00 PM | 2/21</h3>
<div class="clearfix"></div>
<h4>340 Granby Street
, Norfolk, VA</h4>
<div class="clearfix"></div>
<p>We've been offered one of the finest theaters in the area to host an inspiring kickoff of talks, movies and demos.</p>
</div>
<div id="participation" class="event col-sm-6">
<h1>Participation</h1>
<h2 class="col-sm-8">Dominion Enterprises</h2>
<h3 class="col-sm-4">9:00 AM | 2/22</h3>
<div class="clearfix"></div>
<h4>150 Granby Street, Norfolk, VA</h4>
<div class="clearfix"></div>
<p>We're trying to get to the top of the tower for a day of civic hacking. Stay tuned for details.</p>
</div>
</div>
</div>
</section>
<!-- real challenges -->
<section id="challenges">
<div class="container">
<h1>Challenges</h1>
<div class="row">
<div class="col-sm-6">
<h2>Where's my School Bus?</h2>
<img src="img/challenge/school_bus.png" alt="placeholder">
<p>Work with or lobby VBSchools to publish their real time bus location data on the web so you don’t have to guess where your child’s bus is
</p>
<div class="clearfix"></div>
</div>
<div class="col-sm-6">
<h2>Open Incidents</h2>
<img src="img/challenge/crime.png" alt="placeholder">
<p>Work with crime data publishers, journalists and civic leagues to make crime data easier to use
</p>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h2>Open Budget</h2>
<img src="img/challenge/opendata.png" alt="placeholder">
<p>Devise a plan to engage citizens through Open Budget</p>
<p>Redeploy one or more Open Budget apps in one or more cities to feature on gov web site(s), ex. vbgov.com/budget
</p>
<div class="clearfix"></div>
</div>
<div class="col-sm-6">
<h2>Open Building</h2>
<img src="img/challenge/building.png" alt="placeholder">
<p>Work with cities in the region to publish Open Data about buildings</p>
<p>Redeploy Edifice or other building information app</p>
<p>Imagine new interfaces for Open Building data</p>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h2>We the People</h2>
<img src="img/challenge/wethepeople.png" alt="placeholder">
<p>The White House petition site has transformed the way constituents are heard by their elected officials
</p>
<p>Redeploy petitions technology for Hampton Roads</p>
<div class="clearfix"></div>
</div>
<div class="col-sm-6">
<h2>Open Health Inspection</h2>
<img src="img/challenge/health_inspection.png" alt="placeholder">
<p>Help provide easier ways for citizens to use public health inspection data</p>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h2>Library-as-a-Platform</h2>
<img src="img/challenge/hackstack.jpg" alt="placeholder">
<p>Use HRVAWiki as a platform for curating local history online</p>
<p>Explore the concept of anchoring Open Data operations through the public library</p>
<div class="clearfix"></div>
</div>
<div class="col-sm-6">
<h2>Transportation</h2>
<img src="img/challenge/bus2.png" alt="placeholder">
<p>Empower citizens with public transportation data and information use traffic data and public info to improve urban planning</p>
<div class="clearfix"></div>
</div>
</div>
</div>
</section>
<!-- Activities -->
<section id="activities">
<div class="container">
<h1>Activities</h1>
<div class="row">
<div class="col-sm-6">
<img src="img/challenge_icons/CA_pencil.png" alt="placeholder">
<h2>HRVAWiki Edit-a-thon</h2>
<p>Spend a few hours contributing to the Hampton Roads LocalWiki</p>
<div class="clearfix"></div>
<p>Skillset: Writing, Photography, Videography</p>
</div>
<div class="col-sm-6">
<img src="img/challenge_icons/CA_people.ong.png" alt="placeholder">
<h2>Wordpress Your Civic League</h2>
<p>Learn how to get your civic league or community organization up and running on WordPress</p>
<div class="clearfix"></div>
<p>Skillset: Web Hosting, Blogging</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<img src="img/challenge_icons/CA_megaphone.png" alt="placeholder">
<h2>Geeks on the Bus</h2>
<p>Join a group of people to ride the bus singing the praises of HRTB.us and passing out stickers.</p>
<div class="clearfix"></div>
<p>Skillset: Design, Marketing, Promotions, Social Media</p>
</div>
<div class="col-sm-6">
<img src="img/challenge_icons/CA_leaf.png" alt="placeholder">
<h2>Mobile Parks and Rec</h2>
<p>Make the ultimate mobile app for VB Parks & Rec data.</p>
<div class="clearfix"></div>
<p>Skillset: Coding, Writing, Design</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<img src="img/challenge_icons/CA_structure.png" alt="placeholder">
<h2>HRVAwiki Walking Tours</h2>
<p>Help make routes for local art, architecture, history and more.</p>
<div class="clearfix"></div>
<p>Skillset: Writing, Coding, Design</p>
</div>
<div class="col-sm-6">
<img src="img/challenge_icons/CA_graph.png" alt="placeholder">
<h2>Elected Officials / Candidate Survey</h2>
<p>Fork the open data survey published by Open Twin Cities. Market the survey to local and state elected officials and candidates for office. Publish the results.</p>
<div class="clearfix"></div>
<p>Skillset: Lobbying</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<img src="img/challenge_icons/CA_mobile.png" alt="placeholder">
<h2>Adopt-a-Drain</h2>
<p>Deploy and maintain Adopt-a app so people can adopt storm water drains.</p>
<p>Adopt storm water drains using the app.</p>
<div class="clearfix"></div>
<p>Skillset: App Deployment, Environmental Cleanup</p>
</div>
</div>
</div>
</section>
<section id="donors">
<div class="container">
<h1>Donors</h1>
<div class="row">
<a href="#"><img src="http://placehold.it/150x150" alt="sponsor logo"></a>
<a href="#"><img src="http://placehold.it/150x150" alt="sponsor logo"></a>
<a href="#"><img src="http://placehold.it/150x150" alt="sponsor logo"></a>
<a href="#"><img src="http://placehold.it/150x150" alt="sponsor logo"></a>
<a href="#"><img src="http://placehold.it/150x150" alt="sponsor logo"></a>
<a href="#"><img src="http://placehold.it/150x150" alt="sponsor logo"></a>
</div>
</div>
</section>
<section id="faq">
<div class="container">
<h1>Stuff You Should Know</h1>
<div class="row">
<div class="col-sm-6">
<h2>What is Code for Hampton Roads?</h2>
<p>We are a <a href="http://brigade.codeforamerica.org/">Code for America Brigade</a>, which means we're volunteers that contribute our talents toward improving the way our local governments and community organizations use the web. Brigade is about action and you're here because you are someone who takes action.</p>
</div>
<div class="col-sm-6">
<h2>What is “Beyond Transparency?”</h2>
<p>Beyond Transparency is a call to action for local governments, civic technologists, and the community “to examine what is needed to build an ecosystem in which open data can become the raw materials to drive more effective decision-making and efficient service delivery, spur economic activity, and empower citizens to take an active role in improving their own communities.”</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h2>Who Should Get Involved?</h2>
<p>Coders, designers, marketers, government staff, innovators — anyone with the passion to make their city and the region better.</p>
</div>
<div class="col-sm-6">
<h2>What Should I Bring?</h2>
<ul>
<li>Yourself</li>
<li>Laptop / tablet / pen and paper <br>(whatever you need to be productive)</li>
<li>Enthusiasm!</li>
</ul>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h1>Get Involved</h1>
<p><a class="btn btn-primary btn-lg" href="http://www.eventbrite.com/e/code-across-hampton-roads-tickets-9780538855?aff=es2&rank=1&sid=aa314a0f6a5e11e3944b22000a9f38e9">Register »</a>
<a class="btn btn-primary btn-lg" href="https://secure.codeforamerica.org/page/contribute/default?custom1=c4hrva">Sponsor »</a></p>
<hr>
<h2>Get In Touch</h2>
<p>Do you have any questions about the Event or want to sponsor?</p>
<center><p><a class="btn btn-primary btn-lg" href="mailto:[email protected]">Email us »</a></p><center>
</center></center>
</div>
</section>
<footer>
<div class="container">
<center>
<p>© <a href="http://codeforhamptonroads.org">Code For Hampton Roads.</a></p>
</center>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>