[open-government] Translating Opendataday

Sat Nov 13 19:26:47 UTC 2010

Hi Pedro - super simple! Two options for getting a new language of 
opendataday up (anyone out there who wants a translation please feel free!)

Option 1. (The best)

I've attached a copy of the english version of the page. If you simply 
want to go in an edit out the english and replace it with Portuguese, 
that is probably the simplest. In case the attachment does not work in 
this mailing list, I've also copy and pasted the raw HTML below.

Option 2.

Send me an email with all the text from the page. Where the english 
version for each section is followed by the portuguese translation for 
that section. For example, this is the text that Patrice Delorme sent me 
for the French version...

Developers:
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.
Programmeurs :
Nous avons besoin de cowboys (et cowgirls) de l'informatique tel que 
vous pour transformer les données en quelque chose d'utile tel que de la 
visualisation, de la notification, de l'intégration, etc... Dans le but 
de réaliser quelque chose de fou et fantastique.

Designers
If you help out to make something snazzy, I will award you with a copy 
of Photoshop that will never crash.* We need people like you to make the 
rest of our work look amazing, feel intuitive, and have a smooth user 
experience. You know the drill.
Graphistes
Nous avons besoin de gens tels que vous pour rendre notre travail 
magnifique, intuitif et d'une utilisation agréable.

HTML for Opendata day

<!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="http://opendataday.org/wiki/City_Events">Wiki</a></li>
<li><b><a href="http://opendataday.org/francais.html">Version 
Française</a></b>
</ul>

<div class="content-shifter">
<div class="block intro">
<h1>The international open data hackathon is happening Dec 
4<small>th</small></h1>
<h2>You're Invited.</h2>
</div><!-- .block -->

<div id="what" name="what" class="block">
<h2>What is this?</h2>

<div class='col-9 last'>
<p style="font-size: 110%">It’s a gathering of citizens in cities around 
the world to write <strong>applications</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 class="examples clearfix">
<p style="font-size: 110%">Applications like these:</p>
<div class="col-3">
<a href="http://representme.ca/">
<img src="images/ex-representme.png" alt="Represent Me" />
<span><strong>Represent Me</strong>
Find out what your representative is up to.
<em>representme.ca</em></span>
</a>
</div>

<div class="col-3">
<a href="http://outsideindc.com/stumblesafely" title="Stumble safely">
<img src="images/ex-stumble.jpg" alt="Ex Stumble" />
<span><strong>Stumble Safely</strong>
A guide to bars & avoiding crime in NW Washington, DC
<em>outsideindc.com</em></span>
</a>
</div><!-- .col-3 -->

<div class="col-3 last">
<a href="http://sanfrancisco.crimespotting.org" title="San Francisco 
Crimespotting">
<img src="images/ex-sanfran.jpg" alt="Ex Stumble" />
<span><strong>Crimespotting</strong>Interactive map of crime in San 
Francisco
<em>sanfrancisco.crimespotting.org</em></span>
</a>
</div><!-- .col-3 -->
</div><!-- .examples -->

</div><!-- .block -->

<div id="eventfor" class="block eventfor">
<h2>Who is this event for?</h2>
<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>
<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>
<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>
<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>
<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>

</div>
<p>If you have an idea for an app, or you want to contribute to a 
project, or you simply want to see what's being made, then you should 
definitely check the Hackfest out. No matter your skillset or interests, 
there will be plenty of opportunities for you to learn and help the 
global open data community grow.</p>

<div class="block">
<h2 id="hackfest" style="font-weight:bold; font-size:101px; 
margin-bottom:20px">Hackfest 2010</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, Dec 4th</h4>
<p>It can be as big or as small, as long or as short, as you'd like it. 
It's the same day as <a 
href="http://www.rhok.org/2010/10/registration-for-rhok-2-is-open/">Random 
Hacks of Kindnesses Codesprint</a> - check out their event since they 
are awesome too.</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://opendataday.org/wiki/City_Events">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 app, an <a 
href="http://data.worldbank.org/developers/appsfordevelopment">Apps for 
Development</a> submission, scraping data from a government website to 
make it available for others or even creating your <a 
href="http://datadotgc.ca/">own data catalog of government data</a>.</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, build something and have some fun.</p>

<h3>What to Expect</h3>
<p>A lot will be going on. 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>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>Think about how data can help with global development, and even 
start a project for <a 
href="http://data.worldbank.org/developers/appsfordevelopment">Apps for 
Development</a>.</li>
<li>Conduct an open tutorial sessions around designing apps 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>Gadgets! Bring your laptops, mobile phones, phasers set to stun, etc.
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>

<div class="col-3 last">
<h3>Where is it?</h3>
<p>Check <a href="http://opendataday.org/wiki/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://opendataday.org/wiki/">the wiki</a> 
where people are oragnizing, there is also <a 
href="http://lists.okfn.org/mailman/listinfo/open-government">the Open 
Knowledge Foundation's mailing list</a> which has been an organizing 
point.</p>

</div><!-- .col-3 -->
</div><!-- .block -->

<div class="block getstarted clearfix">
<h2>Get started with the Hackfest right now</h2>
<div class="col-3">
<h3>App Ideas</h3>
<p>are always welcome. Add yours to <a 
href="http://opendataday.org/wiki/App_Ideas">the wiki here.</a></p>
<p>Not sure what’s in the realm of possible? Check out <a 
href="http://www.nycbigapps.com/">New York City’s Big Apps 
contest</a> or Washington DC’s <a 
href="http://www.appsfordemocracy.org/">Apps for Democracy</a> or its <a 
href="http://appstore.dc.gov/">App Store</a> for inspiration.</p>
</div>
<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, or better still, for an Apps for 
Development submition, add it to <a 
href="http://opendataday.org/wiki/City_Events">the wiki</a>.</p>
</div>
<div class="col-3 last">
<h3>The Wiki</h3>
<p>is continually evolving but still needs help. Jump in and <a 
href="http://opendataday.org/wiki/index.php">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>
</div>

<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:david at eaves.ca">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.</p>
</div>

<div class="col-3 last">
<h2>Organizers</h2>
<p><strong>See <a href="http://opendataday.org/wiki/City_Events">the 
wiki</a> for the instigators in a city near you (or become 
one).</strong></p>
<p>This idea 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>
<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></p>

</div>
</div>
</div>
</div>
</div>
</body>
</html>