Add new kompose site (#1475)

Adds the new kompose site and moves it to the /docs folder so that it's
compatible with old links as well as gh-pages

docs/js/background.js

@@ -0,0 +1,25 @@
+$(document).ready(function() {
+  var bgArray = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
+  var path = '../img/background/';
+
+
+  secs = 5;
+  bgArray.forEach(function(img){
+      // caches images, avoiding white flash between background replacements
+      new Image().src = path + img; 
+  });
+
+  function backgroundSequence() {
+    window.clearTimeout();
+    var k = 0;
+    for (i = 0; i < bgArray.length; i++) {
+      setTimeout(function(){ 
+        $('#hero').css('background-image', 'url(' + path + bgArray[k] +')');
+      if ((k + 1) === bgArray.length) { setTimeout(function() { backgroundSequence() }, (secs * 1000))} else { k++; }			
+      }, (secs * 1000) * i)	
+    }
+  }
+  backgroundSequence();
+});
+
+

docs/js/icons.js

@@ -0,0 +1,31 @@
+var icons = [
+  'r6',
+  'daytona',
+  'zx6r',
+  'gsxr',
+  'cbr600rr'
+]
+
+var container = document.querySelector('.icons')
+
+function spawn() {
+  var icon = icons[Math.floor(Math.random() * icons.length)]
+
+  var img = document.createElement("IMG")
+  img.style.right = 25 + Math.random() * 50 + '%'
+  img.setAttribute('class', 'icon')
+  img.setAttribute("src", 'img/icons/' + icon + ".png")
+
+  container.appendChild(img)
+
+  setTimeout(function() {
+    container.removeChild(img)
+  }, 3000)
+}
+
+setTimeout(function run() {
+  spawn()
+  setTimeout(run, 1300 + Math.random() * 400)
+}, 1300 + Math.random() * 400)
+
+spawn()