Skip to content

Commit d0c1469

Browse files
willingcwillingc
committed
Clean up indenting on widgets.html
1 parent 37dc5ee commit d0c1469

File tree

1 file changed

+128
-130
lines changed

1 file changed

+128
-130
lines changed

‎widgets.html

+128-130
Original file line numberDiff line numberDiff line change
@@ -32,139 +32,137 @@ <h3 class="col-sm-12 section-header">Notebook Widgets</h3>
3232
</section>
3333

3434
<section>
35-
<div class="container">
36-
<div class="tabbable tabs-left">
37-
<ul class="nav nav-tabs">
38-
<li class="active">
39-
<a href="#ipyleaflet" data-toggle="tab">
40-
<p>ipyleaflet</p>
41-
<p>Geo-spatial analytics</p>
42-
</a></li>
43-
<li>
44-
<a href="#bqplot" data-toggle="tab">
45-
<p>bqplot</p>
46-
<p>Interactive 2-D data visualization</p>
35+
<div class="container">
36+
<div class="tabbable tabs-left">
37+
<ul class="nav nav-tabs">
38+
<li class="active">
39+
<a href="#ipyleaflet" data-toggle="tab">
40+
<p>ipyleaflet</p>
41+
<p>Geo-spatial analytics</p>
42+
</a>
43+
</li>
44+
<li>
45+
<a href="#bqplot" data-toggle="tab">
46+
<p>bqplot</p>
47+
<p>Interactive 2-D data visualization</p>
48+
</a>
49+
</li>
50+
<li>
51+
<a href="#pythreejs" data-toggle="tab">
52+
<p>pythreejs</p>
53+
<p>3-D data visualization</p>
54+
</a>
55+
</li>
56+
<li>
57+
<a href="#cookiecutter" data-toggle="tab">
58+
<p>cookiecutter</p>
59+
<p>Template widget project</p>
60+
</a>
61+
</li>
62+
</ul>
63+
<div class="tab-content">
64+
<div class="tab-pane active" id="ipyleaflet">
65+
<div class="jupyter-widget-header">
66+
<span class="gallery-title">ipyleaflet</span>
67+
<span>
68+
<a href="http://mybinder.org/repo/ellisonbg/ipyleaflet/notebooks/examples">
69+
<img class="img-scaling" src="assets/mybinder.svg" alt="Binder">
70+
</a>
71+
<a href="https://github.com/ellisonbg/ipyleaflet">
72+
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
73+
</a>
74+
</span>
75+
</div>
76+
<p>
77+
A library for creating simple interactive maps with panning and
78+
zooming. ipyleaflet supports annotations such as polygons,
79+
markers, and more generally any geojson-encoded geographical
80+
data structure.
81+
</p>
82+
<h3>Example</h3>
83+
{% highlight python %}{% include_relative assets/ipyleaflet-example.py %}{% endhighlight %}
84+
<script type="application/vnd.jupyter-embedded-widgets">
85+
{% include_relative assets/ipyleaflet-example.json %}
86+
</script>
87+
<h3>Installation</h3>
88+
With conda:
89+
{% highlight bash %}conda install -c conda-forge ipyleaflet{% endhighlight %}
90+
</div>
91+
<div class="tab-pane" id="bqplot">
92+
<div class="jupyter-widget-header">
93+
<span class="gallery-title">bqplot</span>
94+
<span>
95+
<a href="http://mybinder.org/repo/bloomberg/bqplot/notebooks/examples">
96+
<img class="img-scaling" src="assets/mybinder.svg" alt="Binder">
97+
</a>
98+
<a href="https://github.com/bloomberg/bqplot">
99+
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
100+
</a>
101+
</span>
102+
</div>
103+
<p>
104+
A 2-D interative data visualization library implementing the
105+
constructs of the grammar of graphics. bqplot provides a simple
106+
API for creating custom user interactions.
107+
</p>
108+
<h3>Example</h3>
109+
{% highlight python %}{% include_relative assets/bqplot-example.py %}{% endhighlight %}
110+
<script type="application/vnd.jupyter-embedded-widgets">
111+
{% include_relative assets/bqplot-example.json %}
112+
</script>
113+
<h3>Installation</h3>
114+
With conda:
115+
{% highlight bash %}conda install -c conda-forge bqplot{% endhighlight %}
116+
</div>
117+
<div class="tab-pane" id="pythreejs">
118+
<div class="jupyter-widget-header">
119+
<span class="gallery-title">pythreejs</span>
120+
<span>
121+
<a href="http://mybinder.org/repo/jovyan/pythreejs/notebooks/examples">
122+
<img class="img-scaling" src="assets/mybinder.svg" alt="Binder">
47123
</a>
48-
</li>
49-
<li>
50-
<a href="#pythreejs" data-toggle="tab">
51-
<p>pythreejs</p>
52-
<p>3-D data visualization</p>
124+
<a href="https://github.com/jovyan/pythreejs">
125+
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
53126
</a>
54-
</li>
55-
<li>
56-
<a href="#cookiecutter" data-toggle="tab">
57-
<p>cookiecutter</p>
58-
<p>Template widget project</p>
127+
</span>
128+
</div>
129+
<p>
130+
A 3-D visualization library enabling GPU-accelerated computer
131+
graphics in Jupyter.
132+
</p>
133+
<h3>Example</h3>
134+
{% highlight python %}{% include_relative assets/pythreejs-example.py %}{% endhighlight %}
135+
<script type="application/vnd.jupyter-embedded-widgets">
136+
{% include_relative assets/pythreejs-example.json %}
137+
</script>
138+
<h3>Installation</h3>
139+
With conda:
140+
{% highlight bash %}conda install -c conda-forge pythreejs{% endhighlight %}
141+
</div>
142+
<div class="tab-pane" id="cookiecutter">
143+
<div class="jupyter-widget-header">
144+
<span class="gallery-title">widget cookiecutter</span>
145+
<span>
146+
<a href="https://github.com/jupyter/widget-cookiecutter">
147+
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
59148
</a>
60-
</li>
61-
</ul>
62-
<div class="tab-content">
63-
<div class="tab-pane active" id="ipyleaflet">
64-
<div class="jupyter-widget-header">
65-
<span class="gallery-title">ipyleaflet</span>
66-
<span>
67-
<a href="http://mybinder.org/repo/ellisonbg/ipyleaflet/notebooks/examples">
68-
<img class="img-scaling" src="assets/mybinder.svg" alt="Binder">
69-
</a>
70-
<a href="https://github.com/ellisonbg/ipyleaflet">
71-
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
72-
</a>
73-
</span>
74-
</div>
75-
<p>
76-
A library for creating simple interactive maps with panning and
77-
zooming. ipyleaflet supports annotations such as polygons,
78-
markers, and more generally any geojson-encoded geographical
79-
data structure.
80-
</p>
81-
<h3>Example</h3>
82-
{% highlight python %}{% include_relative assets/ipyleaflet-example.py %}{% endhighlight %}
83-
<script type="application/vnd.jupyter-embedded-widgets">
84-
{% include_relative assets/ipyleaflet-example.json %}
85-
</script>
86-
<h3>Installation</h3>
87-
With conda:
88-
{% highlight bash %}conda install -c conda-forge ipyleaflet{% endhighlight %}
89-
</div>
90-
<div class="tab-pane" id="bqplot">
91-
<div class="jupyter-widget-header">
92-
<span class="gallery-title">bqplot</span>
93-
<span>
94-
<a href="http://mybinder.org/repo/bloomberg/bqplot/notebooks/examples">
95-
<img class="img-scaling" src="assets/mybinder.svg" alt="Binder">
96-
</a>
97-
<a href="https://github.com/bloomberg/bqplot">
98-
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
99-
</a>
100-
</span>
101-
</div>
102-
<p>
103-
A 2-D interative data visualization library implementing the
104-
constructs of the grammar of graphics. bqplot provides a simple
105-
API for creating custom user interactions.
106-
</p>
107-
<h3>Example</h3>
108-
{% highlight python %}{% include_relative assets/bqplot-example.py %}{% endhighlight %}
109-
<script type="application/vnd.jupyter-embedded-widgets">
110-
{% include_relative assets/bqplot-example.json %}
111-
</script>
112-
<h3>Installation</h3>
113-
With conda:
114-
{% highlight bash %}conda install -c conda-forge bqplot{% endhighlight %}
115-
</div>
116-
<div class="tab-pane" id="pythreejs">
117-
<div class="jupyter-widget-header">
118-
<span class="gallery-title">pythreejs</span>
119-
<span>
120-
<a href="http://mybinder.org/repo/jovyan/pythreejs/notebooks/examples">
121-
<img class="img-scaling" src="assets/mybinder.svg" alt="Binder">
122-
</a>
123-
<a href="https://github.com/jovyan/pythreejs">
124-
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
125-
</a>
126-
</span>
127-
</div>
128-
<p>
129-
A 3-D visualization library enabling GPU-accelerated computer
130-
graphics in Jupyter.
131-
</p>
132-
<h3>Example</h3>
133-
{% highlight python %}{% include_relative assets/pythreejs-example.py %}{% endhighlight %}
134-
<script type="application/vnd.jupyter-embedded-widgets">
135-
{% include_relative assets/pythreejs-example.json %}
136-
</script>
137-
<div>
138-
<h3>Installation</h3>
139-
With conda:
140-
{% highlight bash %}conda install -c conda-forge pythreejs{% endhighlight %}
141-
</div>
142-
</div>
143-
<div class="tab-pane" id="cookiecutter">
144-
<div class="jupyter-widget-header">
145-
<span class="gallery-title">widget cookiecutter</span>
146-
<span>
147-
<a href="https://github.com/jupyter/widget-cookiecutter">
148-
<img class="img-scaling" src="assets/github.svg" alt="GitHub">
149-
</a>
150-
</span>
151-
</div>
152-
<p>
153-
The Jupyter widget framework is extensible and enables developers to create custom
154-
widget libraries and bindings for visualization libraries of the JavaScript ecosystem.
155-
</p>
156-
<p>
157-
The <code>cookiecutter</code> project helps widget authors get up to speed with the
158-
packaging and distribution of Jupyter interactive widgets.
159-
</p>
160-
<p>
161-
It produces a base project for a Jupyter interactive widget library following the current best practices.
162-
An implementation for a placeholder "Hello World" widget is provided. Following these practices will
163-
help make your custom widgets work in static web pages (like the examples of this page) and be compatible
164-
with future versions of Jupyter.
165-
</p>
166-
</div>
149+
</span>
150+
</div>
151+
<p>
152+
The Jupyter widget framework is extensible and enables developers to create custom
153+
widget libraries and bindings for visualization libraries of the JavaScript ecosystem.
154+
</p>
155+
<p>
156+
The <code>cookiecutter</code> project helps widget authors get up to speed with the
157+
packaging and distribution of Jupyter interactive widgets.
158+
</p>
159+
<p>
160+
It produces a base project for a Jupyter interactive widget library following the current best practices.
161+
An implementation for a placeholder "Hello World" widget is provided. Following these practices will
162+
help make your custom widgets work in static web pages (like the examples of this page) and be compatible
163+
with future versions of Jupyter.
164+
</p>
167165
</div>
168166
</div>
169-
</div>
167+
</div>
170168
</section>

0 commit comments

Comments
 (0)