diff --git a/web/app/assets/images/web/back-us-kickstarter.png b/web/app/assets/images/web/back-us-kickstarter.png new file mode 100644 index 000000000..d2883c8a3 Binary files /dev/null and b/web/app/assets/images/web/back-us-kickstarter.png differ diff --git a/web/app/assets/stylesheets/landings/landing_page.css.scss b/web/app/assets/stylesheets/landings/landing_page.css.scss index 8f2745a3d..1d629b958 100644 --- a/web/app/assets/stylesheets/landings/landing_page.css.scss +++ b/web/app/assets/stylesheets/landings/landing_page.css.scss @@ -75,6 +75,108 @@ body.web.landing_page { } } + + &.kick_2 { + + h1 { + //padding-left:20px; + } + + .youtube-time-tip { + font-style:italic; + } + + p { + line-height:120%; + } + .signup-wrapper { + width:75%; + text-align:center; + } + .landing-tag { + left: 50%; + } + + .cta-container { + width:85%; + text-align:left; + margin-left:0% !important; + h1 { + margin: 0 0 10px 0; + } + a {margin-bottom:0 !important} + } + + .back-us { + margin-top:15px; + width:85%; + img { + width:100%; + } + } + .column:nth-child(1) { + width:50% !important; + + .cta-container { + margin-top:20px; + } + } + + .column:nth-child(2) { + width:45% !important; + + h2 { + margin-bottom:30px; + } + + .cta-container a { + + margin-bottom:8px; + } + } + + .testimonial { + margin-top:70px; + p { + font-size:18px !important; + } + } + + .signature { + margin-top:15px; + margin-left:30%; + font-size:18px; + position:relative; + + .dash { + position:absolute; + width:20px; + left:-10px; + top:0; + } + } + + .signature-details { + margin-top:5px; + font-style:italic; + margin-left:30%; + } + + .signup-holder { + position:absolute; + top:350px; + width:45%; + } + .signup-info { + + } + + .signup-wrapper { + width:90%; + } + + } + &.wo_1 { .landing-tag { diff --git a/web/app/controllers/landings_controller.rb b/web/app/controllers/landings_controller.rb index d29d2ac17..9144bea10 100644 --- a/web/app/controllers/landings_controller.rb +++ b/web/app/controllers/landings_controller.rb @@ -26,6 +26,10 @@ class LandingsController < ApplicationController render 'watch_kick', layout: 'web' end + def watch_overview_kick2 + render 'watch_kick_2', layout: 'web' + end + def watch_overview @promo_buzz = PromoBuzz.active diff --git a/web/app/views/landings/watch_kick_2.html.slim b/web/app/views/landings/watch_kick_2.html.slim new file mode 100644 index 000000000..c9618155e --- /dev/null +++ b/web/app/views/landings/watch_kick_2.html.slim @@ -0,0 +1,38 @@ +- provide(:page_name, 'landing_page full kick_2') + +.column + h1 + | Learn About the Revolutionary New  + b JamBlaster + span.youtube-time-tip + p Band performance starts at 1:00 mark + .video-wrapper + .video-container + iframe src="//www.youtube.com/embed/gAJAIHMyois?rel=0&autoplay=1" frameborder="0" allowfullscreen + .cta-container + p + | If you don't own an audio interface, we strongly recommend that you grab a JamBlaster on KickStarter now. It is far faster than traditional interfaces and easily  + span + b the best way to play online! + = link_to image_tag("web/back-us-kickstarter.png", :alt => "Back us on KickStarter"), "https://www.kickstarter.com/projects/jamkazam/jamblaster-play-music-in-real-time-with-others-fro", class: "back-us", rel: "external" +.column + .testimonial + p "When my band played in real time from Austin, Atlanta, Chicago, and Brooklyn, it was mind blowing, pretty surreal. But at the same time, it was really easy and felt very natural. These guys have built something amazing!" + + .signature + span.dash - + | Dave Sebree + .signature-details + p Gibson Endorsed Guitarist + p Professional Touring Musician + p Founder, Austin School of Music + p Owner, ASM Studios + + .signup-holder + .signup-info + p + | If you already own an audio interface, then sign up for an account, and try using it with our free internet service. There are open sessions up every night with other musicians already playing online. + .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" + +br clear="all" \ No newline at end of file diff --git a/web/config/routes.rb b/web/config/routes.rb index dbaa1b653..76194725b 100644 --- a/web/config/routes.rb +++ b/web/config/routes.rb @@ -27,6 +27,7 @@ SampleApp::Application.routes.draw do 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' + match '/landing/kick2', to: 'landings#watch_overview_kick2', via: :get, as: 'landing_kick2' # oauth match '/auth/:provider/callback', :to => 'sessions#oauth_callback' match '/auth/failure', :to => 'sessions#failure'