From bf52c81454121b094e362477c998bcd5de126a55 Mon Sep 17 00:00:00 2001
From: Amadeus Demarzi <amadeusdemarzi@gmail.com>
Date: Sun, 27 Jul 2014 18:19:06 -0700
Subject: [PATCH] Fixing mobile logo scaling

---
 website/source/javascripts/app/Engine.js   | 14 ++++++++++----
 website/source/stylesheets/_jumbotron.less | 20 ++++++++++++++++++++
 website/source/stylesheets/main.css        | 15 +++++++++++++++
 3 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/website/source/javascripts/app/Engine.js b/website/source/javascripts/app/Engine.js
index 0b8513257..420c10ea1 100644
--- a/website/source/javascripts/app/Engine.js
+++ b/website/source/javascripts/app/Engine.js
@@ -134,12 +134,18 @@ Engine = Base.extend({
 	},
 
 	setupTessellation: function(canvas){
+		var size;
 		this.shapes = [];
+		if (window.innerWidth < 570) {
+			size = 300;
+		} else {
+			size = 360;
+		}
 		this.logo = new Engine.Shape(
-			-(180),
-			-(220),
-			360,
-			360,
+			-(size / 2),
+			-(size / 2 + 40),
+			size,
+			size,
 			Logo.points,
 			Logo.polygons
 		);
diff --git a/website/source/stylesheets/_jumbotron.less b/website/source/stylesheets/_jumbotron.less
index 14d5cef20..2b5821956 100755
--- a/website/source/stylesheets/_jumbotron.less
+++ b/website/source/stylesheets/_jumbotron.less
@@ -132,6 +132,7 @@
           transform:translate3d(0,0,0);
 }
 
+
 .animated-logo {
   position:absolute;
   z-index:200;
@@ -415,3 +416,22 @@
 		opacity:0;
 	}
 }
+
+@media (max-width: 570px) {
+  .tag-line {
+    display:none;
+  }
+
+  #jumbotron .jumbotron-content {
+    -webkit-transform:translate3d(0, 0, 0) scale(0.8);
+       -moz-transform:translate3d(0, 0, 0) scale(0.8);
+        -ms-transform:translate3d(0, 0, 0) scale(0.8);
+         -o-transform:translate3d(0, 0, 0) scale(0.8);
+            transform:translate3d(0, 0, 0) scale(0.8);
+  }
+
+  .animated-logo {
+    margin-top:-72px;
+  }
+}
+
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 032fb3dba..992072179 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -921,6 +921,21 @@ body.page-home #footer {
     opacity: 0;
   }
 }
+@media (max-width: 570px) {
+  .tag-line {
+    display: none;
+  }
+  #jumbotron .jumbotron-content {
+    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
+    -moz-transform: translate3d(0, 0, 0) scale(0.8);
+    -ms-transform: translate3d(0, 0, 0) scale(0.8);
+    -o-transform: translate3d(0, 0, 0) scale(0.8);
+    transform: translate3d(0, 0, 0) scale(0.8);
+  }
+  .animated-logo {
+    margin-top: -72px;
+  }
+}
 .outline-btn {
   background-color: transparent;
   color: #ffffff;