From b20940ccc5a3c6368d6e982ed64f6e87816f9db0 Mon Sep 17 00:00:00 2001
From: Alexandre Stanislawski <alexandre.stanislawski@algolia.com>
Date: Tue, 22 Dec 2015 18:49:41 +0100
Subject: [PATCH] docs(home): fix position of docs

---
 docs/css/_home.scss  | 11 +++++++----
 docs/js/animation.js | 10 ++++++----
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/docs/css/_home.scss b/docs/css/_home.scss
index 7d34213d..1d107396 100644
--- a/docs/css/_home.scss
+++ b/docs/css/_home.scss
@@ -305,19 +305,22 @@ footer.site-footer .input-group-addon {
 
 .doc-page {
   position: absolute;
-  transition: opacity 1000ms;
-  opacity:1;
   z-index: 1;
 }
 
-.doc-page.init {
+.doc-page.show {
+  transition: opacity 300ms;
+  opacity:1;
+}
+
+.doc-page.hide {
   opacity: 0;
+  transition: opacity 0;
 }
 
 .index-container {
   position: relative;
   text-align: center;
   margin:auto;
-  transform:translateZ(0);
   z-index: 100;
 }
diff --git a/docs/js/animation.js b/docs/js/animation.js
index 88b829c7..8f08f00c 100644
--- a/docs/js/animation.js
+++ b/docs/js/animation.js
@@ -2,7 +2,7 @@ document.addEventListener("DOMContentLoaded", function(){
   var box = getIndexDomPosition();
 
   console.log(box);
-  var center = [box[0] + 90, box[1] - 90];
+  var center = [box[0] + 60, box[1] + 35];
 
   var particles = [];
   for(var i=0; i<10; i++) {
@@ -35,7 +35,7 @@ document.addEventListener("DOMContentLoaded", function(){
     e.className = 'doc-page init';
     e.style.top = center[1] + 'px';
     e.style.left = center[0] + 'px';
-    document.body.querySelector('.jumbotron').appendChild(e);
+    document.body.querySelector('.index-container').appendChild(e);
     return {
       pos: [x + center[0], y + center[1]],
       v: [0, 0],
@@ -79,7 +79,9 @@ document.addEventListener("DOMContentLoaded", function(){
   }
 
   function getIndexDomPosition() {
-    var position = jQuery('.index-container').position();
-    return [position.left, position.top];
+    var positionContainer = jQuery('.index-container').position();
+    var position = jQuery('.index').position();
+    return [position.left , position.top ];
+    return [position.left + positionContainer.left, position.top + positionContainer.top];
   }
 });