* yaka (yet another kickstarter ad

This commit is contained in:
Seth Call 2015-02-14 16:56:21 -06:00
parent 1c7518c3dd
commit bbae4a7bf6
6 changed files with 123 additions and 16 deletions

View File

@ -77,6 +77,74 @@ body.web.landing_page {
}
&.kick_4 {
h1 {
}
.column h2 {
position:absolute;
font-size:12px;
margin-left:45px;
top:45px;
}
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 {
width:80%;
a {
width:90%;
text-align:center;
img {
width:65%;
margin-top:20px;
}
}
}
}
}
&.kick_2 {
.linker {
@ -91,7 +159,6 @@ body.web.landing_page {
left:-1%;
top:60px;
height:270px;
z-index:-1;
}
h1 {
//padding-left:20px;
@ -124,12 +191,13 @@ body.web.landing_page {
.back-us {
margin-top:15px;
width:85%;
width:75%;
margin-left:30px;
img {
width:100%;
}
}
.column:nth-child(1) {
.column.one {
width:50% !important;
.cta-container {
@ -137,7 +205,7 @@ body.web.landing_page {
}
}
.column:nth-child(2) {
.column.two {
width:45% !important;
h2 {
@ -204,9 +272,8 @@ body.web.landing_page {
position:absolute;
width:92%;
left:-1%;
top:60px;
top:56px;
height:270px;
z-index:-1;
}
.column h1 {
@ -240,12 +307,14 @@ body.web.landing_page {
.back-us {
margin-top:15px;
width:85%;
width:75%;
margin-left:30px;
img {
width:100%;
}
}
.column:nth-child(1) {
.column.one {
width:50% !important;
.cta-container {
@ -253,7 +322,7 @@ body.web.landing_page {
}
}
.column:nth-child(2) {
.column.two {
width:45% !important;
h2 {

View File

@ -34,6 +34,10 @@ class LandingsController < ApplicationController
render 'watch_kick_3', layout: 'web'
end
def watch_overview_kick4
render 'watch_kick_4', layout: 'web'
end
def watch_overview
@promo_buzz = PromoBuzz.active

View File

@ -1,6 +1,6 @@
- provide(:page_name, 'landing_page full kick_2')
.column
.column.one
h1
| Learn About the Revolutionary New&nbsp;
b JamBlaster
@ -15,7 +15,7 @@
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
.column.two
.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!"

View File

@ -1,6 +1,9 @@
- provide(:page_name, 'landing_page full kick_3')
.column
.linker
.column.one
h1
| Watch a band play from Austin, Atlanta, Chicago & Brooklyn!
span.youtube-time-tip
@ -14,7 +17,7 @@
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
.column.two
.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!"
@ -34,6 +37,4 @@
.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
br clear="all"

View File

@ -0,0 +1,31 @@
- provide(:page_name, 'landing_page full kick_4 ')
.column
h1
span.badge-number 1
| Learn About the Free JamKazam Service
.video-wrapper
.video-container
iframe src="//www.youtube.com/embed/ylYcvTY9CVo" frameborder="0" allowfullscreen
.cta-container
p
| If you already own an audio interface, you are ready to go!
br
| Just sign up and start playing online with others for free.
.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
| Watch Band Play Together in Real Time
h2
| from Atlanta, Austin, Chicago & Brooklyn
.video-wrapper
.video-container
iframe src="//www.youtube.com/embed/2Zk7-04IAx4" frameborder="0" allowfullscreen
.cta-container
p
| If you don't already own an audio interface, grab a JamBlaster on KickStarter today! Absolutely 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"
br clear="all"

View File

@ -29,6 +29,8 @@ SampleApp::Application.routes.draw do
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'
match '/landing/kick4', to: 'landings#watch_overview_kick4', via: :get, as: 'landing_kick4'
# oauth
match '/auth/:provider/callback', :to => 'sessions#oauth_callback'
match '/auth/failure', :to => 'sessions#failure'