From 797f746c84110f999b88066c90d4585c8734dce3 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Fri, 10 Apr 2015 14:40:10 +0200
Subject: [PATCH] make signup button on landing work

---
 app/styles/app/landing.sass | 7 +++++++
 app/templates/home.hbs      | 9 ++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass
index dfcf7751..7d3a2b8c 100644
--- a/app/styles/app/landing.sass
+++ b/app/styles/app/landing.sass
@@ -19,6 +19,13 @@
     border: 2px solid #73c78d
     color: #fff
 
+.landing-centered-wrapper
+  .button
+    .sync-spinner
+      height: 1.45em;
+      margin-right: 0.3em;
+      transform: translateY(-0.1em);
+
 .wrapper.centered #top,
 .wrapper.centered .topbar,
 .wrapper.non-centered .topbar
diff --git a/app/templates/home.hbs b/app/templates/home.hbs
index ffcbbeb8..fee45abf 100644
--- a/app/templates/home.hbs
+++ b/app/templates/home.hbs
@@ -4,7 +4,14 @@
 			<div class="large-12 columns" id="hero-copy">
 				<h1>Test and Deploy with Confidence</h1>
 				<p>Easily sync your GitHub projects with Travis CI<br class="mobile-break"> and you’ll be testing your code in minutes!</p>
-				<a href="#" class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</a>
+
+				{{#if auth.signedOut}}
+				  <button {{action "signIn" target="auth"}} class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</button>
+				{{/if}}
+				{{#if auth.signingIn}}
+					<button class="button"><span class="sync-spinner"><i></i><i></i><i></i></span>Signing In</button>
+				{{/if}}
+
 			</div>
 			<div class="large-12 columns laptop-wrapper">
 				<div id="laptop">