forked from okfn/opendataday
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·267 lines (223 loc) · 17.2 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
<title>International Open Data Hackathon</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/cufon.js" type="text/javascript" charset="utf-8"></script>
<script src="js/comicsans.js" type="text/javascript" charset="utf-8"></script>
<script src="js/scrollto.js" type="text/javascript" charset="utf-8"></script>
<script src="js/scrolllocal.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" >
Cufon.replace('h1')('h2')('h3')('h4')('h5');
$(document).ready( function() {
$.localScroll();
});
</script>
</head>
<body>
<div id="wrapper">
<div id="content" class="clearfix">
<ul id="navigation">
<li><a href="#"><img src="images/logo_odhd3_sm.png" width="206" height="68" alt="International Open Data Hackathon" /></a></li>
<li><a href="#what">What is this?</a></li>
<li><a href="#eventfor">Who is the hackfest for?</a></li>
<li><a href="#hackfest">Hackathon details</a></li>
<li><a href="#talk">Let‘s talk</a></li>
<li><a href="#talk">Media</a></li>
<li><a href="map/">Map of Events</a></li>
<li><a href="http://wiki.opendataday.org/">Wiki</a></li>
<li><a href="https://groups.google.com/forum/#!forum/open-data-day'>Community mailing list</a></li>
<li><a href="index.html">English version</a></li>
<li><a href="index_ar.html">العربية</a></li>
<li><a href="http://de.opendataday.org/">Deutsche Version</a></li>
<li><a href="index_fr.html">Version Française</a></li>
<li><a href="index_it.html">Versione Italiana</a></li>
<li><a href="index_pl.html">Wersja polska</a></li>
<li><a href="index_pt.html">Versão em Português</a></li>
<li><a href="index_zh.html">繁體中文版</a></li>
<li><a href="index_lt.html">Lietuviška versija</a></li>
<li><a href="index_ja.html">日本語版</a></li>
</ul>
<div class="content-shifter">
<div class="block intro">
<h3><small>The Open Data Day Hackathon is Saturday, February 22, 2014 </small><br>
Open Data + You + Your Community + Your Timezone = Open Around the World</h3>
<h2>You're Invited. Again.</h2>
<br>
<h3>Stay tuned for more Updates via the <a href="https://groups.google.com/forum/#!forum/open-data-day">Community mailing list</a>, <a href="https://github.com/okfn/opendataday.org">website</a>and <a href="http://wiki.opendataday.org/Main_Page">Community wiki</a> updates.
<a href="http://blog.okfn.org/2013/12/12/planning-your-open-data-day-2014/">Join our team </a> to get prepared and help translate.
</h3><br>
<h3> Open data is global. See the <a href="https://index.okfn.org/">Open Data Index</a> or <a href="http://www.opendataresearch.org/project/2013/odb">Open Data Barometer</a>. Even organizations like the <a href="http://data.worldbank.org/apps">World Bank</a> and the <a href="http://data.un.org/">United Nations</a> are leading the charge to open data.
</h3>
</div><!-- .block -->
<div id="what" name="what" class="block">
<h2>What is this?</h2>
<div class='col-9 last'>
<p style="font-size: 110%">Open Data Day is a gathering of citizens in cities around the world to write <strong>applications</strong>, <strong>liberate</strong> data, create <strong>visualizations</strong> and publish <strong>analyses</strong> using open public data to show support for and encourage the adoption open data policies by the world's local, regional and national governments.
</p>
</div>
</div><!-- .block -->
<div id="map" name="map" class="block">
<object data="http://opendataday.org/map/" width="600" height="400">
<embed src="http://opendataday.org/map/" width="600" height="400"> </embed>
Error: Embedded map could not be displayed.
</object>
</div>
<div id="eventfor" class="block eventfor">
<h2>Who is this event for?</h2><br>
<h3>Everyone</h3><br>
<div class='col-9 last'>
<p style="font-size: 110%">If you have an idea for using open data, want to find an interesting project to contribute towards, learn about how to visualize or analyze data or simply want to see what's happening, then definitely come participate! No matter your skillset or interests, we are encouraging organizers to foster opportunities for you to learn and help the global open data community grow.</p>
</div>
<div class="col-4-5">
<h3><img src="images/icon-dev.png" width="26" height="27" alt="Icon Dev" /> Developers</h3>
<p>We need computer cowboys and cowgirls like yourself to wrangle data into something useful. That means visualization, notification, integration, etc., all in the name of doing something crazy and fantastic.</p>
</div><!-- .col-4-5 -->
<div class="col-4-5 last">
<h3><img src="images/icon-designer.png" alt="Icon Designer" /> Designers</h3>
<p>We need people like you to make the everything look amazing, feel intuitive, and have a smooth user experience. The best application in the world that no one can use... isn't much use! You know the drill.</p><br><br>
</div><!-- .col-4-5 -->
<div class="col-3">
<h3><img src="images/icon-library.png" width="18" height="27" alt="Icon Library" /> Librarians</h3>
<p>I heard you folks like books and eat catalogs of data for breakfast. You beautiful people are going to scour the earth for interesting data, help the rest of us figure out what’s important, and generally be useful. </p>
</div><!-- .col-3 -->
<div class="col-3">
<h3><img src="images/icon-stats.png" width="23" height="27" alt="Icon Stats" /> Statisticians</h3>
<p>YES! YOU ARE SO NEEDED. Seriously. While we can find it, blow it up, calculate it, and make it look pretty, we needs us some mean number crunchin’ to present meaningful visualizations. Join up.</p>
</div><!-- .col-3 -->
<div class="col-3 last">
<h3><img src="images/globe2.png" width="23" height="27" alt="Icon Citizens" /> Citizens</h3>
<p>We need you the most. If it weren’t for you, this whole thing wouldn’t be happening. We need ideas, cheerleaders, and friends to spread the word.</p>
</div><!-- .col-3 -->
</div><!-- .block -->
<div class="block">
<h2 id="hackfest" style="font-weight:bold; font-size:101px; margin-bottom:20px">How Will It Work?</h2>
<div class="col-6">
<h3>How is this going to work?</h3>
<p>These hackathons, like small pieces, will be loosely joined by <em>5 basic principles</em>.</p>
<h4>It will happen on Saturday, February 22, 2014</h4>
<p>It can be as big or as small, as long or as short, as you'd like it.</p>
<h4>It should be open</h4>
<p>Ottawa's open data community attracts a diverse crowd of people to hackathons, with whole families coming out. In the UK <a href="http://www.bbc.co.uk/blogs/thereporters/rorycellanjones/2010/09/isabells_idea_proving_green_gi.html">groups have done amazing work getting young and diverse group hacking</a>. Veteran hackers have <a href="http://nathan.torkington.com/blog/2010/09/16/nzcs-demographics-talk/">said it over and over again</a>: Our movement is stronger when it is broader.</p>
<h4>Anyone can organize a local event</h4>
<p>Want to help organize one in your city and/or participate? Add your name to the relevant city on <a href="http://wiki.opendataday.org/">the wiki</a>. Let's try to keep it to one event per city, build some community and get new people together.</p>
<h4>You can hack on anything that involves open data</h4>
<p>Could be a local or global app, a visualization, proposing a standard for common data sets, scraping data from a government website to make it available for others or even creating your own data catalog of government data.</p>
<h4>Let's share ideas across cities on the day</h4>
<p>Each city's hackathon should do at least one demo, brainstorm, proposal, or anything that it shares in an interactive way with at members of a hackathon in at least one other city. This could be via video stream, skype, by chat... anything but let's get to know one another and share what we are hacking on. There may be some challenges to making this work: timezones, languages, culture... but who cares, we are problem solvers, let's make it work.</p>
<p>Again, let's not try to boil the ocean. Let's have a bunch of events, where people care enough to organize them, and try to link them together with a simple short connection/presentation. Above all let's raise some awareness, create something, and have some fun.</p>
<h3>What to Expect</h3>
<p>A lot will be going on. So... expect to:</p>
<ul>
<li>Learn more about open data.</li>
<li>Find out how your local and national government could do more to release open data.</li>
<li>Engage local non-profits and companies in the uses of open data for the products and missions</li>
<li>Meet & network with tons of cool people in your city and around the world.<br /></li>
<li>Voice your opinion & share your ideas with the people and media attending.</li>
<li>Find out about apps being created, and get to play around with them as well.</li>
<li>Help out with parts of the conceptualization, creation, design, advertisement and testing of apps.</li>
<li>Conduct an open tutorial sessions around using open data,like learning how to customize google maps to show the data you want to show.</li>
<li>Have lots and lots of fun.</li>
</ul>
<br />
<h3>What to Bring</h3>
<p>Anything! Bring your laptops, mobile phones, phasers set to stun, etc. but above all, your energy and your brains!
We’re trying to make this event very hands on, so feel free to bring all
your wacky geektronics so that you can participate in all the fun. Don't worry if you don’t bring anything since there will still be tons of stuff to do.</p>
</div><!-- .col-6 -->
<div class="col-3 last">
<h3>Where is it?</h3>
<p>Check <a href="http://wiki.opendataday.org/2014/City_Events">the wiki</a> to see where an open data hackathon may be happening near you - if there isn't one, host one!</p>
<h3>Help for Organizers</h3>
<p>In addition to <a href="http://wiki.opendataday.org/">the wiki</a> where people are organizing, there is also <a href="https://groups.google.com/forum/#!forum/open-data-day">the Open Data Day mailing list</a> which has been an organizing point.</p>
</div><!-- .col-3 -->
</div><!-- .block -->
<div class="block getstarted clearfix">
<h2>Get started now</h2>
<div class="col-3">
<h3>App Ideas</h3>
<p>are always welcome. Add yours to <a href="http://wiki.opendataday.org/2014/App_Ideas">the wiki here.</a></p>
</div><!-- .col-3 -->
<div class="col-3">
<h3>Data Sets</h3>
<p>If you think you've found a data set that is interesting that might be of use for an app or visualization, add it to <a href="http://wiki.opendataday.org/2014/Data">the wiki</a>.</p>
</div><!-- .col-3 -->
<div class="col-3 last">
<h3>The Wiki</h3>
<p>is continually evolving but still needs help. Jump in and <a href="http://wiki.opendataday.org/">start contributing to the wiki</a> by adding your name to people interested in helping organize or participate in a city, or other useful and open-data-related information.</p>
</div><!-- .col-3 -->
</div><!-- .block -->
<div id="talk" class="block talk clearfix">
<div class="col-3">
<h2>Talk to us</h2>
<p>Looking forward to high-fiving you when you show up, but until then you can reach us at:</p>
<ul>
<li><a href="mailto:[email protected]">Emailing Us</a></li>
</ul>
</div><!-- .col-3 -->
<div class="col-3">
<h2>Media</h2>
<p>Contact the local organizer in your city... there are engaged citizens who want to talk about open data and what it means for democracy, the economy and engagement near you. If you are really lost, <a href="mailto:[email protected]">email the list</a> and we'll make sure you are in touch with the right person.</p>
</div><!-- .col-3 -->
<div class="col-3 last">
<h2>Organizers</h2>
<p><strong>See <a href="http://wiki.opendataday.org/2014/City_Events">the wiki</a> for the instigators in a city near you (or become one).</strong></p>
<p>Lightweight coordination by David Eaves <a href="http://twitter.com/deaves">@deaves</a> & Rufus Pollock <a href="http://twitter.com/rufuspollock">@rufuspollock</a>.</p>
<p>Hosting and support from
<a href="http://okfn.org/"><img src="http://assets.okfn.org/p/okfn/img/okfn-logo-portrait-white.png" title="Open Knowledge Foundation" alt="" style="width: 80%; display: block; margin-top: 20px;" /></a>
</p>
</ul>
</div><!-- .col-3 -->
</div><!-- .block -->
<div id="talk" class="block talk clearfix">
<div class="col-6">
<h2>Background</h2>
<p>The idea for the first Open Data Day started out as an international brainstorm involving some of these characters:</p>
<ul>
<li><strong>Mary Beth Baker</strong>
<a href="http://twitter.com/bethmaru" title="">@bethmaru</a></li>
<li><strong>Daniel Beauchamp</strong>
<a href="http://twitter.com/pushmatrix" title="">@pushmatrix</a></li>
<li><strong>David Eaves</strong>
<a href="http://twitter.com/daeaves" title="">@daeaves</a></li>
<li><strong>Pedro Markun</strong>
<a href="http://twitter.com/markun" title="">@markun</a></li>
<li><strong>Edward Ocampo-Gooding</strong>
<a href="http://twitter.com/edwardog" title="">@edwardog</a></li>
<li><strong>Daniela Silva</strong>
<a href="http://twitter.com/danielabsilva" title="">@danielabsilva</a></li>
</ul>
</div><!-- .col-3 -->
</div><!-- .block -->
<div class="footer">
<div class="col-6">
<p>Lots of cool people are helping make this happen including many, many, many not listed above. They rock. This is all very unofficial and very awesome.</p>
</div><!-- .col-6 -->
<div class="col-3 last">
<p>Design by
<a href="http://twitter.com/markdunkley" title="">Mark</a> Mangled by <a href="http://twitter.com/daeaves">Dave</a> Hosted and supported by the <a href="http://okfn.org/">Open Knowledge Foundation</a></p>
<!-- Mark's poor design was severely harassed by us clumsy organizers. Any non-semantic or poorly written code is our last-minute, awkward doing. -->
</div><!-- .col-3 last -->
</div><!-- .footer -->
</div><!-- .content-shifter -->
</div><!-- #content -->
</div><!-- #wrapper -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33874954-12']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>