From 64adfce42722b720bb70a9b0cc69552f44e24351 Mon Sep 17 00:00:00 2001
From: Amadeus Demarzi <amadeusdemarzi@gmail.com>
Date: Sat, 26 Jul 2014 01:05:31 -0700
Subject: [PATCH] Using classes to show galaxy

---
 website/source/javascripts/app/Engine.js   | 9 +--------
 website/source/stylesheets/_jumbotron.less | 8 ++++++++
 website/source/stylesheets/main.css        | 8 ++++++++
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/website/source/javascripts/app/Engine.js b/website/source/javascripts/app/Engine.js
index db5b08e20..bfd380dae 100644
--- a/website/source/javascripts/app/Engine.js
+++ b/website/source/javascripts/app/Engine.js
@@ -81,14 +81,7 @@ Engine = Base.extend({
 	start: function(){
 		var parent = this.canvas.parentNode;
 
-		this.background.style.opacity = 1;
-
-		this.background.style.webkitTransform = 'translate3d(0,0,0) scale(1)';
-		this.background.style.mozTransform    = 'translate3d(0,0,0) scale(1)';
-		this.background.style.msTransform     = 'translate3d(0,0,0) scale(1)';
-		this.background.style.oTransform      = 'translate3d(0,0,0) scale(1)';
-		this.background.style.transform       = 'translate3d(0,0,0) scale(1)';
-
+		this.background.className += ' show';
 		this.canvas.style.opacity = 1;
 
 		new Chainable()
diff --git a/website/source/stylesheets/_jumbotron.less b/website/source/stylesheets/_jumbotron.less
index 410add7d8..13a2f14fe 100755
--- a/website/source/stylesheets/_jumbotron.less
+++ b/website/source/stylesheets/_jumbotron.less
@@ -85,6 +85,14 @@
         -ms-transform:translate3d(0,0,0) scale(0.7);
          -o-transform:translate3d(0,0,0) scale(0.7);
             transform:translate3d(0,0,0) scale(0.7);
+    &.show {
+      opacity:1;
+      -webkit-transform:translate3d(0,0,0) scale(1);
+         -moz-transform:translate3d(0,0,0) scale(1);
+          -ms-transform:translate3d(0,0,0) scale(1);
+           -o-transform:translate3d(0,0,0) scale(1);
+              transform:translate3d(0,0,0) scale(1);
+    }
   }
 }
 
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index fa5137a31..843d8d898 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -649,6 +649,14 @@ body.page-home #footer {
   -o-transform: translate3d(0, 0, 0) scale(0.7);
   transform: translate3d(0, 0, 0) scale(0.7);
 }
+#jumbotron .galaxy-image.show {
+  opacity: 1;
+  -webkit-transform: translate3d(0, 0, 0) scale(1);
+  -moz-transform: translate3d(0, 0, 0) scale(1);
+  -ms-transform: translate3d(0, 0, 0) scale(1);
+  -o-transform: translate3d(0, 0, 0) scale(1);
+  transform: translate3d(0, 0, 0) scale(1);
+}
 .tag-line {
   position: absolute;
   width: 100%;