From d1a2e23267b8f5067d774191ec180e2eb99077f6 Mon Sep 17 00:00:00 2001
From: Anton Akhmerov <anton.akhmerov@gmail.com>
Date: Mon, 7 Dec 2015 03:05:21 +0100
Subject: [PATCH] use pull- classes for images (fixes #11, partially #12)

---
 content/index.rst | 143 ++++++++++++++++++++--------------------------
 1 file changed, 62 insertions(+), 81 deletions(-)

diff --git a/content/index.rst b/content/index.rst
index ef6a94f..f9d5fec 100644
--- a/content/index.rst
+++ b/content/index.rst
@@ -20,7 +20,7 @@ summarized as follows:
 
 .. raw:: html
 
-    <object type="image/svg+xml" data="kwant-workflow.svgz" width="100%">kwant-workflow.svgz</object>
+    <object type="image/svg+xml" data="kwant-workflow.svgz" class="img-responsive">kwant-workflow.svgz</object>
 
 Kwant was designed to be easy to use: Section 2 of the `Kwant paper
 <http://downloads.kwant-project.org/doc/kwant-paper.pdf>`_ contains a
@@ -38,37 +38,33 @@ Kwant.  The tutorial section of `Kwant documentation <doc/1/>`_ and the
 explanations (`zipfile of all examples
 <http://downloads.kwant-project.org/examples/kwant-examples-1.0.0.zip>`_).
 
-.. class:: row nomargin
-
 Graphene flake
 ..............
 
 .. raw:: html
 
-       <object type="image/svg+xml" class="col-md-4 img-responsive" data="graphene-edgestate.svgz">graphene-edgestate.svgz</object>
-
-.. container:: col-md-8
+       <object type="image/svg+xml" class="col-md-4 pull-left img-responsive" data="graphene-edgestate.svgz">graphene-edgestate.svgz</object>
 
-   The complete code that constructs the graphene flake shown on the right side is
+The complete code that constructs the graphene flake shown on the right side is
 
-   .. code:: python
+.. code:: python
 
-       def disk(pos):
-           x, y = pos
-           return x**2 + y**2 < 8**2
+          def disk(pos):
+          x, y = pos
+          return x**2 + y**2 < 8**2
 
-       lat = kwant.lattice.honeycomb()
-       sys = kwant.Builder()
-       sys[lat.shape(disk, (0, 0))] = 0
-       sys[lat.neighbors()] = -1
+          lat = kwant.lattice.honeycomb()
+          sys = kwant.Builder()
+          sys[lat.shape(disk, (0, 0))] = 0
+          sys[lat.neighbors()] = -1
 
-   In addition to the flake itself, the image also shows the wave function of a
-   low energy eigenstate. The size of each circle is proportional to the wave
-   function probability amplitude on that site.  It can be clearly seen that the
-   wave function is peaked near the zigzag segments of the boundary, as `expected
-   <http://arxiv.org/abs/1003.4602>`_ for graphene quantum dots.
+In addition to the flake itself, the image also shows the wave function of a
+low energy eigenstate. The size of each circle is proportional to the wave
+function probability amplitude on that site.  It can be clearly seen that the
+wave function is peaked near the zigzag segments of the boundary, as `expected
+<http://arxiv.org/abs/1003.4602>`_ for graphene quantum dots.
 
-   Taken from the Kwant `plotting tutorial <doc/1/tutorial/tutorial6.html>`_.
+Taken from the Kwant `plotting tutorial <doc/1/tutorial/tutorial6.html>`_.
 
 .. class:: row nomargin
 
@@ -77,95 +73,80 @@ Quantum Hall effect
 
 .. raw:: html
 
-       <object type="image/svg+xml" class="col-md-4 img-responsive" data="qhe-edgestate.svgz">qhe-edgestate.svgz</object>
+       <object type="image/svg+xml" class="col-md-4 img-responsive pull-left" data="qhe-edgestate.svgz">qhe-edgestate.svgz</object>
 
-.. container:: col-md-4
+       <object type="image/svg+xml" class="col-md-4 img-responsive pull-right" data="qhe-plateaus.svgz">qhe-plateaus.svgz</object>
 
-   One of the most common applications of Kwant is to calculate the conductance of
-   a nanoelectronic system.  The plot on the left shows the conductance through a
-   2-d electron gas as a function of magnetic flux.  The quantization of
-   conductance that is visible (plateaus) is the hallmark of the quantum Hall
-   effect.  The third plateau does not develop due to a constriction in the system
-   that leads to backscattering.  The scattering wave function from the left lead
-   at magnetic field strength corresponding to the middle of the third QHE plateau
-   is shown on the right.
 
-   Taken from example 6 of the `Kwant paper
-   <http://downloads.kwant-project.org/doc/kwant-paper.pdf>`_.
+One of the most common applications of Kwant is to calculate the conductance of
+a nanoelectronic system.  The plot on the left shows the conductance through a
+2-d electron gas as a function of magnetic flux.  The quantization of
+conductance that is visible (plateaus) is the hallmark of the quantum Hall
+effect.  The third plateau does not develop due to a constriction in the system
+that leads to backscattering.  The scattering wave function from the left lead
+at magnetic field strength corresponding to the middle of the third QHE plateau
+is shown on the right.
 
-.. raw:: html
+Taken from example 6 of the `Kwant paper
+<http://downloads.kwant-project.org/doc/kwant-paper.pdf>`_.
 
-       <object type="image/svg+xml" class="col-md-4 img-responsive" data="qhe-plateaus.svgz">qhe-plateaus.svgz</object>
-
-.. class:: row nomargin
+.. class:: row
 
 3-d system: Majorana states
 ...........................
 
-.. class:: col-md-4
-
-.. class:: img-responsive
+.. class:: col-md-4 img-responsive pull-left
 
 .. image:: quantum-wire.png
 
-.. container:: col-md-8
+Kwant allows systems of any dimensionality, for example three-dimensional ones.
+This image shows a 3-d model of a semiconducting quantum wire (gray cylinder).
+The red region is a tunnel barrier, used to measure tunneling conductance, the
+blue region is a superconducting electrode.  In this simulated device, a
+Majorana bound state appears close to the superconducting-normal interface.
 
-   Kwant allows systems of any dimensionality, for example three-dimensional ones.
-   This image shows a 3-d model of a semiconducting quantum wire (gray cylinder).
-   The red region is a tunnel barrier, used to measure tunneling conductance, the
-   blue region is a superconducting electrode.  In this simulated device, a
-   Majorana bound state appears close to the superconducting-normal interface.
+Taken from an unpublished work by S. Mi, A. R. Akhmerov, and M. Wimmer.
 
-   Taken from an unpublished work by S. Mi, A. R. Akhmerov, and M. Wimmer.
-
-.. class:: row nomargin
+.. class:: row
 
 Numerical experiment: flying qubit
 ..................................
 
-.. container:: col-md-8
+.. class:: col-md-4 col-sm-12 img-responsive pull-right
 
-   Numerical simulations and experimental results for a flying qubit sample made in
-   a GaAs/GaAlAs heterostrucutre. The Kwant simulations were performed with
-   particular attention to a realistic model of the confining potential seen by the
-   electrons.  This allows for rather subtle aspects of the experiment could be
-   reproduced.  Such "numerical experiments" can not only be used to interpret the
-   experimental data but also can help to design the sample geometry and in to
-   choose the right materials.
-
-   Taken from an unpublished work by T. Bautze et al.  See Yamamoto et al., `Nature
-   Nanotechnology 7, 247 (2012) <http://dx.doi.org/doi:10.1038/nnano.2012.28>`_ for
-   details about the experiment.
+.. image:: flying-qubit.png
 
-.. class:: col-md-4
+Numerical simulations and experimental results for a flying qubit sample made in
+a GaAs/GaAlAs heterostrucutre. The Kwant simulations were performed with
+particular attention to a realistic model of the confining potential seen by the
+electrons.  This allows for rather subtle aspects of the experiment could be
+reproduced.  Such "numerical experiments" can not only be used to interpret the
+experimental data but also can help to design the sample geometry and in to
+choose the right materials.
 
-.. class:: img-responsive
+Taken from an unpublished work by T. Bautze et al.  See Yamamoto et al., `Nature
+Nanotechnology 7, 247 (2012) <http://dx.doi.org/doi:10.1038/nnano.2012.28>`_ for
+details about the experiment.
 
-.. image:: flying-qubit.png
-
-.. class:: row nomargin
+.. class:: row
 
 Conductance of a Corbino disk in a quantum Hall regime
 ......................................................
 
 .. raw:: html
 
-   <object type="image/svg+xml" class="col-md-4 img-responsive" data="corbino-layout.svgz">corbino-layout.svgz</object>
+   <object type="image/svg+xml" class="col-md-4 col-sm-6 img-responsive pull-left" data="corbino-layout.svgz">corbino-layout.svgz</object>
 
-.. container:: col-md-4
+.. class:: col-md-4 col-sm-6 img-responsive pull-right
 
-   Transport properties of a Corbino disk across a quantum Hall transition. Left:
-   geometry of the sample consisting of a ring-shaped two-dimensional electron gas
-   (grey) in a perpendicular magnetic field.  Right: conductance across the
-   transition, showing quantized conductance peaks.
-
-   Taken from I. C. Fulga, F. Hassler, A. R. Akhmerov, C. W. J. Beenakker,
-   `Phys. Rev. B 84, 245447 (2011)
-   <http://link.aps.org/doi/10.1103/PhysRevB.84.245447>`_; `arXiv:1110.4280
-   <http://arxiv.org/abs/1110.4280>`_.
-
-.. class:: col-md-4
+.. image:: corbino-conductance.png
 
-.. class:: img-responsive
+Transport properties of a Corbino disk across a quantum Hall transition. Left:
+geometry of the sample consisting of a ring-shaped two-dimensional electron gas
+(grey) in a perpendicular magnetic field.  Right: conductance across the
+transition, showing quantized conductance peaks.
 
-.. image:: corbino-conductance.png
+Taken from I. C. Fulga, F. Hassler, A. R. Akhmerov, C. W. J. Beenakker,
+`Phys. Rev. B 84, 245447 (2011)
+<http://link.aps.org/doi/10.1103/PhysRevB.84.245447>`_; `arXiv:1110.4280
+<http://arxiv.org/abs/1110.4280>`_.
-- 
GitLab