.. title:: Home

.. toctree::
    :hidden:

    community
    documentation
    gallery
    gl
    modern-gl
    news
    resources

.. container:: jumbotron

   .. container:: row


      .. container:: col-lg-9

         .. image:: _static/vispy-teaser.png
            :class: img-responsive center-block


         VisPy is a `Python <http://www.python.org>`_ library for interactive
         scientific visualization that is designed to be fast, scalable, and
         easy to use.

      .. container:: col-lg-3 text-right


         .. raw:: html

             <h3><i class="fa fa-tachometer fa-2x"></i> Fast</h3>
             <p><small>GPU accelerated</small></p>

         .. raw:: html

             <h3><i class="fa fa-signal fa-2x"></i> Scalable</h3>
             <p><small>Million points, real-time</small></p>

         .. raw:: html

             <h3><i class="fa fa-heart fa-2x"></i> Beautiful</h3>
             <p><small>Antigrain rendering</small></p>



..
   .. container:: row

      .. container:: col-lg-4 text-center

         .. raw:: html

             <h2><i class="fa fa-2x icon-python"></i> Pyhon powered</h2>

         Using `

      .. container:: col-lg-4 text-center

         .. raw:: html

             <h2><i class="fa fa-2x icon-shell"></i> Interactive</h2>

         Control everything from python


      .. container:: col-lg-4 text-center

         .. raw:: html

             <h2><i class="fa fa-github fa-2x"></i> Open source</h2>

         Join us on `github <https://github.com/vispy/vispy>`_


.. raw:: html

   <div id="HomeCarousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#HomeCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#HomeCarousel" data-slide-to="1" class=""></li>
        <li data-target="#HomeCarousel" data-slide-to="2" class=""></li>
        <li data-target="#HomeCarousel" data-slide-to="3" class=""></li>
      </ol>

      <div class="carousel-inner">

        <div class="item active">
          <img src="_static/carousel/galaxy.png" alt="Galaxy" style="width:100%">
          <div class="container">
            <div class="carousel-caption">

              <h1>Spiral galaxy simulation</h1>
              <p> Simulation of a spiral galaxy using the density wave theory.</p>
              <p><a class="btn btn-primary" href="gallery.html" role="button">Check it out</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img src="_static/carousel/high-frequency.png" alt="High-frequency signal" style="width:100%">
          <div class="container">
            <div class="carousel-caption">
              <h1>High frequency signals</h1>
              <p>GPU multisampled high-frequency signal</p>
              <p><a class="btn btn-primary" href="gallery.html" role="button">Browse gallery</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img src="_static/carousel/mandelbrot.png" alt="Mandelbrot" style="width:100%">
          <div class="container">
            <div class="carousel-caption">
              <h1>Mandelbrot set</h1>
              <p>GPU computed fractals</p>
              <p><a class="btn btn-primary" href="gallery.html" role="button">Show me more</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img src="_static/carousel/signals.png" alt="Signals" style="width:100%">
          <div class="container">
            <div class="carousel-caption">
              <h1>Realtime signals</h1>
              <p>320 signals with 10 000 points each</p>
              <p><a class="btn btn-primary" href="gallery.html" role="button">Waouh !</a></p>
            </div>
          </div>
        </div>
      </div>

      <a class="left carousel-control" href="#HomeCarousel" role="button"
         data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>

      <a class="right carousel-control" href="#HomeCarousel" role="button"
         data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

    </div>
