Add video of SciPy'14 with ligthning talk about project.

Made some CSS tweaks to help the whole thing fit vertically in smaller
screens without too much scrolling.

In particular, had to change the footer to relative positioning so it
wouldn't clobber the bottom of the page so easily.

Author: fperez

css/jupyter.css

@@ -10,15 +10,15 @@ body {
 }
 
 div#main-title {
-    margin: 50px 0px;
+    margin: 40px 0px;
 }
 
 div#main-title h1 {
     font-size: 48px;
 }
 
 div#jupyter-logo {
-    margin: 100px 0px;
+    margin: 60px 0px;
     position: relative;
 }
 
@@ -36,7 +36,7 @@ div#sub-title h2 {
 
 
 div#footer {
-    position: absolute;
+    position: relative;
     bottom: 0px;
     margin-bottom: 20px;
 }

index.html

@@ -37,6 +37,16 @@ <h1 class="text-center">Project Jupyter</h1>
 
     <div id="sub-title">
       <h2 class="text-center">Evolved from the IPython Project</h2>
+
+      <center>
+      <iframe width="500" height="300" style="margin:20px 0px 0px"
+	      src="//www.youtube.com/embed/JDrhn0-r9Eg?start=250"
+	      frameborder="0" allowfullscreen></iframe>
+      </center>
+      <h4 class="text-center">
+	<a href="https://speakerdeck.com/fperez/project-jupyter"
+	   target="_blank">(Slides for talk above announcing the project)</a>
+      </h4>
     </div>
 
     <div id="footer">