home: mute video by default and fix refences to the interm topic page

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@263 a672b425-5310-4d7a-af5c-997e18724b81

site/_includes/header.html

@@ -12,7 +12,7 @@
     <div>Learn
       <ul>
         <li><a href="{{ site.baseurl }}/pages/topic/cmd/basic.html">Basic commands</a></li>
-        <li><a href="{{ site.baseurl }}/pages/topic/cmd/interm.html">Intermediate commands</a></li>
+        <li><a href="{{ site.baseurl }}/pages/topic/cmd/intermediate.html">Intermediate commands</a></li>
         <li><a href="{{ site.baseurl }}/pages/topic/cmd/advanced.html">Advanced commands</a></li>
         <li><a href="{{ site.baseurl }}/pages/topic/fs.html">Filesystem</a></li>
         <li><a href="{{ site.baseurl }}/pages/topic/scripts.html">Scripting</a></li>

site/_layouts/home.html

@@ -16,7 +16,7 @@
             <div>Learn
               <ul style="background-color:#000;">
                 <li><a href="{{ site.baseurl }}/pages/topic/cmd/basic.html">Basic commands</a></li>
-                <li><a href="{{ site.baseurl }}/pages/topic/cmd/interm.html">Intermediate commands</a></li>
+                <li><a href="{{ site.baseurl }}/pages/topic/cmd/intermediate.html">Intermediate commands</a></li>
                 <li><a href="{{ site.baseurl }}/pages/topic/cmd/advanced.html">Advanced commands</a></li>
                 <li><a href="{{ site.baseurl }}/pages/topic/fs.html">Filesystem</a></li>
                 <li><a href="{{ site.baseurl }}/pages/topic/scripts.html">Scripting</a></li>
@@ -82,13 +82,20 @@ function write(position){
     document.getElementById("title-home").innerHTML = shell;
 }
 
-var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+var homeVideo = document.getElementById('videoHome');
 
-if (isChrome) {
-    document.getElementById('foolChrome').remove();
+function changeVideo(path) {
+    homeVideo.src = path;
+    homeVideo.muted = false;
+    homeVideo.load();
+}
 
-    var homeVideo = document.getElementById('videoHome');
-    homeVideo.play();
+function villain() {
+    changeVideo("{{ site.baseurl }}/assets/front/villain_video.mp4");
+}
+
+function hero() {
+    changeVideo("{{ site.baseurl }}/assets/front/hero_video.mp4");
 }
 
         </script>

site/_layouts/main.html

@@ -85,7 +85,7 @@ document.addEventListener("keypress", function(event) {
             location.href = "{{ site.baseurl }}/pages/topic/cmd/basic.html";
             break;
         case "2":
-            location.href = "{{ site.baseurl }}/pages/topic/cmd/interm.html";
+            location.href = "{{ site.baseurl }}/pages/topic/cmd/intermediate.html";
             break;
         case "3":
             location.href = "{{ site.baseurl }}/pages/topic/cmd/advanced.html";

site/assets/style/theshell.ch.svg

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1347px" height="222px" viewBox="0 0 1347 222" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
-    <title>theshell</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="TheShell" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="NotoSansMono-Light, Noto Sans Mono" font-size="288" font-weight="300">
-        <text id="theshell" fill="#FFFFFF">
-            <tspan x="-20" y="219">the</tspan>
-            <tspan x="498.4" y="219" font-family="NotoSansMono-SemiBold, Noto Sans Mono" font-weight="500">shell</tspan>
-        </text>
-    </g>
-</svg>

site/index.html

@@ -5,10 +5,7 @@ author: A bunch of people
 title: Home page
 ---
 
-
-<iframe id="foolChrome" src="assets/style/silence.mp3" allow="autoplay" style="display:none"></iframe>
-
-<video autoplay id="videoHome">
+<video autoplay muted id="videoHome">
 	<source src="assets/front/hero_video.mp4" type="video/mp4">
 </video>
 
@@ -20,7 +17,7 @@ title: Home page
     </article>
   </a>
 
-  <a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/interm.html">
+  <a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/intermediate.html">
     <article class="home-tile">
       <h2>Intermediate</h2>
     </article>