@@ -38,7 +38,7 @@ <h1>About Project Jupyter</h1>
38
38
< section >
39
39
< div class ="about-block ">
40
40
< div class ="container ">
41
- < img src ="assets/community.svg " class ="img-responsive ">
41
+ < img src ="assets/community.svg " class ="img-responsive " alt =" community graphic with orange circle and network " >
42
42
< h2 > Community</ h2 >
43
43
< p class ="supportparagraph " style ="display:inline; "> 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.</ p >
44
44
< p class ="supportparagraph hidden-xs hidden-sm " style ="display:inline; "> Here is a dynamic visualization of our most recent contributors:</ p >
@@ -47,110 +47,98 @@ <h2>Community</h2>
47
47
< div id ="visualization " class ="hidden-xs hidden-sm ">
48
48
</ div >
49
49
< div id ="visualization " class ="hidden-md hidden-lg ">
50
- < img src ="assets/community-replace.png " class ="img-responsive ">
50
+ < img src ="assets/community-replace.png " class ="img-responsive " alt =" community graphic " >
51
51
< script >
52
52
53
- //basic tuning parameters
54
- var width = 600 ,
55
- height = 500 ,
56
- radius = 15 ,
57
- distance = 70 ,
58
- gravity = .09 ,
59
- charge = - 550 ;
60
-
61
- //scale for icon classes
62
- var scale = new Array ( ) ;
63
- scale [ "contributor" ] = 1 ;
64
- scale [ "repo" ] = 1.4 ;
65
- scale [ "center" ] = 4.5 ;
66
-
67
- //Whether to show label
68
- var showLabel = new Array ( ) ;
69
- showLabel [ "contributor" ] = true ;
70
- showLabel [ "repo" ] = true ;
71
- showLabel [ "center" ] = false ;
72
-
73
- var svg = d3 . select ( "#visualization" ) . append ( "svg" )
74
- . attr ( "width" , width )
75
- . attr ( "height" , height ) ;
76
-
77
- var force = d3 . layout . force ( )
78
- . gravity ( gravity )
79
- . distance ( function ( d ) { return d . value * distance } )
80
- . charge ( charge )
81
- . size ( [ width , height ] ) ;
82
-
83
- d3 . json ( "graphData.json" , function ( error , json ) {
84
- if ( error ) throw error ;
85
-
86
- force
87
- . nodes ( json . nodes )
88
- . links ( json . links )
89
- . start ( ) ;
90
-
91
- var link = svg . selectAll ( ".link" )
92
- . data ( json . links )
93
- . enter ( ) . append ( "line" )
94
- . attr ( "class" , function ( d ) { return "link" + d . value } ) ;
95
-
96
- var node = svg . selectAll ( ".node" )
97
- . data ( json . nodes )
98
- . enter ( ) . append ( "g" )
99
- . attr ( "class" , "node" )
100
- . call ( force . drag ) ;
101
-
102
- svg . append ( "clipPath" )
103
- . attr ( "id" , "clipCircle-contributor" )
104
- . append ( "circle" )
105
- . attr ( "r" , radius * scale [ "contributor" ] ) ;
106
-
107
- //uncomment to enable circle clipping for repo icons
108
- /*
109
- svg.append("clipPath")
110
- .attr("id", "clipCircle-repo")
111
- .append("circle")
112
- .attr("r", radius * scale["repo"]);
113
-
114
- svg.append("clipPath")
115
- .attr("id", "clipCircle-center")
116
- .append("circle")
117
- .attr("r", radius * scale["center"]);
118
- */
119
-
120
- node . append ( "svg:image" )
121
- . attr ( "xlink:href" , function ( d ) { return d . image ; } )
122
- . attr ( "x" , function ( d ) { return - radius * scale [ d . type ] } )
123
- . attr ( "y" , function ( d ) { return - radius * scale [ d . type ] } )
124
- . attr ( "width" , function ( d ) { return radius * 2 * scale [ d . type ] } )
125
- . attr ( "height" , function ( d ) { return radius * 2 * scale [ d . type ] } )
126
- . attr ( "clip-path" , function ( d ) { return "url(#clipCircle-" + d . type + ")" } ) ;
127
-
128
- node . append ( "text" )
129
- . attr ( "dx" , 20 )
130
- . attr ( "dy" , ".35em" )
131
- . text ( function ( d ) { return ( showLabel [ d . type ] ) ? d . name : "" } ) ;
132
-
133
- force . on ( "tick" , function ( ) {
134
- node . attr ( "cx" , function ( d ) { return d . x = Math . max ( radius , Math . min ( width - radius , d . x ) ) ; } )
135
- . attr ( "cy" , function ( d ) { return d . y = Math . max ( radius , Math . min ( height - radius , d . y ) ) ; } ) ;
136
-
137
- link . attr ( "x1" , function ( d ) { return d . source . x ; } )
138
- . attr ( "y1" , function ( d ) { return d . source . y ; } )
139
- . attr ( "x2" , function ( d ) { return d . target . x ; } )
140
- . attr ( "y2" , function ( d ) { return d . target . y ; } ) ;
141
-
142
- node . attr ( "transform" , function ( d ) { return "translate(" + d . x + "," + d . y + ")" ; } ) ;
143
- } ) ;
144
- } ) ;
145
-
146
- </ script >
53
+ //basic tuning parameters
54
+ var width = 600 ,
55
+ height = 500 ,
56
+ radius = 15 ,
57
+ distance = 70 ,
58
+ gravity = .09 ,
59
+ charge = - 550 ;
60
+
61
+ //scale for icon classes
62
+ var scale = new Array ( ) ;
63
+ scale [ "contributor" ] = 1 ;
64
+ scale [ "repo" ] = 1.4 ;
65
+ scale [ "center" ] = 4.5 ;
66
+
67
+ //Whether to show label
68
+ var showLabel = new Array ( ) ;
69
+ showLabel [ "contributor" ] = true ;
70
+ showLabel [ "repo" ] = true ;
71
+ showLabel [ "center" ] = false ;
72
+
73
+ var svg = d3 . select ( "#visualization" ) . append ( "svg" )
74
+ . attr ( "width" , width )
75
+ . attr ( "height" , height ) ;
76
+
77
+ var force = d3 . layout . force ( )
78
+ . gravity ( gravity )
79
+ . distance ( function ( d ) { return d . value * distance } )
80
+ . charge ( charge )
81
+ . size ( [ width , height ] ) ;
82
+
83
+ d3 . json ( "graphData.json" , function ( error , json ) {
84
+ if ( error ) throw error ;
85
+
86
+ force
87
+ . nodes ( json . nodes )
88
+ . links ( json . links )
89
+ . start ( ) ;
90
+
91
+ var link = svg . selectAll ( ".link" )
92
+ . data ( json . links )
93
+ . enter ( ) . append ( "line" )
94
+ . attr ( "class" , function ( d ) { return "link" + d . value } ) ;
95
+
96
+ var node = svg . selectAll ( ".node" )
97
+ . data ( json . nodes )
98
+ . enter ( ) . append ( "g" )
99
+ . attr ( "class" , "node" )
100
+ . call ( force . drag ) ;
101
+
102
+ svg . append ( "clipPath" )
103
+ . attr ( "id" , "clipCircle-contributor" )
104
+ . append ( "circle" )
105
+ . attr ( "r" , radius * scale [ "contributor" ] ) ;
106
+
107
+ node . append ( "svg:image" )
108
+ . attr ( "xlink:href" , function ( d ) { return d . image ; } )
109
+ . attr ( "x" , function ( d ) { return - radius * scale [ d . type ] } )
110
+ . attr ( "y" , function ( d ) { return - radius * scale [ d . type ] } )
111
+ . attr ( "width" , function ( d ) { return radius * 2 * scale [ d . type ] } )
112
+ . attr ( "height" , function ( d ) { return radius * 2 * scale [ d . type ] } )
113
+ . attr ( "clip-path" , function ( d ) { return "url(#clipCircle-" + d . type + ")" } ) ;
114
+
115
+ node . append ( "text" )
116
+ . attr ( "dx" , 20 )
117
+ . attr ( "dy" , ".35em" )
118
+ . text ( function ( d ) { return ( showLabel [ d . type ] ) ? d . name : "" } ) ;
119
+
120
+ force . on ( "tick" , function ( ) {
121
+ node . attr ( "cx" , function ( d ) { return d . x = Math . max ( radius , Math . min ( width - radius , d . x ) ) ; } )
122
+ . attr ( "cy" , function ( d ) { return d . y = Math . max ( radius , Math . min ( height - radius , d . y ) ) ; } ) ;
123
+
124
+ link . attr ( "x1" , function ( d ) { return d . source . x ; } )
125
+ . attr ( "y1" , function ( d ) { return d . source . y ; } )
126
+ . attr ( "x2" , function ( d ) { return d . target . x ; } )
127
+ . attr ( "y2" , function ( d ) { return d . target . y ; } ) ;
128
+
129
+ node . attr ( "transform" , function ( d ) { return "translate(" + d . x + "," + d . y + ")" ; } ) ;
130
+ } ) ;
131
+ } ) ;
132
+
133
+ </ script >
134
+ </ div >
147
135
</ div >
148
136
</ div >
149
137
</ section >
150
138
< section >
151
139
< div class ="about-block steering-council gray ">
152
140
< div class ="container ">
153
- < img src ="assets/steering.svg " class ="img-responsive ">
141
+ < img src ="assets/steering.svg " class ="img-responsive " alt =" steering committee icon " >
154
142
< h2 > Steering Council</ h2 >
155
143
< p class ="supportparagraph "> Our team is primarily led by 10 steering committee members who ultimately make the final decisions.</ p >
156
144
< div class ="col-md-12 ">
@@ -205,38 +193,38 @@ <h2>Steering Council</h2>
205
193
< section >
206
194
< div class ="about-block ">
207
195
< div class ="container ">
208
- < img src ="assets/sponsors2.svg " class ="img-responsive ">
196
+ < img src ="assets/sponsors2.svg " class ="img-responsive " alt =" sponsors " >
209
197
< h2 > Sponsors</ h2 >
210
198
< p class ="supportparagraph "> Project Jupyter receives direct funding from the following foundations and companies:</ p >
211
- < div class ="col6 "> < a href ="http://helmsleytrust.org "> < img src ="assets/helmsley.svg " class ="customerLogo "> </ a > </ div >
212
- < div class ="col6 "> < a href ="http://www.sloan.org/ "> < img src ="assets/alfred.svg " class ="customerLogo "> </ a > </ div >
213
- < div class ="col6 "> < a href ="https://www.moore.org/ "> < img src ="assets/moore.svg " class ="customerLogo "> </ a > </ div >
214
- < div class ="col6 "> < a href ="https://www.google.com/ "> < img src ="assets/google-color.svg " class ="customerLogo "> </ a > </ div >
215
- < div class ="col6 "> < a href ="http://www.microsoft.com/ "> < img src ="assets/microsoft-color.svg " class ="customerLogo logo-fix "> </ a > </ div >
216
- < div class ="col6 "> < a href ="http://developer.rackspace.com/ "> < img src ="assets/rackspace-color.svg " class ="customerLogo logo-fix "> </ a > </ div >
217
- < div class ="col6 "> < a href ="https://www.fastly.com/ "> < img src ="assets/fastly.svg " class ="customerLogo "> </ a > </ div >
199
+ < div class ="col6 "> < a href ="http://helmsleytrust.org "> < img src ="assets/helmsley.svg " class ="customerLogo " alt =" helmsley trust logo " > </ a > </ div >
200
+ < div class ="col6 "> < a href ="http://www.sloan.org/ "> < img src ="assets/alfred.svg " class ="customerLogo " alt =" sloan logo " > </ a > </ div >
201
+ < div class ="col6 "> < a href ="https://www.moore.org/ "> < img src ="assets/moore.svg " class ="customerLogo " alt =" moore foundation logo " > </ a > </ div >
202
+ < div class ="col6 "> < a href ="https://www.google.com/ "> < img src ="assets/google-color.svg " class ="customerLogo " alt =" google logo " > </ a > </ div >
203
+ < div class ="col6 "> < a href ="http://www.microsoft.com/ "> < img src ="assets/microsoft-color.svg " class ="customerLogo logo-fix " alt =" microsoft logo " > </ a > </ div >
204
+ < div class ="col6 "> < a href ="http://developer.rackspace.com/ "> < img src ="assets/rackspace-color.svg " class ="customerLogo logo-fix " alt =" rackspace logo " > </ a > </ div >
205
+ < div class ="col6 "> < a href ="https://www.fastly.com/ "> < img src ="assets/fastly.svg " class ="customerLogo " alt =" fastly logo " > </ a > </ div >
218
206
</ div >
219
207
</ div >
220
208
</ section >
221
209
< section >
222
210
< div class ="about-block gray " id ="institutional ">
223
211
< div class ="container ">
224
- < img src ="assets/institutional_partners2.svg " class ="img-responsive ">
212
+ < img src ="assets/institutional_partners2.svg " class ="img-responsive " alt =" institutional partners " >
225
213
< h2 > Institutional Partners</ h2 >
226
214
< p class ="supportparagraph "> Institutional Partners are companies and universities that support the project by employing Steering Council members.
227
215
Current Institutional Partners include:</ p >
228
- < div class ="col6 "> < a href ="http://continuum.io/ "> < img src ="assets/continuum-color.svg " class ="customerLogo " height ="60 " width ="200 "> </ a > </ div >
229
- < div class ="col6 "> < a href ="http://www.bloomberg.com/ "> < img src ="assets/bloomberg-color.svg " class ="customerLogo logo-fix "> </ a > </ div >
230
- < div class ="col6 "> < a href ="http://developer.rackspace.com/ "> < img src ="assets/rackspace-color.svg " class ="customerLogo "> </ a > </ div >
231
- < div class ="col6 "> < a href ="http://www.calpoly.edu/ "> < img src ="assets/poly-color.svg " class ="customerLogo "> </ a > </ div >
232
- < div class ="col6 "> < a href ="http://www.berkeley.edu/ "> < img src ="assets/berkeley-color.svg " class ="customerLogo "> </ a > </ div >
216
+ < div class ="col6 "> < a href ="http://continuum.io/ "> < img src ="assets/continuum-color.svg " class ="customerLogo " height ="60 " width ="200 " alt =" continuum.io logo " > </ a > </ div >
217
+ < div class ="col6 "> < a href ="http://www.bloomberg.com/ "> < img src ="assets/bloomberg-color.svg " class ="customerLogo logo-fix " alt =" bloomberg logo " > </ a > </ div >
218
+ < div class ="col6 "> < a href ="http://developer.rackspace.com/ "> < img src ="assets/rackspace-color.svg " class ="customerLogo " alt =" rackspace logo " > </ a > </ div >
219
+ < div class ="col6 "> < a href ="http://www.calpoly.edu/ "> < img src ="assets/poly-color.svg " class ="customerLogo " alt =" cal poly logo " > </ a > </ div >
220
+ < div class ="col6 "> < a href ="http://www.berkeley.edu/ "> < img src ="assets/berkeley-color.svg " class ="customerLogo " alt =" UC Berkeley logo " > </ a > </ div >
233
221
</ div >
234
222
</ div >
235
223
</ section >
236
224
< section >
237
225
< div class ="about-block institutional ">
238
226
< div class ="container ">
239
- < img src ="assets/governance-icon2.svg " class ="img-responsive " id ="governance ">
227
+ < img src ="assets/governance-icon2.svg " class ="img-responsive " id ="governance " alt =" governance icon " >
240
228
< h2 > Governance</ h2 >
241
229
< p class ="supportparagraph "> Robust, community driven development with institutional backing.</ p >
242
230
< div class ="menu col-md-12 ">
0 commit comments