diff --git a/docs/css/_home.scss b/docs/css/_home.scss index 1d2f666e..70de0b52 100644 --- a/docs/css/_home.scss +++ b/docs/css/_home.scss @@ -317,7 +317,7 @@ footer.site-footer .input-group-addon { margin: auto; } -.index{ +.index { z-index: 20; position: relative; width: 319px; diff --git a/docs/index.haml b/docs/index.haml index 1e483a7e..0b6472b5 100644 --- a/docs/index.haml +++ b/docs/index.haml @@ -15,7 +15,8 @@ layout: default %p#top The easiest way to add search to your documentation. .jumbotron-left-column %div.index-container - %img.index{src: 'img/illus-index.svg'} + %svg.index + = File.read('img/illus-index.svg') %p We’ve created the fastest, easiest way to search within documentation. %p And best of all? It’s free! %form#join-form{action: '#', method: 'POST'} diff --git a/docs/js/animation.js b/docs/js/animation.js index 53c79a70..1485066a 100644 --- a/docs/js/animation.js +++ b/docs/js/animation.js @@ -1,8 +1,7 @@ document.addEventListener("DOMContentLoaded", function(){ var box = getIndexDomPosition(); - console.log(box); - var center = [box[0] + 60, box[1] + 35]; + var center = [box[0] , box[1] + 30]; var particles = []; for(var i=0; i<10; i++) { @@ -17,7 +16,7 @@ document.addEventListener("DOMContentLoaded", function(){ particles.forEach(function(p){ updatePosition(p, center); - if(distance(p.pos, center) < distance(p.v, [0, 0]) * 0.9) { + if(distance(p.pos, center) < distance(p.v, [0, 0]) * 0.6) { recycle(p, center); } else{ @@ -79,8 +78,8 @@ document.addEventListener("DOMContentLoaded", function(){ var d = distance(p.pos, center); p.v[0] += (center[0] - p.pos[0] ) / 500; p.v[1] += (center[1] - p.pos[1] ) / 500; - p.pos[0] += p.v[0] / 5; - p.pos[1] += p.v[1] / 5; + p.pos[0] += p.v[0] / 10; + p.pos[1] += p.v[1] / 10; } function distance(a, b) { @@ -90,9 +89,7 @@ document.addEventListener("DOMContentLoaded", function(){ } function getIndexDomPosition() { - 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]; + var position = jQuery('#index')[0].getBBox(); + return [position.x , position.y ]; } });