Merge pull request #357 from SylvainCorlay/voila

Add voila to website

css/logo-nav.css

@@ -470,20 +470,17 @@ body {
 }
 
 .greydout {
-    -moz-opacity: .065;
-    -webkit-opacity: 0.065;
-    opacity: 0.65;
-    -webkit-transition: all .5s ease;
-    -moz-transition: all .5s ease;
-    -ms-transition: all .5s ease;
-    -o-transition: all .5s ease;
-    transition: all .5s ease;
+    -webkit-transition: all .05s ease;
+    -moz-transition: all .05s ease;
+    -ms-transition: all .05s ease;
+    -o-transition: all .05s ease;
+    transition: all .05s ease;
 }
 
 .greydout:hover {
-    -webkit-opacity: 1;
-    -moz-opacity: 1;
-    opacity: 1;
+    -webkit-opacity: 0.65;
+    -moz-opacity: 0.65;
+    opacity: 0.65;
 }
 
 /* JupyterHub section on front page */

index.html

@@ -148,8 +148,30 @@ <h4>Code meets data</h4>
         </div>
     </div>
 </section>
-<section id="current-use">
+<section id="voila">
     <div class="section-white">
+        <div class="voila-preview">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-6">
+                        <img class="img-responsive" src="assets/voilapreview.png" id="portal" alt="examples of Voilà dashboards"/>
+                    </div>
+                    <div class="col-md-6 nb-highlight-text">
+                        <h3>Communicate your results with Voilà.</h3>
+                        <h4 class="nb-desc">
+                            Voilà helps you communicate insights, by transforming a Jupyter Notebook into a stand-alone web application you can share. It gives you control over what your readers experience in a secure and customizable interactive dashboard.
+                        </h4>
+                        <div class="button-container">
+                            <a class="orange-button install-button" href="install.html">Install Voilà</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<section id="current-use">
+    <div class="section-grey">
         <div class="container">
             <div class="row">
                 <h3 class="section-header">Currently in use at</h3>
@@ -188,7 +210,7 @@ <h3 class="section-header">Currently in use at</h3>
     </div>
 </section>
 <section id="architecture">
-    <div class="section-grey">
+    <div class="section-white">
         <div class="container">
             <div class="architecturedescription">
                 <img src="assets/architectureicon2.svg" class="section-icon" alt="icon to represent jupyter architecture">

install.md

@@ -37,6 +37,7 @@ While Jupyter runs code in many programming languages, Python is a requirement
 (Python 3.3 or greater, or Python 2.7) for installing the JupyterLab or the classic Jupyter Notebook.
 
 ### Installing Jupyter Notebook using Anaconda
+
 We **strongly recommend** installing Python and Jupyter using the [Anaconda Distribution](https://www.anaconda.com/downloads),
 which includes Python, the Jupyter Notebook, and other commonly used packages for scientific computing and data science.
 
@@ -53,6 +54,7 @@ jupyter notebook
 See [Running the Notebook](https://jupyter.readthedocs.io/en/latest/running.html#running) for more details.
 
 ### Installing Jupyter Notebook with pip
+
 As an existing or experienced Python user, you may wish to install Jupyter using Python’s package manager, pip, instead of Anaconda.
 
 If you have Python 3 installed (which is recommended):
@@ -77,3 +79,25 @@ jupyter notebook
 ```
 
 See [Running the Notebook](https://jupyter.readthedocs.io/en/latest/running.html#running) for more details.
+
+## Getting started with Voilà
+
+### Installation
+
+Voilà can be installed using `conda` or `pip`. For more detailed instructions, consult the [installation guide](https://voila.readthedocs.io/en/stable/install.html).
+
+### conda
+
+If you use `conda`, you can install it with:
+
+```shell
+conda install -c conda-forge voila
+```
+
+### pip
+
+If you use `pip`, you can install it with:
+
+```shell
+pip install voila
+```