From 90f1c253dda56eb1d442680c0adb6ca45ce3ee5d Mon Sep 17 00:00:00 2001
From: Seth Call <sethcall@gmail.com>
Date: Thu, 14 Aug 2014 22:21:34 -0500
Subject: [PATCH] * VRFS-2037 - landing pages done

---
 .../landings/landing_page.css.scss            | 34 +++++++++++++++++--
 .../landings/watch_overview_tight.html.slim   | 16 +++++++++
 web/app/views/users/_follow_links.html.slim   |  6 ++--
 web/spec/features/alt_landing_spec.rb         | 19 +++++++++++
 4 files changed, 69 insertions(+), 6 deletions(-)
 create mode 100644 web/app/views/landings/watch_overview_tight.html.slim

diff --git a/web/app/assets/stylesheets/landings/landing_page.css.scss b/web/app/assets/stylesheets/landings/landing_page.css.scss
index e30c5ef3a..51491d12a 100644
--- a/web/app/assets/stylesheets/landings/landing_page.css.scss
+++ b/web/app/assets/stylesheets/landings/landing_page.css.scss
@@ -128,6 +128,11 @@ body.web.landing_page {
   }
 
   &.tight {
+
+    .wrapper {
+      text-align:center;
+    }
+
     .video-wrapper {
       margin:auto;
     }
@@ -139,6 +144,7 @@ body.web.landing_page {
 
     .landing-tag {
       left:68%;
+      display:none;
     }
 
     .video-container {
@@ -149,23 +155,45 @@ body.web.landing_page {
       padding-top: 30px; height: 0; overflow: hidden;
     }
 
+    .cta-container {
+
+      h2 {
+        margin-left:0;
+      }
+    }
+
     .column {
       float:left;
       @include border_box_sizing;
 
       &:nth-child(1) {
         width:50%;
-        padding-left:13%;
+        padding-left:19%;
       }
 
       &:nth-child(2) {
-        width:50%;
-        padding-left:4%;
+        width:28%;
+        padding-left:9%;
       }
     }
 
     .more-container {
       margin-top:0;
+
+      h2 {
+        text-align:center;
+      }
+
+      .follow-links {
+        margin-top:10px;
+        text-align:center;
+        margin-left:0;
+
+        .social-follow-btn {
+          display:block;
+          margin-top:5px;
+        }
+      }
     }
   }
 }
diff --git a/web/app/views/landings/watch_overview_tight.html.slim b/web/app/views/landings/watch_overview_tight.html.slim
new file mode 100644
index 000000000..8efaffe63
--- /dev/null
+++ b/web/app/views/landings/watch_overview_tight.html.slim
@@ -0,0 +1,16 @@
+- provide(:page_name, 'landing_page tight wot_1')
+
+h1 Watch Overview Video to See How JamKazam Works
+.video-wrapper
+  .video-container
+    iframe src="//www.youtube.com/embed/ylYcvTY9CVo" frameborder="0" allowfullscreen
+.row
+  .column
+    .cta-container
+      h2 It's FREE! Ready to Go?
+      = link_to image_tag("web/cta_button.png", :alt => "Sign up now for your free account!"), signup_path, class: "signup", id: "signup"
+  .column
+    .more-container
+      h2 Not a Good Time to Sign Up?
+      = render :partial => 'users/follow_links'
+  br clear="all"
\ No newline at end of file
diff --git a/web/app/views/users/_follow_links.html.slim b/web/app/views/users/_follow_links.html.slim
index 2f0880da0..63bdd49f1 100644
--- a/web/app/views/users/_follow_links.html.slim
+++ b/web/app/views/users/_follow_links.html.slim
@@ -1,10 +1,10 @@
 .follow-links
-  .facebook-follow-btn
+  .facebook-follow-btn.social-follow-btn
     .fb-like data-href="https://www.facebook.com/JamKazam" data-layout="button" data-action="like"
 
-  .twitter-follow-btn
+  .twitter-follow-btn.social-follow-btn
     a href="https://twitter.com/#{Gon.global.twitter_public_account}" class="twitter-follow-button" data-show-count="false"
       = "Follow @#{Gon.global.twitter_public_account}"
 
-  .g-follow-btn
+  .g-follow-btn.social-follow-btn
     .g-follow data-annotation="none" data-height="20" data-href="https://plus.google.com/106619885929396862606" data-rel="publisher"
diff --git a/web/spec/features/alt_landing_spec.rb b/web/spec/features/alt_landing_spec.rb
index 867f546ea..813975ebb 100644
--- a/web/spec/features/alt_landing_spec.rb
+++ b/web/spec/features/alt_landing_spec.rb
@@ -28,6 +28,25 @@ describe "Alternate Landing Pages", :js => true, :type => :feature, :capybara_fe
     find('.g-follow-btn iframe')
   end
 
+  it "landing-page-tight watch-bands" do
+    visit landing_wbt_path
+    find('h1', text: 'Watch 6 Bands Play Together from Different Locations')
+    find('h2', text: "It's FREE! Ready to Go?")
+    find('h2', text: 'Not a Good Time to Sign Up?')
+    find('div.fb-like')
+    find('iframe.twitter-follow-button')
+    find('.g-follow-btn iframe')
+  end
+
+  it "landing-page-tight watch-overview" do
+    visit landing_wot_path
+    find('h1', text: 'Watch Overview Video to See How JamKazam Works')
+    find('h2', text: "It's FREE! Ready to Go?")
+    find('h2', text: 'Not a Good Time to Sign Up?')
+    find('div.fb-like')
+    find('iframe.twitter-follow-button')
+    find('.g-follow-btn iframe')
+  end
 
 
 end