forked from jupyter/jupyter.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
349 lines (328 loc) · 20.2 KB
/
about.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
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
---
layout: default
title: About
navbar_gray: true
---
<style>
/*Styling for the community section */
/* Style for inter-repo links */
.link1 {
stroke: white;
stroke-width: 1;
}
/* Style for repo-contributor links */
.link2 {
stroke: #e6e6e6;
stroke-width: 2;
}
.node text {
pointer-events: none;
font: 0px sans-serif;
}
</style>
<section>
<div class="header">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h2>About Project Jupyter</h2>
<p>Project Jupyter was born out of the IPython Project in 2014 as it evolved to support interactive data science and scientific computing across all programming languages.</p>
</div>
</div>
</div>
</div>
</section>
<section id="community">
<div class="section-white top-section-border">
<div class="container">
<div class="row">
<img src="assets/community.svg" class="section-icon img-responsive" alt="community graphic with orange circle and network">
<h3 class="col-sm-12 section-header">Community</h3>
<p class="col-sm-12 support-paragraph">Our vibrant community empowers us to create an amazing platform. Dynamic developers, cutting edge scientists as well as everyday users work together to further Jupyter's best-in-class tools.<span class="hidden-xs hidden-sm"> Here is a dynamic visualization of our most recent contributors:</span></p>
<!--<img class="img-responsive col-md-12" src="assets/spiderweb.png"> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<div id="visualization" class="hidden-xs hidden-sm">
</div>
<div class="hidden-md hidden-lg">
<img src="assets/community-replace.png" class="img-responsive" alt="community graphic">
<script>
//basic tuning parameters
var width = 600,
height = 500,
radius = 15,
distance = 70,
gravity = .09,
charge = -550;
//scale for icon classes
var scale = new Array();
scale["contributor"] = 1;
scale["repo"] = 1.4;
scale["center"] = 4.5;
//Whether to show label
var showLabel = new Array();
showLabel["contributor"] = true;
showLabel["repo"] = true;
showLabel["center"] = false;
var svg = d3.select("#visualization").append("svg")
.attr("width", width)
.attr("height", height);
var force = d3.layout.force()
.gravity(gravity)
.distance(function (d) {return d.value * distance})
.charge(charge)
.size([width, height]);
d3.json("graphData.json", function(error, json) {
if (error) throw error;
force
.nodes(json.nodes)
.links(json.links)
.start();
var link = svg.selectAll(".link")
.data(json.links)
.enter().append("line")
.attr("class", function(d) {return "link" + d.value});
var node = svg.selectAll(".node")
.data(json.nodes)
.enter().append("g")
.attr("class", "node")
.call(force.drag);
svg.append("clipPath")
.attr("id", "clipCircle-contributor")
.append("circle")
.attr("r", radius * scale["contributor"]);
node.append("svg:image")
.attr("xlink:href", function(d) {return d.image;})
.attr("x", function(d) {return -radius * scale[d.type]})
.attr("y", function(d) {return -radius * scale[d.type]})
.attr("width", function(d) {return radius * 2 * scale[d.type]})
.attr("height", function(d) {return radius * 2 * scale[d.type]})
.attr("clip-path", function(d) {return "url(#clipCircle-" + d.type + ")" });
node.append("text")
.attr("dx", 20)
.attr("dy", ".35em")
.text(function(d) { return (showLabel[d.type]) ? d.name : ""});
force.on("tick", function() {
node.attr("cx", function(d) { return d.x = Math.max(radius, Math.min(width - radius, d.x)); })
.attr("cy", function(d) { return d.y = Math.max(radius, Math.min(height - radius, d.y)); });
link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
});
});
</script>
</div>
</div>
</div>
</div>
</section>
<section id="steering-council">
<div class="section-grey">
<div class="container">
<div class="row">
<img src="assets/steering.svg" class="section-icon img-responsive" alt="steering committee icon">
<h3 class="col-sm-12 section-header">Steering Council</h3>
<p class="col-sm-12 support-paragraph">Our team is primarily led by 15 steering committee members who ultimately make the final decisions.</p>
<div class="col-md-12 section-content section-center">
<div class="col-md-4 material">
<img class="council-member-photo" alt="Damian Avila's avatar picture" src='https://avatars3.githubusercontent.com/u/1640669?v=3&s=170' />
<p class="card-header">Damian Avila</p>
<p class="card-info">Continuum Analytics<br><a href="https://github.com/damianavila" target="_blank"><em>@damianavila</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Matthias Bussonnier's avatar picture" src='https://avatars2.githubusercontent.com/u/335567?v=3&s=400' />
<p class="card-header">Matthias Bussonnier</p>
<p class="card-info">UC Berkeley<br><a href="https://github.com/carreau" target="_blank"><em>@carreau</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Sylvain Corlay's avatar picture" src='https://avatars0.githubusercontent.com/u/2397974?v=3&s=400' />
<p class="card-header">Sylvain Corlay</p>
<p class="card-info">QuantStack<br><a href="https://github.com/sylvaincorlay" target="_blank"><em>@sylvaincorlay</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Jonathan Frederic's avatar picture" src='https://avatars2.githubusercontent.com/u/3292874?v=3&s=400' />
<p class="card-header">Jonathan Frederic</p>
<p class="card-info">Cal Poly, San Luis Obispo<br><a href="https://github.com/jdfreder" target="_blank"><em>@jdfreder</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Brian Granger's avatar picture" src='https://avatars1.githubusercontent.com/u/27600?v=3&s=170' />
<p class="card-header">Brian Granger</p>
<p class="card-info">Cal Poly, San Luis Obispo<br><a href="https://github.com/ellisonbg" target="_blank"><em>@ellisonbg</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Jason Grout's avatar picture" src='https://avatars1.githubusercontent.com/u/192614?v=3&s=400' />
<p class="card-header">Jason Grout</p>
<p class="card-info">Bloomberg<br><a href="https://github.com/jasongrout" target="_blank"><em>@jasongrout</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Jessica Hamrick's avatar picture" src='https://avatars2.githubusercontent.com/u/83444?v=3&s=400' />
<p class="card-header">Jessica Hamrick</p>
<p class="card-info">UC Berkeley<br><a href="https://github.com/jhamrick" target="_blank"><em>@jhamrick</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Paul Ivanov's avatar picture" src='https://avatars3.githubusercontent.com/u/118211?v=3&s=400' />
<p class="card-header">Paul Ivanov</p>
<p class="card-info">Bloomberg<br><a href="https://github.com/ivanov" target="_blank"><em>@ivanov</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Thomas Kluyver's avatar picture" src='https://avatars0.githubusercontent.com/u/327925?v=3&s=400' />
<p class="card-header">Thomas Kluyver</p>
<p class="card-info">University of Southampton<br><a href="https://github.com/takluyver" target="_blank"><em>@takluyver</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Kyle Kelley's avatar picture" src='https://avatars1.githubusercontent.com/u/836375?v=3&s=400' />
<p class="card-header">Kyle Kelley</p>
<p class="card-info">Netflix<br><a href="https://github.com/rgbkrk" target="_blank"><em>@rgbkrk</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Peter Parente's avatar picture" src='https://avatars2.githubusercontent.com/u/153745?v=3&s=400' />
<p class="card-header">Peter Parente</p>
<p class="card-info">MaxPoint<br><a href="https://github.com/parente" target="_blank"><em>@parente</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Fernando Perez's avatar picture" src='https://avatars3.githubusercontent.com/u/57394?v=3&s=400' />
<p class="card-header">Fernando Perez</p>
<p class="card-info">UC Berkeley<br><a href="https://github.com/fperez" target="_blank"><em>@fperez</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Min Ragan-Kelley's avatar picture" src='https://avatars0.githubusercontent.com/u/151929?v=3&s=400' />
<p class="card-header">Min Ragan-Kelley</p>
<p class="card-info">Simula Research Lab<br><a href="https://github.com/minrk" target="_blank"><em>@minrk</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Steven Silvester's avatar picture" src='https://avatars2.githubusercontent.com/u/2096628?v=3&s=400' />
<p class="card-header">Steven Silvester</p>
<p class="card-info">Continuum Analytics<br><a href="https://github.com/blink1073" target="_blank"><em>@blink1073</em></a> on GitHub</p>
</div>
<div class="col-md-4 material">
<img class="council-member-photo" alt="Carol Willing's avatar picture" src='https://avatars1.githubusercontent.com/u/2680980?v=3&s=400' />
<p class="card-header">Carol Willing</p>
<p class="card-info">Cal Poly<br><a href="https://github.com/willingc" target="_blank"><em>@willingc</em></a> on GitHub</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="sponsors">
<div class="section-white">
<div class="container">
<div class="row">
<img src="assets/sponsors2.svg" class="section-icon img-responsive" alt="sponsors">
<h3 class="col-sm-12 section-header">Sponsors</h3>
<p class="col-sm-12 support-paragraph">Project Jupyter receives direct funding from the following sources:</p>
<div class="col-xs-12 section-center">
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://helmsleytrust.org">
<img src="assets/helmsley.svg" class="company-logo" alt="helmsley trust logo"/> </a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://www.sloan.org/">
<img src="assets/alfred.svg" class="company-logo" alt="sloan logo"/>
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="https://www.moore.org/">
<img src="assets/moore.svg" class="company-logo" alt="moore foundation logo"/>
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="https://www.google.com/">
<img src="assets/google-color.svg" class="company-logo" alt="google logo"/>
</a>
</div>
</div>
<div class="col-xs-12 section-center">
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://developer.rackspace.com/">
<img src="assets/rackspace-color.svg" class="company-logo" alt="rackspace logo"/>
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="https://www.fastly.com/">
<img src="assets/fastly.svg" class="company-logo" alt="fastly logo"/>
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://opendreamkit.org/">
<img src="assets/EC-H2020.svg" class="company-logo" alt="EU logo"/>
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://www.microsoft.com/">
<img src="assets/microsoft-color.svg" class="company-logo" alt="microsoft logo"/>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="partners">
<div class="section-grey">
<div class="container">
<div class="row">
<img src="assets/institutional_partners2.svg" class="section-icon img-responsive" alt="institutional partners">
<h3 class="col-sm-12 section-header">Institutional Partners</h3>
<p class="col-sm-12 support-paragraph">Institutional Partners are companies and universities that support the project by employing Steering Council members.
Current Institutional Partners include:</p>
<div class="col-xs-12 section-center">
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://continuum.io/">
<img src="assets/continuum-color.svg" class="company-logo" height="60" width="200" alt="continuum.io logo">
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://www.bloomberg.com/">
<img src="assets/bloomberg-color.svg" class="company-logo" alt="bloomberg logo">
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://developer.rackspace.com/">
<img src="assets/rackspace-color.svg" class="company-logo" alt="rackspace logo">
</a>
</div>
<div class="col-sm-3 col-xs-6 sponsor">
<a href="http://www.calpoly.edu/">
<img src="assets/poly-color.svg" class="company-logo" alt="cal poly logo">
</a>
</div>
<div class="col-sm-3 col-sm-offset-4 col-xs-6 sponsor center-block">
<a href="http://www.berkeley.edu/">
<img src="assets/berkeley-color.svg" class="company-logo" alt="UC Berkeley logo">
</a>
</div>
<div class="col-sm-3 col-sm-offset-4 col-xs-6 sponsor center-block">
<a href="http://quantstack.net/">
<img src="assets/quantstack-color.svg" class="company-logo" alt="QuantStack logo">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="governance">
<div class="section-white governance">
<div class="container">
<div class="row">
<img src="assets/governance-icon2.svg" class="section-icon img-responsive" id="governance" alt="governance icon">
<h3 class="col-sm-12 section-header">Governance</h3>
<p class="col-sm-12 support-paragraph">Robust, community driven development with institutional backing.</p>
<div class="col-md-12 section-center">
<h4 class="button1 clickable">NumFocus</h4>
<h4 class="button2 clickable">Copyright/License</h4>
<h4 class="button3 clickable">Decisions</h4>
<h4 class="button4 clickable">Steering Council</h4>
<div class="governance-desc">
<div class="div1">Project Jupyter is part of the non-profit NumFOCUS Foundation, which provides fiscal sponsorship, governance and a legal umbrella for the project.</div>
<div class="div2" style='display:none'>We use a shared copyright model that enables all contributors to maintain the copyright on their contributions. All code is licensed under the terms of the revised BSD license.</div>
<div class="div3" style='display:none'>Technical decisions are made through open community discussion and consensus, with a Steering Council and BDFL (Fernando Perez) stepping in when consensus cannot be reached.</div>
<div class="div4" style='display:none'>The overall leadership, strategy and direction for the project is provided by the Jupyter Steering Council, a group of the most active project contributors that are nominated for leadership.</div>
</div>
</div>
</div>
</div>
</div>
</section>