Merge pull request neuroanatomy#225 from katjaq/master

adapted code to autoplay the video, and code prepared for the new video bgBrains

Author: katjaq

public/img/neurons.jpg public/img/bgBrains.jpgpublic/img/neurons.jpg renamed to public/img/bgBrains.jpg

@@ -27,9 +27,9 @@
  <!-- Content  --> 
     <div class="slide" style="background:#222">
  <!-- Slide: Landing -->
-        <img id="neuronsImg" src="/img/neurons.jpg" width="100%" />
-        <video id="neurons" width="100%" muted autoplay loop>
-            <source src="/img/neurons.mp4" type="video/mp4">
+        <img id="bgBrainsImg" src="/img/bgBrains.jpg" width="100%" />
+        <video id="bgBrains" width="100%" muted autoplay loop>
+            <source src="/img/bgBrains.mp4" type="video/mp4">
         </video>
         <div class="content">
             <img id="logo" src="/img/brainbox-logo.svg" style="text-align:center"/>

public/img/neurons.mp4 public/img/bgBrains.mp4public/img/neurons.mp4 renamed to public/img/bgBrains.mp4

@@ -53,17 +53,20 @@ testWebSockets()
 $(".slide").height(window.innerHeight);
 $(window).on('resize', function() {
  $(".slide").height(window.innerHeight);
- $("#neurons").css({width:window.innerWidth});
+ $("#bgBrains").css({width:window.innerWidth});
 });
 
 // go to url button
 $("#go").click(goToURL);
 
 // video settings
-var vid = document.getElementById("neurons");
+var vid = document.getElementById("bgBrains");
+//vid.autoplay = true;
+//vid.muted = true;
+//vid.loop = true;
 vid.playbackRate = 0.5;
 vid.onloadedmetadata = function() {
- $("#neurons").css({width:window.innerWidth});
+ $("#bgBrains").css({width:window.innerWidth});
 };
 
 // List of brains

templates/index.mustache

@@ -59,12 +59,12 @@ h2 {
  width:250px;
  }
 
-#neuronsImg {
+#bgBrainsImg {
  filter:contrast(150%) brightness(60%);
  -webkit-filter:contrast(150%) brightness(60%);
  position:absolute;top:0;left:0
 }
-#neurons {
+#bgBrains {
  filter:contrast(150%) brightness(60%);
  -webkit-filter:contrast(150%) brightness(60%);
  position:absolute;top:0;left:0