From 8d60f161f5280118d6fcb1d7734305f592e437db Mon Sep 17 00:00:00 2001 From: Seth Call Date: Thu, 12 Feb 2015 20:46:39 -0600 Subject: [PATCH 1/3] * add new landing ad for kickstarter --- .../landings/landing_page.css.scss | 68 ++++++++++++++++++- web/app/controllers/landings_controller.rb | 4 ++ web/app/views/landings/watch_kick.html.slim | 41 +++++++++++ web/config/routes.rb | 2 +- 4 files changed, 113 insertions(+), 2 deletions(-) create mode 100644 web/app/views/landings/watch_kick.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 fe5209df2..8f2745a3d 100644 --- a/web/app/assets/stylesheets/landings/landing_page.css.scss +++ b/web/app/assets/stylesheets/landings/landing_page.css.scss @@ -9,13 +9,79 @@ body.web.landing_page { display:none; } + .badge-number { + font-size:125%; + color:white; + background-color:$ColorScreenPrimary; + width:30px; + height:30px; + //position:absolute; + //left:-10px; + //top:4px; + margin-right:10px; + -webkit-border-radius:50%; + -moz-border-radius:50%; + border-radius:50%; + text-align:center; + display:inline-block; + border:2px solid white; + } + &.kick { + + h1 { + //padding-left:20px; + } + p { + margin-bottom:15px; + line-height:120%; + } + .signup-wrapper { + width:75%; + text-align:center; + } + .landing-tag { + left: 50%; + } + + .cta-container { + width:100%; + text-align:left; + margin-left:0% !important; + h1 { + margin: 0 0 10px 0; + } + a {margin-bottom:0 !important} + } + + .column:nth-child(1) { + width:50% !important; + + .cta-container { + margin-top:20px; + } + } + + .column:nth-child(2) { + width:50% !important; + + h2 { + margin-bottom:30px; + } + + .cta-container a { + + margin-bottom:8px; + } + } + + } &.wo_1 { .landing-tag { left: 50%; } - .cta-container { + .cta-container { width:75%; text-align:center; margin-left:0% !important; diff --git a/web/app/controllers/landings_controller.rb b/web/app/controllers/landings_controller.rb index 0249897d7..d29d2ac17 100644 --- a/web/app/controllers/landings_controller.rb +++ b/web/app/controllers/landings_controller.rb @@ -22,6 +22,10 @@ class LandingsController < ApplicationController end end + def watch_overview_kick + render 'watch_kick', layout: 'web' + end + def watch_overview @promo_buzz = PromoBuzz.active diff --git a/web/app/views/landings/watch_kick.html.slim b/web/app/views/landings/watch_kick.html.slim new file mode 100644 index 000000000..43d95a561 --- /dev/null +++ b/web/app/views/landings/watch_kick.html.slim @@ -0,0 +1,41 @@ +- provide(:page_name, 'landing_page full kick') + +.column + h1 + span.badge-number 1 + | Learn About the Revolutionary New + b  JamBlaster + .video-wrapper + .video-container + iframe src="//www.youtube.com/embed/gAJAIHMyois?rel=0&autoplay=1" frameborder="0" allowfullscreen + .cta-container + h1 + span.badge-number 3 + | Sign Up For Your Free JamKazam Account + .signup-wrapper + = link_to image_tag("web/cta_button.png", :alt => "Sign up now for your free account!"), signup_path, class: "signup", id: "signup", rel: "external" +.column + h1 + span.badge-number 2 + | Learn About the Free JamKazam Service + .video-wrapper + .video-container + iframe src="//www.youtube.com/embed/ylYcvTY9CVo" frameborder="0" allowfullscreen + .cta-container + h1 + span.badge-number 4 + | Figure Out Your Gear to Start Playing! + p If you already own an audio interface, then trying using it with our app. + p + | If you don't own an audio interface, we strongly recommend that you  + a href="https://www.kickstarter.com/projects/jamkazam/jamblaster-play-music-in-real-time-with-others-fro" rel="external" + | grab a JamBlaster on KickStarter now + | . + |  It is by far the fastest, easiest, and best way to play online. + p + | If you're skeptical,  + a href="https://www.youtube.com/watch?v=_7qj5RXyHCo" rel="external" + | watch this video + |  with endorsements by real users. + +br clear="all" \ No newline at end of file diff --git a/web/config/routes.rb b/web/config/routes.rb index 98419b5c0..dbaa1b653 100644 --- a/web/config/routes.rb +++ b/web/config/routes.rb @@ -26,7 +26,7 @@ SampleApp::Application.routes.draw do match '/landing/wo', to: 'landings#watch_overview', via: :get, as: 'landing_wo' match '/landing/wbt', to: 'landings#watch_bands_tight', via: :get, as: 'landing_wbt' match '/landing/wot', to: 'landings#watch_overview_tight', via: :get, as: 'landing_wot' - + match '/landing/kick', to: 'landings#watch_overview_kick', via: :get, as: 'landing_kick' # oauth match '/auth/:provider/callback', :to => 'sessions#oauth_callback' match '/auth/failure', :to => 'sessions#failure' From b83ba7b863c3f2d1c39c435fa8ea55cb4d9c05ef Mon Sep 17 00:00:00 2001 From: Seth Call Date: Thu, 12 Feb 2015 20:49:54 -0600 Subject: [PATCH 2/3] * tweak text --- web/app/views/landings/watch_kick.html.slim | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/app/views/landings/watch_kick.html.slim b/web/app/views/landings/watch_kick.html.slim index 43d95a561..46cd6015e 100644 --- a/web/app/views/landings/watch_kick.html.slim +++ b/web/app/views/landings/watch_kick.html.slim @@ -31,7 +31,7 @@ a href="https://www.kickstarter.com/projects/jamkazam/jamblaster-play-music-in-real-time-with-others-fro" rel="external" | grab a JamBlaster on KickStarter now | . - |  It is by far the fastest, easiest, and best way to play online. + |  It is by far the fastest, easiest, and best way to play online, and we’re only able to take orders on it a little longer. p | If you're skeptical,  a href="https://www.youtube.com/watch?v=_7qj5RXyHCo" rel="external" From f7b4502d708d350943aea0e2754125755e68f77e Mon Sep 17 00:00:00 2001 From: Seth Call Date: Thu, 12 Feb 2015 20:59:11 -0600 Subject: [PATCH 3/3] * tweak text again --- web/app/views/landings/watch_kick.html.slim | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/web/app/views/landings/watch_kick.html.slim b/web/app/views/landings/watch_kick.html.slim index 46cd6015e..3e39eb859 100644 --- a/web/app/views/landings/watch_kick.html.slim +++ b/web/app/views/landings/watch_kick.html.slim @@ -31,7 +31,8 @@ a href="https://www.kickstarter.com/projects/jamkazam/jamblaster-play-music-in-real-time-with-others-fro" rel="external" | grab a JamBlaster on KickStarter now | . - |  It is by far the fastest, easiest, and best way to play online, and we’re only able to take orders on it a little longer. + |  It is by far the fastest, easiest, and best way to play online, + b  and we’re only able to take orders on it a little longer. p | If you're skeptical,  a href="https://www.youtube.com/watch?v=_7qj5RXyHCo" rel="external"