-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (227 loc) · 13 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Code Across Grand Rapids | Friendly Code</title>
<meta name="description" content="Bringing civics into the 21st century with two days of civic hacking and collaboration.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<header role="banner">
<h1>Code Across <span>Grand Rapids</span></h1>
<h2>2014</h2>
</header>
<section id="intro">
<header>
<h1>Bringing citizen engagement into the 21st Century</h1>
<h2>February 21-22, 2014 — Grand Rapids, Michigan</h2>
<p>
<a href="http://codeacrossgr.eventbrite.com" class="button">Register Now</a><br />
It's free!
</p>
</header>
<div class="viewport">
<div class="feature">
<img src="img/data_2x.png" alt="Open data" class="badge" />
<h2>Exploring open data in our city</h2>
<p>We’ll imagine the possibilities of open data in Grand Rapids. Friendly Code and the City of Grand Rapids will announce the launch of Grand Rapids Open Data, a city-supported community-powered data portal.</p>
</div>
<div class="feature">
<img src="img/people_2x.png" alt="Rapidian collaboration" class="badge" />
<h2>Calling dedicated Rapidians</h2>
<p>If you’re a citizen, community leader, government official, coder, designer, planner or friend of Grand Rapids, we need your voice. We'll be envisioning the future of citizen engagement and building the tools to get there.</p>
</div>
<div class="feature">
<img src="img/usa.png" alt="National participation" class="badge" />
<h2>Code Across and Open Data Day</h2>
<p>A national weekend of civic innovation. Code Across Grand Rapids is just one of a number of events taking place around the world, gathering citizens who are passionate about technology and their communities. Check out all of the <a href="http://codeforamerica.org/events/codeacross-2014/">Code Across</a> and <a href="http://opendataday.org/">Open Data Day</a> events going on around the world.</p>
</div>
</div><!-- /.viewport -->
</section>
<section id="schedule" class="viewport">
<header>
<h1>Two days of civic hacking and collaboration</h1>
<h2>Event Schedule</h2>
</header>
<div class="feature">
<h2>Friday, February 21, 2014</h2>
<h2><em>Inspiration</em></h2>
<h3>6PM - 9PM</h3>
<p>We'll give a survey of civic hacking across the country, introduce the project team leads, then let you mingle and get started on building a better Grand Rapids!</p>
<ul>
<li>6pm - Doors open. Mingle with some appetizers courtesy of our awesome sponsors!</li>
<li>6:50pm - Commissioner Ruth Kelly will launch Code Across speaking on the importance of citizen participation.</li>
<li>7pm - Paul Klimas, Grand Rapids' Director of IT, on open data and privacy.</li>
<li>7:10pm - Jonathan Pichot on 21st century citizen engagement</li>
<li>7:30pm - Project intros</li>
<li>7:45pm - Meet your fellow Code Across attendees, ask questions, brainstorm new projects, and get ready for Saturday!</li>
</ul>
</div>
<div class="feature">
<h2>Saturday, February 22, 2014</h2>
<h2><em>Participation</em></h2>
<h3>9AM - 5PM</h3>
<p>We'll provide space, internet, and whiteboards for you to work with your teams throughout the day. This is the time to dig deeply into the project to which you want to contribute.</p>
<li>9am - Doors open. Breakfast provided. (It'll be really good.)</li>
<li>9am – 4pm. Join a project team or start your own. Write, code, plan, and build.</li>
<li>1pm - Lunch provided. (It'll also be really good.)</li>
<li>4pm - Project Wrap-ups. Hear from the project teams and plan next steps. This is only the beginning. Join us at our <a href="http://www.meetup.com/Friendly-Code/events/164989962/">next Friendly Code meetup</a>.</li>
</div>
<div class="feature">
<h2>Location</h2><br>
<p>
Downtown Grand Rapids Inc.<br>
29 Pearl NW<br>
Grand Rapids, Michigan 49503
</p>
<p><a href="https://goo.gl/maps/F66rn">Map</a></p><br>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2919.5533031879336!2d-85.66933499999999!3d42.966617!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8819adc5fe800575%3A0xecceb547da0202c8!2s29+Pearl+St+NW!5e0!3m2!1sen!2sus!4v1392595385778" width="286" height="286" frameborder="0" style="border:0"></iframe>
</div>
<p class="note">
<small>BYO laptops, ideas, and collaborative spirit. Refreshments & snacks will be provided throughout Saturday.<br>
Paper, post-its, whiteboards, markers, powerstrips, projector, and WiFi will also be available for use.</small><br>
<strong><small>As with any internet-heavy event, public bandwidth can be a limitation. If you have a phone or device that can tether, please bring it! <br>It'll take pressure off our internet connection and help everyone have a better experience. Thank you!</small></strong>
</p>
</section>
<hr />
<section id="projects" class="viewport">
<h1>Projects</h1>
<div class="feature build">
<h2>MyMetro</h2>
<h3>Chase Lee</h3>
<p>
A hyperlocal civic notification app. Forget your when your trash gets picked up? Have it remind you. Want to know where your polling place is? Forget your precinct and ward? It can remind you of that too.
</p>
<p class="needs"><strong>Needs:</strong> a designer, python & angular developers.</p>
</div>
<div class="feature write">
<h2>Viget Writathon</h2>
<h3>You!</h3>
<p>
Viget is a wiki for the city of Grand Rapids. It's a place for local history and local storytelling. Relaunched on the LocalWiki platform a year and half ago, it could use some more attention. Any citizen can contribute. Writer? Designer? Organizer? Help document your city.
<br />
<a href="http://viget.org">viget.org</a>
</p>
<p class="needs"><strong>Needs:</strong> writers and community organizers.</p>
</div>
<div class="feature map">
<h2>OpenStreetMap</h2>
<h3>You!</h3>
<p>
OpenStreetMap is like Wikipedia for maps. It's a community powered mapping platform that provides a free alternative to Google Maps. All you need to edit OpenStreetMap is a browser.
<br />
<a href="http://www.openstreetmap.org/relation/134444">openstreetmap.org</a>
</p>
<p class="needs"><strong>Needs:</strong> anyone interested in maps</p>
</div>
<div class="feature build">
<h2>VoteAlign</h2>
<h3>Jace Browning</h3>
<p>
VoteAlign introduces you to the political team that represents you at the federal, state, and local level. User-created summaries of upcoming bills help you stay informed. Stay involved by indicating how you would vote. Get notified when the final vote occurs to compare your representatives to you.
<br />
<a href="http://votealign.org">votealign.org</a>
</p>
<p class="needs"><strong>Needs:</strong> python and front-end developers.</p>
</div>
<div class="feature analyze">
<h2>311 Data Analysis</h2>
<h3>Traci Montgomery</h3>
<p>
Grand Rapids' 311 department handles calls from Grand Rapidians about all sorts of issues. By mapping calls about missed trash and recycling pickups, for example, the city was able to determine what streets needed clearing these past few weeks. By giving a glimpse into what is and isn't working in the city, 311 data can provide clues to how we might make citizens happier and government better.
<br />
</p>
<p class="needs"><strong>Needs:</strong> data nerds and amateur demographers</p>
</div>
<div class="feature map">
<h2>GeoServer</h2>
<h3>Dave Brondsema</h3>
<p>
To build digital maps, a developer needs more than some GIS shapefiles. This team will be spinning up a community powered instance of GeoServer, the open-source mapping server. This will let us make maps with both city and community data.
<br />
<a href="http://geoserver.org">geoserver.org</a>
</p>
<p class="needs"><strong>Needs:</strong> ops and back-end developers.</p>
</div>
<div class="feature build">
<h2>Ohana API</h2>
<h3>You!</h3>
<p>
The Ohana API aims to provide a read/write database of community organizations & services. It's an open source project that attempts to standardize human services data in a community and act as a centralized searchable database for that data. A team with an interest in social work could spin up an instance of Ohana and begin filling it with data.
<br />
<a href="http://ohanapi.org/">ohanapi.org</a>
</p>
<p class="needs"><strong>Needs:</strong> rails developers and community organizers</p>
</div>
<div class="feature analyze">
<h2>Parking Data Analysis</h2>
<h3>You!</h3>
<p>
As Grand Rapids develops, densifies, and becomes even more of a destination, parking has become, not only an asset management problem, but a political one. Dig into the parking data to get an idea of what the true usage of our parking infrastracture is.
<br />
<a href="http://data.grcity.us/dataset?tags=parking">data.grcity.us</a>
</p>
<p class="needs"><strong>Needs:</strong> data geeks, front-end developers, and parking gurus.</p>
</div>
<div class="feature analyze">
<h2>Grand Rapids Open Data</h2>
<h3>Lee Mueller</h3>
<p>
Code Across may be the public launch of the portal, but there's definitely more to do! Help wrangle data and catalog it and build a great resource for open government in Grand Rapids.
<br />
<a href="http://data.grcity.us">data.grcity.us</a>
</p>
<p class="needs"><strong>Needs:</strong> citizens and advocates.</p>
</div>
<div class="feature build">
<h2>Adopt-a-Hydrant</h2>
<h3>You!</h3>
<p>
Adopt-a-Hydrant is an app that maps the locations of fire hydrants so volunteers can find and dig them out during snow storms. Storms often hide fire hydrants under piles of snow making them impossible to find quickly. Once they are found, fire fighters must spend precious minutes shoveling out hydrants before they can starting putting out the fire. With thousands of fire hydrants, most cities simply don't have the resources to shovel them all out.
<br />
<a href="http://commons.codeforamerica.org/apps/adopt-hydrant">adopt-a-hyrdrant</a>
</p>
<p class="needs"><strong>Needs:</strong> rails developers and citizens</p>
</div>
<div class="feature">
<h2>Your project?</h2>
<h3>You</h3>
<p>
Come with your ideas, curiosity and a willingness to learn. There will be experts in programming, data, and government around all weekend. Feel free to ask questions. Take inspiration from projects in other cities or think of a specific local need and start hacking!
</p>
</div>
</section>
<hr />
<section id="sponsors" class="viewport">
<h1>Event Sponsors</h1>
<a class="logo platinum" href="http://collectiveidea.com"><img src="img/ci_1600x206_2x.jpg" alt="Collective Idea"/></a>
<a class="logo" href="http://codeforamerica.org"><img src="img/cfa_800x340_2x.png" alt="Code for America"/></a>
<a class="logo" href="http://ostusa.com/"><img src="img/ost_800x482_2x.jpg" alt="OST"/></a>
<a class="logo" href="https://getambassador.com/"><img src="img/ambassador_800x196_2x.png" alt="Ambassador"/></a>
<a class="logo" href="http://microsoft.com/"><img src="img/microsoft_800x284_2x.png" alt="Microsoft"/></a>
<a class="logo" href="http://esri.com"><img src="img/esri_640x286_2x.jpg" alt="ESRI"/></a>
<p class="note">Interested in becoming a sponsor? <a href="mailto:[email protected]">Contact Us</a>.</p>
</section>
<hr />
<section id="partners" class="viewport">
<h1>Community Partners</h1>
<a class="logo" href="http://grcity.us"><img src="img/gr_800x1200_2x.jpg" alt="City of Grand Rapids"/></a>
<a class="logo" href="http://downtowngr.org"><img src="img/dgri_462x226_2x.png" alt="Downtown Grand Rapids Inc"/></a>
</section>
<hr />
<section>
<a class="logo platinum" href="http://friendlycode.org"><img src="img/friendly_2x.jpg" alt="Friendly Code"/></a>
<p>A <a href="http://friendlycode.org">Friendly Code</a> project.</p>
</section>
<footer role='contentinfo'>
<p>
<a class="social facebook" href="https://www.facebook.com/friendlycodegr">Facebook</a>
<a class="social twitter" href="https://twitter.com/search?q=%23codeacrossgr">Twitter</a>
</p>
<p><small>Copyright 2014, Friendly Code</small>
</footer>
</body>
</html>