add some notes about what Jupyter is

- include IPython/Jupyter comparison
- remove coLab link
- use new logo
- use sans-serif font instead of Minion to match logo

Author: minrk

css/jupyter.css

@@ -1,16 +1,20 @@
 #jupyter-logo {
-    font-size: 300%;
+    width: 400px;
+    margin: auto;
+    text-align: center;
 }
 
 body {
-    font-family: "minion-pro";
+    font-family: "proxima-nova", sans-serif;
+    font-size: 18px;
 }
 
 .container {
 }
 
 div#main-title {
     margin: 40px 0px;
+    text-align: center;
 }
 
 div#main-title h1 {
@@ -28,6 +32,7 @@ div#jupyter-logo {
 
 div#sub-title {
     margin: 50px 0px;
+    text-align: center;
 }
 
 div#sub-title h2 {

index.html

@@ -22,22 +22,37 @@
   <div class="container">
 
     <div id="main-title">
-      <h1 class="text-center">Project Jupyter</h1>
+      <img src="images/jupyter-sq-text.svg" alt="Jupyter" id="jupyter-logo"/>
     </div>
-
-    <div id="jupyter-logo" class="text-center">
-      <span class="icon jupyter-icon-jupiter"></span>
-      <span id="moon-1" class="icon jupyter-icon-moon"></span>
-      <img id="julia" src="images/Julia_256x256.png" class="language-logo" />
-      <span id="moon-2" class="icon jupyter-icon-moon"></span>
-      <img id="python" src="images/Python_256x256.png" class="language-logo" />
-      <span id="moon-3" class="icon jupyter-icon-moon"></span>
-      <img id="r" src="images/R_256x256.png" class="language-logo" />
-    </div>
-
     <div id="sub-title">
       <h2 class="text-center">Evolved from the IPython Project</h2>
+    <h2 class="text-center">
+      The language-agnostic parts of IPython are getting a new home in Project Jupyter
+    </h2>
+    </div>
+    
+    
+    <div class="row">
+      <div class="col-md-3 col-md-offset-3">
+        <h2 class="text-center">IPython</h2>
+        <ul>
+          <li>Interactive Python shell</li>
+          <li>Python kernel for Jupyter</li>
+          <li>Interactive Parallel Python</li>
+        </ul>
+      </div>
+      <div class="col-md-3">
+        <h2 class="text-center">Jupyter</h3>
+        <ul>
+          <li>Rich REPL Protocol</li>
+          <li>Notebook (format, environment, conversion)</li>
+          <li><a href="https://github.com/jupyter/jupyterhub">JupyterHub</a> (multi-user notebook server)</li>
+          <li><a href="https://github.com/jupyter">More...</a></li>
+        </ul>
+      </div>
+    </div>
 
+    <div id="announcement-video">
       <center>
       <iframe width="500" height="300" style="margin:20px 0px 0px"
 	      src="https://www.youtube.com/embed/JDrhn0-r9Eg?start=258&end=529"
@@ -50,20 +65,17 @@ <h4 class="text-center">
     </div>
 
     <div id="footer">
-      <div class="container">
       <hr/>
       <div class="row">
-        <div class="col-md-3">
+        <div class="col-md-3 col-md-offset-2">
           <iframe src="https://ghbtns.com/github-btn.html?user=jupyter&type=follow"
             allowtransparency="true" frameborder="0" scrolling="0" width="200" height="20"></iframe>
         </div>
         <div class="col-md-3">
           <a href="https://twitter.com/ProjectJupyter" class="twitter-follow-button" data-show-count="false">Follow @ProjectJupyter</a>
         </div>
-        <div class="col-md-3"><a href="http://colaboratory.jupyter.org" target="_blank">Jupyter coLaboratory</a></div>
         <div class="col-md-3"><a href="http://ipython.org" target="_blank">IPython Project</a></div>
       </div>
-      </div>
     </div>