Skip to content

Commit 8c166fd

Browse files
cameronoelsencameronoelsen
committed
Made front page of site conform to W3C standard
1 parent f31d1a3 commit 8c166fd

File tree

2 files changed

+35
-33
lines changed

2 files changed

+35
-33
lines changed

‎index.html‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<div class="row">
2828
<div class="col-md-12">
2929
<div class="col-md-8 col-md-offset-2">
30-
<h4 class="jumbotron-text">Open source, interactive data science and scientific computing across over 40 programming languages.</p>
30+
<h4 class="jumbotron-text">Open source, interactive data science and scientific computing across over 40 programming languages.</h4>
3131
</div>
3232
</div>
3333
</div>
@@ -58,7 +58,7 @@ <h3 class="prompt-header">Ready to get started?</h3>
5858
</div>
5959
<div class="col-md-6 nb-highlight-text">
6060
<h3><img src="assets/nbicon.svg" class="notebook-icon" alt="notebook icon">The Jupyter Notebook</h3>
61-
<h4 class="nb-desc">The Jupyter Notebook is a web application that allows you to create and share documents that contain live code, equations, visualizations and explanatory text. Uses include: data cleaning and transformation, numerical simulation, statistical modeling, machine learning and much more.</h3>
61+
<h4 class="nb-desc">The Jupyter Notebook is a web application that allows you to create and share documents that contain live code, equations, visualizations and explanatory text. Uses include: data cleaning and transformation, numerical simulation, statistical modeling, machine learning and much more.</h4>
6262
</div>
6363
</div>
6464
</div>
@@ -138,30 +138,30 @@ <h4>Code meets data</h4>
138138
<div class="row">
139139
<h3 class="section-header">Currently in use at</h3>
140140
<ul class="companies">
141-
<a href="http://www.google.com"><li class="col"><img src="assets/google.svg" class="greydout" alt="Google" height="45" width="130"></li></a>
142-
<a href="http://www.microsoft.com"><li class="col"><img src="assets/Microsoft.svg" class="greydout" alt="Microsoft" height="55" width="206"></li></a>
143-
<a href="http://www.ibm.com"><li class="col"><img src="assets/IBM.svg" class="greydout" alt="IBM" height="40" width="60"></li></a>
144-
<a href="http://www.bloomberg.com"><li class="col"><img src="assets/bloomberg.svg" class="greydout" alt="Bloomberg" height="45" width="222"></li></a>
145-
<a href="http://www.oreilly.com"><li class="col"><img src="assets/oreilly.svg" class="greydout" alt="OReilly" height="45" width="244"></li></a>
146-
<a href="http://continuum.io"><li class="col"><img src="assets/continuum.svg" class="greydout" alt="Continuum" height="60" width="102"></li></a>
147-
<a href="http://developer.rackspace.com"><li class="col"><img src="assets/rackspace.svg" class="greydout" alt="Rackspace" height="60" width="200"></li></a>
148-
<a href="https://www.quantopian.com/"><li class="col"><img src="assets/quantopian.svg" class="greydout" alt="Quantopian" height="60" width="118"></li></a>
149-
<a href="http://www.netapp.com/us/"><li class="col"><img src="assets/netapp.svg" class="greydout" alt="NetApp" height="60" width="344"></li></a>
150-
<a href="https://software-carpentry.org"><li class="col"><img src="assets/carpentry.svg" class="greydout" alt="Carpentry" height="60" width="131"></li></a>
151-
<a href="https://www.janelia.org/"><li class="col"><img src="assets/janelia.svg" class="greydout" alt="Janelia" height="60" width="178"></li></a>
152-
<a href="http://codeneuro.org/"><li class="col"><img src="assets/codeneuro.svg" class="greydout" alt="CodeNeuro" height="60" width="296"></li></a>
153-
<a href=""><li class="col"><img src="assets/nsite.svg" class="greydout" alt="NSite" height="50" width="94"></li></a>
154-
<a href="http://www.sagemath.com/"><li class="col"><img src="assets/smc-logo-jupyter.svg" class="greydout" alt="SageMathCloud" height="50" width="94"></li></a>
155-
<a href="https://www.brynmawr.edu"><li class="col"><img src="assets/brynmawr.svg" class="greydout" alt="BrynMawr" height="60" width="72"></li></a>
156-
<a href="http://www.calpoly.edu"><li class="col"><img src="assets/calpoly.svg" class="greydout" alt="CalPoly" height="60" width="72"></li></a>
157-
<a href="http://www.berkeley.edu"><li class="col"><img src="assets/Berkeley.svg" class="greydout" alt="Berkeley" height="60" width="147"></li></a>
158-
<a href="http://www.sheffield.ac.uk/"><li class="col"><img src="assets/sheffield.svg" class="greydout" alt="Sheffield" height="60" width="137"></li></a>
159-
<a href="http://www.gwu.edu/"><li class="col"><img src="assets/washington.svg" class="greydout" alt="Washington" height="60" width="108"></li></a>
160-
<a href="http://www.clemson.edu/"><li class="col"><img src="assets/clemson.svg" class="greydout" alt="Clemson" height="60" width="150"></li></a>
161-
<a href="https://msu.edu/"><li class="col"><img src="assets/michigan-state.svg" class="greydout" alt="Michigan State University" height="60" width="200"></li></a>
162-
<a href="http://www.northwestern.edu/"><li class="col"><img src="assets/northwestern.svg" class="greydout" alt="Northwestern University" height="60" width="133"></li></a>
163-
<a href="http://www.nyu.edu"><li class="col"><img src="assets/NYU.svg" class="greydout" alt="NYU" height="60" width="133"></li></a>
164-
<a href="http://www.nasa.gov"><li class="col"><img src="assets/NASA.svg" class="greydout" alt="NASA" height="60" width="133"></li></a>
141+
<li class="col"><a href="http://www.google.com"><img src="assets/google.svg" class="greydout" alt="Google" height="45" width="130"></a></li>
142+
<li class="col"><a href="http://www.microsoft.com"><img src="assets/Microsoft.svg" class="greydout" alt="Microsoft" height="55" width="206"></a></li>
143+
<li class="col"><a href="http://www.ibm.com"><img src="assets/IBM.svg" class="greydout" alt="IBM" height="40" width="60"></a></li>
144+
<li class="col"><a href="http://www.bloomberg.com"><img src="assets/bloomberg.svg" class="greydout" alt="Bloomberg" height="45" width="222"></a></li>
145+
<li class="col"><a href="http://www.oreilly.com"><img src="assets/oreilly.svg" class="greydout" alt="OReilly" height="45" width="244"></a></li>
146+
<li class="col"><a href="http://continuum.io"><img src="assets/continuum.svg" class="greydout" alt="Continuum" height="60" width="102"></a></li>
147+
<li class="col"><a href="http://developer.rackspace.com"><img src="assets/rackspace.svg" class="greydout" alt="Rackspace" height="60" width="200"></a></li>
148+
<li class="col"><a href="https://www.quantopian.com/"><img src="assets/quantopian.svg" class="greydout" alt="Quantopian" height="60" width="118"></a></li>
149+
<li class="col"><a href="http://www.netapp.com/us/"><img src="assets/netapp.svg" class="greydout" alt="NetApp" height="60" width="344"></a></li>
150+
<li class="col"><a href="https://software-carpentry.org"><img src="assets/carpentry.svg" class="greydout" alt="Carpentry" height="60" width="131"></a></li>
151+
<li class="col"><a href="https://www.janelia.org/"><img src="assets/janelia.svg" class="greydout" alt="Janelia" height="60" width="178"></a></li>
152+
<li class="col"><a href="http://codeneuro.org/"><img src="assets/codeneuro.svg" class="greydout" alt="CodeNeuro" height="60" width="296"></a></li>
153+
<li class="col"><a href=""><img src="assets/nsite.svg" class="greydout" alt="NSite" height="50" width="94"></a></li>
154+
<li class="col"><a href="http://www.sagemath.com/"><img src="assets/smc-logo-jupyter.svg" class="greydout" alt="SageMathCloud" height="50" width="94"></a></li>
155+
<li class="col"><a href="https://www.brynmawr.edu"><img src="assets/brynmawr.svg" class="greydout" alt="BrynMawr" height="60" width="72"></a></li>
156+
<li class="col"><a href="http://www.calpoly.edu"><img src="assets/calpoly.svg" class="greydout" alt="CalPoly" height="60" width="72"></a></li>
157+
<li class="col"><a href="http://www.berkeley.edu"><img src="assets/Berkeley.svg" class="greydout" alt="Berkeley" height="60" width="147"></a></li>
158+
<li class="col"><a href="http://www.sheffield.ac.uk/"><img src="assets/sheffield.svg" class="greydout" alt="Sheffield" height="60" width="137"></a></li>
159+
<li class="col"><a href="http://www.gwu.edu/"><img src="assets/washington.svg" class="greydout" alt="Washington" height="60" width="108"></a></li>
160+
<li class="col"><a href="http://www.clemson.edu/"><img src="assets/clemson.svg" class="greydout" alt="Clemson" height="60" width="150"></a></li>
161+
<li class="col"><a href="https://msu.edu/"><img src="assets/michigan-state.svg" class="greydout" alt="Michigan State University" height="60" width="200"></a></li>
162+
<li class="col"><a href="http://www.northwestern.edu/"><img src="assets/northwestern.svg" class="greydout" alt="Northwestern University" height="60" width="133"></a></li>
163+
<li class="col"><a href="http://www.nyu.edu"><img src="assets/NYU.svg" class="greydout" alt="NYU" height="60" width="133"></a></li>
164+
<li class="col"><a href="http://www.nasa.gov"><img src="assets/NASA.svg" class="greydout" alt="NASA" height="60" width="133"></a></li>
165165
</ul>
166166
</div>
167167
</div>

‎widgets.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ <h2>Interactive Widgets</h2>
2525
<div class="section-white top-section-border">
2626
<div class="container">
2727
<img class="section-icon img-responsive" src="assets/widget.svg" alt="icon to represent multiple notebooks">
28-
<h3 class="col-sm-12 section-header">Notebook Widgets</h2>
28+
<h3 class="col-sm-12 section-header">Notebook Widgets</h3>
2929
<p class="support-paragraph">Notebooks come alive when interactive widgets are used. Users can visualize and control changes in the data. Learning becomes an immersive, plus fun, experience. Researchers can easily see how changing inputs to a model impact the results.</p>
3030
</div>
3131
</div>
@@ -72,7 +72,7 @@ <h3 class="col-sm-12 section-header">Notebook Widgets</h2>
7272
</a>
7373
</span>
7474
</div>
75-
<p class=supportparagraph>
75+
<p>
7676
A library for creating simple interactive maps with panning and
7777
zooming. ipyleaflet supports annotations such as polygons,
7878
markers, and more generally any geojson-encoded geographical
@@ -99,7 +99,7 @@ <h3>Installation</h3>
9999
</a>
100100
</span>
101101
</div>
102-
<p class=supportparagraph>
102+
<p>
103103
A 2-D interative data visualization library implementing the
104104
constructs of the grammar of graphics. bqplot provides a simple
105105
API for creating custom user interactions.
@@ -125,7 +125,7 @@ <h3>Installation</h3>
125125
</a>
126126
</span>
127127
</div>
128-
<p class=supportparagraph>
128+
<p>
129129
A 3-D visualization library enabling GPU-accelerated computer
130130
graphics in Jupyter.
131131
</p>
@@ -134,9 +134,11 @@ <h3>Example</h3>
134134
<script type="application/vnd.jupyter-embedded-widgets">
135135
{% include_relative assets/pythreejs-example.json %}
136136
</script>
137+
<div>
137138
<h3>Installation</h3>
138139
With conda:
139140
{% highlight bash %}conda install -c conda-forge pythreejs{% endhighlight %}
141+
</div>
140142
</div>
141143
<div class="tab-pane" id="cookiecutter">
142144
<div class="jupyter-widget-header">
@@ -147,15 +149,15 @@ <h3>Installation</h3>
147149
</a>
148150
</span>
149151
</div>
150-
<p class=supportparagraph>
152+
<p>
151153
The Jupyter widget framework is extensible and enables developers to create custom
152154
widget libraries and bindings for visualization libraries of the JavaScript ecosystem.
153155
</p>
154-
<p class=supportparagraph>
156+
<p>
155157
The <code>cookiecutter</code> project helps widget authors get up to speed with the
156158
packaging and distribution of Jupyter interactive widgets.
157159
</p>
158-
<p class=supportparagraph>
160+
<p>
159161
It produces a base project for a Jupyter interactive widget library following the current best practices.
160162
An implementation for a placeholder "Hello World" widget is provided. Following these practices will
161163
help make your custom widgets work in static web pages (like the examples of this page) and be compatible

0 commit comments

Comments
 (0)