/
index.html
179 lines (161 loc) · 9.31 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
<!DOCTYPE HTML>
<html class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Knight-Mozilla OpenNews -- Building an ecosystem for open web development in journalism | Knight-Mozilla OpenNews</title>
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://planet.drumbeat.org/mojo/atom.xml" />
<meta name="Description" content="Knight-Mozilla OpenNews is about creating a diverse ecosystem to help journalism thrive on the open web. It's about producing open source code that solves real problems in news. It's about supporting communities of developers and journalists as they make, learn, and invent together. And it's about deploying fellows—and code—into news organizations to collaborate in new ways..">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" media="screen,projection,tv" href="/media/css/normalise.css" />
<link rel="stylesheet" media="screen,projection,tv" href="/media/css/devices.css" />
<link rel="stylesheet" media="all and (min-width:30em)" href="/media/css/desktop.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" media="screen" href="media/css/desktop.css" />
<![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28825500-1']);
_gaq.push(['_setDomainName', 'mozillaopennews.org']);
_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>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed_url = document.getElementById("feed_url"),
feed = new google.feeds.Feed($(feed_url).attr('href'));
feed.setNumEntries(5);
feed.load(function(result) {
if (!result.error) {
var feed_list = "<ul>";
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i],
chunks = entry.title.split(':'),
name = chunks.shift();
feed_list += "<li><a href='" + entry.link + "'>";
feed_list += chunks.toString() + "</a> by " + name.toString();
feed_list += "</li>";
}
feed_list += "</ul>";
$(feed_url).parent().before($(feed_list));
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body class=" ">
<script type="text/javascript">
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, '');
</script>
<header class="masthead">
<div class="busta">
<h1 id="brand">
<a href="/"><img alt="Knight-Mozilla Open News" src="/media/img/ONlogotype_wide2.png" width="470" height="140" /></a>
</h1>
<div id="nav">
<ul>
<li id="fellowships"><a href="/fellowships">fellowships</a>
<li id="hackdays"><a href="/hackdays.html">hack days</a>
<li id="getinvolved"><a href="/getinvolved.html">get involved</a>
</ul>
</div>
<a href="http://www.mozilla.org" class="tab">mozilla.org</a>
</div>
</header>
<div id="newsline">
</div>
<div role="main" class="home" id="home">
<div class="busta">
<article>
<header class="opengraph article_body">
<iframe width="669" height="398" src="http://www.youtube.com/embed/OEkH8qWmjBQ" frameborder="0" allowfullscreen></iframe>
<p>We're proud to announce that the 2012/13 Knight-Mozilla Fellowships are now accepting applications. If you're a developer or technologist interested in spending 10 months in some of the best newsrooms in the world creating innovative new approaches to the news, now is the time to apply!</p>
</header>
</header>
<div class="article_body">
<h2>What is OpenNews?</h2>
<p>Knight-Mozilla OpenNews is about building an ecosystem to help journalism thrive on the open web. It's about producing next-generation web solutions that solve real problems in news. It's about supporting communities of developers and journalists as they make, learn and invent together. And it's about deploying fellows—and code—into news organizations to collaborate and innovate in new ways. Join us!
<h2>Fellowships</h2>
<p>Our 2012/13 Knight-Mozilla Fellows will be embedded in partner newsrooms around the world to spend the year writing innovative code to transform journalism on the web. <a href="/fellowships">Learn more.</a></p>
<h2>Hack days</h2>
<p>We are sponsoring hack days across the globe to write code and build community and momentum around solving real-world journalistic problemsets. <a href="/hackdays.html">Get involved.</a></p>
<h2>Community</h2>
<p>The hacker-journalist community is a vibrant one, and all our initiatives are designed to help it grow in size as well as strength. We want to engage the community at every step, that means we need your help. <a href="/getinvolved.html">Here's how.</a></p>
</p>
</div>
<aside class="challengebox fellowsbox box">
<div id="involved">
<h3>Get Involved</h3>
<p>The success of OpenNews depends on people like you! Sign up with the forms below to learn more:</p>
<ul>
<li><a href="/fellowships/apply.html">Become a 2012/13 Fellow</a>
<li><a href="/hackdays.html">Hold a Journalism Hack Day</a></li>
<li><a href="/getinvolved.html">Join the Community</a></li>
</ul>
</div>
<div id="minifellows">
<h3>Meet the 2011/12 <br>Knight-Mozilla Fellows </h3>
<ul>
<li><img src="/media/img/fellows/mark_small.jpg" alt=""></li>
<li><img src="/media/img/fellows/cole_small.jpg" alt=""></li>
<li><img src="/media/img/fellows/laurian_small.jpg" alt=""></li>
<li><img src="/media/img/fellows/nicola_small.jpg" alt=""></li>
<li><img src="/media/img/fellows/dan_small.jpg" alt=""></li>
</ul>
<p>Our 2011/12 Knight-Mozilla Fellows are hacking the news at the BBC, the Guardian, Zeit Online, Al Jazeera English, and the Boston Globe. <a href="/fellowships/2011meet.html">Learn more about their experience.</a></p>
</div>
<div id="newsbox">
<h3>The latest from the OpenNews team</h3>
<p>Read all our news in our <a id="feed_url" href="http://planet.drumbeat.org/mojo/rss20.xml">OpenNews feed</a></p>
</div>
</aside>
</article>
</div>
</div>
<aside>
<section class="partners">
<div class="busta">
<h2>Our partner</h2>
<ul>
<li><a href="http://www.knightfoundation.org/"><img alt="Knight Foundation" src="/media/img/partners/knight.png" height="50" width="300" /></a></li>
</ul>
</div>
</section>
<section class="external">
<div class="busta">
<div class="col box opennews">
<h2>Connect with OpenNews</h2>
<ul>
<li>Get the latest by <a href="http://planet.drumbeat.org/mojo/">subscribing to our news feed</a></li>
<li>Connect on Twitter <a href="http://twitter.com/opennews" class="twitter-follow-button" data-show-count="false">@opennews</a></li>
<li>Join our <a href="https://lists.mozilla.org/listinfo/community-mojo">mailing list</a></li>
<li><a href="mailto:opennews@mozillafoundatioin.org">Contact us</a></li>
</ul>
</div>
<div class="col box knight">
<h2>About Knight</h2>
<p>Knight Foundation supports transformational ideas that promote quality
journalism, advance media innovation, engage communities and foster the
arts. The foundation believes that democracy thrives when people and communities are
informed and engaged.
<p>For more, visit <a href="http://www.knightfoundation.org" target="_blank">knightfoundation.org</a> </p> </div>
<div class="col box mozilla">
<h2>About Mozilla</h2>
<p>Mozilla is a global non-profit dedicated to putting you in control of your online experience and shaping the future of the web for the public good—by creating great software and fostering communities that build and grow the open web.
<p><a href="http://donate.mozilla.org/email">Sign up to hear more</a>, and, if you're willing, please<a href="http://donate.mozilla.org/join"> join Mozilla.</a>
</div>
</div>
</section>
</aside>
</body>
</html>