-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
250 lines (170 loc) · 15.5 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" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Bree+Serif|Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> <!-- Modernizr -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-39543859-1', 'auto');
ga('send', 'pageview');
</script>
<title>Livia Labate's 2015 Knight-Mozilla Fellowship Timeline</title>
</head>
<body>
<header>
<h1><a href="http://twitter.com/livlab">@livlab</a>'s Knight-Mozilla Fellowship</h1>
</header>
<section id="cd-timeline" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-twitter">
<img src="img/cd-icon-location.svg" alt="Twitter">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>First Encounter</h2>
<p>I heard about the Knight-Mozilla Fellowship from <a href="http://twitter.com/beep/">@beep</a>, who had really nice things to say:</p>
<blockquote class="twitter-tweet" lang="en"><p>I deeply respect the work done by the Knight-Mozilla Fellowship AND the people working on it. Here’s <a href="https://twitter.com/kissane">@kissane</a>’s take: <a href="http://t.co/tRCOCQU9lC">http://t.co/tRCOCQU9lC</a></p>— Ethan Marcote (@beep) <a href="https://twitter.com/beep/status/499566424109907969">August 13, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>Right away it seemed like a perfect opportunity to put myself in a position where I am completely immersed in technology problems —precisely what I had been looking for</a>— while exploring a new domain: journalism.</p>
<!-- to work on later: post about what I've been looking for linking the words above -->
<span class="cd-date">August 13, 2014 @ 10:41am</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-form">
<img src="img/cd-icon-form.svg" alt="Application">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Fellowship Application</h2>
<p>Through careful analysis and a thorough feasability assessment (discussing the idea with my awesome encouraging wife), I decided to apply. </p>
<p>I wrote a quick draft answering every application question and sat on it for a bit. After reviewing my resume and adding more detail about what I had accomplished in the past, I sent it in.</p>
<p><a href="img/20141014-application-confirmation.png" title="Confirmation screenshot"><img src="img/20141014-application-confirmation.png" title="Confirmation screenshot"></a></p>
<p>Immediately after submitting I tried to put it out of my mind because it seemed too far-fetched.</p>
<!-- to work on later
<p><a href="#0" class="cd-read-more">Read my whole application</a></p>
-->
<span class="cd-date">August 14, 2014 @ 12:13pm</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-email">
<img src="img/cd-icon-email.svg" alt="Email">
</div> <!-- cd-timeline-img -->
<!-- remember to give attribution to icon http://thenounproject.com/term/mail/429/ -->
<div class="cd-timeline-content">
<h2>Say What?</h2>
<p>I am relaxing on vacation with my family in Brazil when I get an email from <a href="http://twitter.com/erika_owens" title="Erika Ownens">Erika Ownens</a> from <a href="http://www.opennews.org" title="OpenNews">OpenNews</a> with the subject line "Knight-Mozilla Fellowship update - we want to chat with you".</p>
<p>WHAT? It continues "Congratulations, you are a semifinalist for the 2015 Fellowship!". WHAAA?!!!</p>
<p>That was a huge surprise. I did a little happy dance, then exchanged some emails with Erika to set up a Skype call.</p>
<span class="cd-date">September 5, 2014 @ 6:12pm</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="img/cd-icon-movie.svg" alt="Skype Call">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>"Me. Internets. You. Good."</h2>
<p>I was fully on vacation mode. My brain had been speaking Portuguese for 10 days. To put it simply, interviewing with Erika and <a href="http://twitter.com/dansinker" title="Dan Sinker">Dan Sinker</a> (OpenNews' Director) was not my most eloquent moment.</p>
<p>I felt it was not a good first impression and it did not do justice to neither my experience nor my enthusiasm for the fellowship.</p>
<p>Confident that I was out of the run at that point, I bothered my wife with moping and sadness for a few days. I felt defeated.</p>
<span class="cd-date">September 11, 2014 @ 10:00am</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-radio">
<img src="img/cd-icon-radio.svg" alt="NPR">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>WHO wants to talk to me???</h2>
<!-- Remember to give attribution to the radio icon http://thenounproject.com/term/microphone/15265/ -->
<p>The next time I hear from <a href="http://www.opennews.org">OpenNews</a>, it was to tell me I'm a finalist and that <a href="http://www.npr.org">NPR</a> wants to talk to me. This seemed simultaneously fantastic and absurd; I needed a moment to fully absorb the news. It also felt so fast! So far this Fellowship business was all emotional highs and lows!</p>
<p>The next several days are spent <s>stalking <a href="https://twitter.com/brianboyer">Brian Boyer</a> on the Internet</s> reading everything I could possibly find about the <b>NPR Visuals</b> team, with whom the fellowship partners with, wherein I find basically <a href="http://blog.apps.npr.org/2014/08/07/knight-mozilla.html">everything I could hope to hear</a>. </p>
<p><a href="http://blog.apps.npr.org/2014/06/04/how-we-work.html">The way they work and how they position themselves</a> is so on point that I wish I could start the next day, but more importantly, I'm giddy about their expression of <a href="http://hackerjournalist.net/2014/04/24/what-is-your-mission/">what they are about</a> and how aligned with my values and strenghts those sentiments are.</p>
<p>I become more excited than it is healthy for someone who cannot tell anyone about this. Ugh. </p>
<span class="cd-date">September 19, 2014 @ 4:48pm</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="img/cd-icon-movie.svg" alt="Picture">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>NPR Interview</h2>
<p>As a manager, I spend a significant amount of time interviewing people, so I come to this round prepared with a long list of prioritized questions, hoping to get at least some of them answered. I definitely didn't want a repeat of my first interview, effective as it was.</p>
<p>It turns out <a href="http://twitter.com/brianboyer">Brian Boyer</a> —who leads the NPR Visuals team— has the warmest most welcoming interview style which makes it all flow like a big old chat. It could have easily happened on a pub over hard cider. During the call I get answers to everything I was curious about, and hopefully convince everyone I'm their woman.</p>
<p>I knew some relevant things about NPR that I learned from <a href="https://twitter.com/search?q=%22create%20once%2C%20publish%20everywhere%22%20from%3Akarenmcgrane&src=typd" title="Karen McGrane">smart people I know</a> and <a href="http://www.fastcompany.com/3024342/most-creative-people/a-glimpse-into-the-future-of-npr-from-its-first-ever-creative-director" title="Liz Danzico">admire</a>, but it was great to get more insight about what the Visuals team is all about. The excitment mounts!</p>
<!-- add my question list here -->
<span class="cd-date">September 24, 2014 @ 1:30pm</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-email">
<img src="img/cd-icon-email.svg" alt="Email">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>I'm in.</h2>
<p>A delightful email from <a href="http://twitter.com/dansinker" title="Dan Sinker on Twitter">Dan Sinker</a> informs me I've been selected as the 2015 Knight-Mozilla fellow with NPR. Booyah!!!</p>
<p>After almost two months of secrecy I'm just about to burst. If you know me at all you know I am quite loquacious on Twitter. So this happens:</p>
<p><blockquote class="twitter-tweet" lang="en"><p>!</p>— Livia Labate (@livlab) <a href="https://twitter.com/livlab/status/517747917739012096">October 2, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<span class="cd-date">October 2, 2014 @ 4:49pm</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-radio">
<img src="img/cd-icon-radio.svg" alt="NPR">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Meeting NPR Visuals</h2>
<p>I took a day <a href="https://twitter.com/livlab/status/524987993271316481">off from work</a> and went to DC to meet the <a href="http://twitter.com/nprviz">NPR Visuals</a> team. I learned a little bit about them over lunch, asked one million questions, and got a tour of the AWESOME NPR newsroom. I can't wait.</p>
<p><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3820.433725147827!2d-77.00824899999999!3d38.904306999999996!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b81f9245e0d5%3A0x3b5de6f7137da084!2sNPR!5e1!3m2!1sen!2suk!4v1414282848270" width="400" height="300" frameborder="0" style="border:0"></iframe></p>
<span class="cd-date">October 14, 2014 @ 11:30am</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-form">
<img src="img/cd-icon-form.svg" alt="Public Announcement">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Public Announcement</h2>
<p>While in London to attend the <a href="http://2014.mozillafestival.org">Mozilla Festival</a> I had the pleasure of finally meeting the <a href="http://twitter.com/opennews">OpenNews</a> team in person: <a href="http://twitter.com/dansinker" title="Dan Sinker">Dan Sinker</a>, <a href="http://twitter.com/erika_owens" title="Erika Ownens">Erika Ownens</a>, <a href="https://twitter.com/ryanpitts" title="Ryan Pitts">Ryan Pitts</a>, and <a href="http://twitter.com/kissane" title="Erin Kissane">Erin Kissane</a>. They worked furiously behind-the-scenes producing and coordinating the various types of communications used to <a href="http://opennews.org/fellowships/2015meet.html" title="Meet the 2015 Knight-Mozilla Fellows">officially announce the fellowship</a> to the world!</p>
<p>I also met my fellow Fellows for the first time! <a href="http://www.twitter.com/jjelosua" title="Juan Elosua">Juan</a> will work with La Nacion in Buenos Aires, <a href="http://www.twitter.com/julia67" title="Julia Smith">Julia</a> with CIR in Emeryville, CA, <a href="http://www.twitter.com/hyper_linda" title="Linda Sandvik">Linda</a> with The Guardian in London, and <a href="http://www.twitter.com/taraandtheworld" title="Tara Adiseshan">Tara</a> & <a href="http://www.twitter.com/frnsys" title="Francis Tseng">Francis</a> on <a href="http://www.coralproject.net">The Coral Project</a> (NYT/WaPo partnership) based in New York City.
</ul> </p>
<p>The cat was finally out of the bag. I shouted from the #mountaintops:</p>
<p><blockquote class="twitter-tweet" lang="en"><p>I'm thrilled to share I am the 2015 Knight-<a href="https://twitter.com/mozilla">@Mozilla</a> Fellow working with <a href="https://twitter.com/nprviz">@nprviz</a>. Thank you <a href="https://twitter.com/opennews">@opennews</a>, let's do this! <a href="http://t.co/lV8PqCxOkQ">http://t.co/lV8PqCxOkQ</a></p>— Livia Labate (@livlab) <a href="https://twitter.com/livlab/status/524986738536898562">October 22, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>Then we're <a href="https://twitter.com/livlab/status/525043318011736064">off to celebrate</a>.</p>
<span class="cd-date">October 22, 2014 @ 7:00pm</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-mozilla">
<img src="img/cd-icon-location.svg" alt="Mozilla Festival">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Mozilla Festival</h2>
<p>This is the story thus far. Stay tuned for more and <a href="http://twitter.com/livlab">keep in touch</a>.</p>
<p>Here's our MozFest debut, in images:</p>
<p><blockquote class="twitter-tweet" lang="en"><p>The 2014 cohort of knight-mozilla fellowships receiving a warm <a href="https://twitter.com/hashtag/MozFest?src=hash">#MozFest</a> welcome! <a href="https://twitter.com/opennews">@opennews</a> <a href="http://t.co/0InKxRfntt">pic.twitter.com/0InKxRfntt</a></p>— Kurt Allyster Lee (@kurtalee) <a href="https://twitter.com/kurtalee/status/526329524917907456">October 26, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><blockquote class="twitter-tweet" lang="en"><p>Yay! 2015 <a href="https://twitter.com/hashtag/opennews?src=hash">#opennews</a> fellows! <a href="https://twitter.com/hashtag/MozFest2014?src=hash">#MozFest2014</a> <a href="http://t.co/590VeWs3p4">pic.twitter.com/590VeWs3p4</a></p>— Aron Pilhofer (@pilhofer) <a href="https://twitter.com/pilhofer/status/526329689393348609">October 26, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><blockquote class="twitter-tweet" data-conversation="none" lang="en"><p><a href="https://twitter.com/hyper_linda">@hyper_linda</a> another shot of you all looking excited/terrified :) <a href="http://t.co/bMrottySzo">pic.twitter.com/bMrottySzo</a></p>— Imran Ghory (@imranghory) <a href="https://twitter.com/imranghory/status/526670769406115841">October 27, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>How do you like my queen-style wave?</p>
<p>And here's a great <a href="https://storify.com/RaveDMIC/moz-fest-at-ravensbourne">visual story</a> of MozFest.</p>
<span class="cd-date">October 24-26, 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
</section> <!-- cd-timeline -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>