diff --git a/web/app/assets/stylesheets/landings/landing_page.css.scss b/web/app/assets/stylesheets/landings/landing_page.css.scss index 1d629b958..f2bc81dcc 100644 --- a/web/app/assets/stylesheets/landings/landing_page.css.scss +++ b/web/app/assets/stylesheets/landings/landing_page.css.scss @@ -26,10 +26,11 @@ body.web.landing_page { display:inline-block; border:2px solid white; } + &.kick { h1 { - //padding-left:20px; + } p { margin-bottom:15px; @@ -78,6 +79,20 @@ body.web.landing_page { &.kick_2 { + .linker { + -webkit-border-radius:6px; + -moz-border-radius:6px; + border-radius:6px; + border-width:1px; + border-style:solid; + border-color:$ColorScreenPrimary; + position:absolute; + width:92%; + left:-1%; + top:60px; + height:270px; + z-index:-1; + } h1 { //padding-left:20px; } @@ -177,6 +192,123 @@ body.web.landing_page { } + &.kick_3 { + + .linker { + -webkit-border-radius:6px; + -moz-border-radius:6px; + border-radius:6px; + border-width:1px; + border-style:solid; + border-color:$ColorScreenPrimary; + position:absolute; + width:92%; + left:-1%; + top:60px; + height:270px; + z-index:-1; + } + + .column h1 { + font-size:16px !important; + } + + .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 9144bea10..f12a4970e 100644 --- a/web/app/controllers/landings_controller.rb +++ b/web/app/controllers/landings_controller.rb @@ -30,6 +30,10 @@ class LandingsController < ApplicationController render 'watch_kick_2', layout: 'web' end + def watch_overview_kick3 + render 'watch_kick_3', 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 index c9618155e..0ddd32bc8 100644 --- a/web/app/views/landings/watch_kick_2.html.slim +++ b/web/app/views/landings/watch_kick_2.html.slim @@ -8,7 +8,7 @@ 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 + iframe src="//www.youtube.com/embed/gAJAIHMyois" 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  @@ -35,4 +35,6 @@ .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 +br clear="all" + +.linker \ No newline at end of file diff --git a/web/app/views/landings/watch_kick_3.html.slim b/web/app/views/landings/watch_kick_3.html.slim new file mode 100644 index 000000000..0b9d4718d --- /dev/null +++ b/web/app/views/landings/watch_kick_3.html.slim @@ -0,0 +1,39 @@ +- provide(:page_name, 'landing_page full kick_3') + +.column + h1 + | Watch a band play from Austin, Atlanta, Chicago & Brooklyn! + span.youtube-time-tip + p + | using the revolutionary new  + b JamBlaster + .video-wrapper + .video-container + iframe src="//www.youtube.com/embed/2Zk7-04IAx4?rel=0&autoplay=1" frameborder="0" allowfullscreen + .cta-container + p + | If you want to be able to play like this, grab a JamBlaster on KickStarter while it's available - only about 20 more days! + = 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. + .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" + +.linker \ No newline at end of file diff --git a/web/config/routes.rb b/web/config/routes.rb index 76194725b..a8f1d5913 100644 --- a/web/config/routes.rb +++ b/web/config/routes.rb @@ -28,6 +28,7 @@ SampleApp::Application.routes.draw do 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' + match '/landing/kick3', to: 'landings#watch_overview_kick3', via: :get, as: 'landing_kick3' # oauth match '/auth/:provider/callback', :to => 'sessions#oauth_callback' match '/auth/failure', :to => 'sessions#failure'