website: try to fix flashing of tagline

Author: pearkes

website/source/index.html.erb

@@ -2,7 +2,7 @@
 <div id="jumbotron-mask">
 	<div id="jumbotron">
 		<div class="jumbotron-content" id="jumbotron-content">
-			<h2 class="tag-line" id="tag-line">Build, Combine, and Launch Infrastucture</h2>
+			<h2 class="tag-line" id="tag-line" style="display: none;">Build, Combine, and Launch Infrastucture</h2>
 		</div>
 	</div>
 </div>

website/source/javascripts/app/Engine.js

@@ -64,6 +64,7 @@ Engine = Base.extend({
 
 	startEngine: function(){
 		var parent = this.canvas.parentNode;
+		document.getElementById('tag-line').style.display = 'inline-block';
 
 		this.background.className += ' show';
 		this.canvas.style.opacity = 1;

website/source/javascripts/app/Init.js

@@ -68,7 +68,7 @@ var Init = {
 		'page-home': function(){
 			if (isIE) {
 				document.getElementById('jumbotron').className += ' static';
-				document.getElementById('tag-line').style.visibility = 'visible';
+				document.getElementById('tag-line').style.display = 'inline-block';
 				return;
 			}