diff --git a/web/app/assets/stylesheets/basic/basic.scss b/web/app/assets/stylesheets/basic/basic.scss index 81acb9e09..c05809697 100644 --- a/web/app/assets/stylesheets/basic/basic.scss +++ b/web/app/assets/stylesheets/basic/basic.scss @@ -617,4 +617,99 @@ label.instrument-select { position:absolute; margin-top:-$standard-font-size * 1.2; white-space: nowrap; +} + +.press-release { + max-width:780px; + margin: auto; + padding:2rem; + h1 { + text-align:center; + font-size:1.25rem; + margin-bottom:1.5rem; + } + h1.subline { + text-align:center; + font-weight:normal; + font-style:italic; + } + + .line { + + } + + .basic-header { + display:grid; + grid-template-columns: 50% 50%; + margin-bottom:2rem; + box-sizing:border-box; + + .column.left { + justify-self:start; + padding-left:2rem; + + } + .column { + + } + .column.right { + justify-self:end; + padding-right:2rem; + + } + + .column { + + } + } + + p { + margin-bottom:2rem; + } + + .immediate-release { + font-weight:bold; + } + + .bye { + text-align:center; + } + + + @media (max-width: 700px) { + .basic-header { + grid-template-columns: auto; + } + .column.left { + margin-bottom:1rem !important; + padding-left:1rem !important; + } + .column.right { + padding-left:2rem !important; + padding-right:0 !important; + justify-self:start !important ; + } + + + a { + + /* These are technically the same, but use both */ + overflow-wrap: break-word; + word-wrap: break-word; + + -ms-word-break: break-all; + /* This is the dangerous one in WebKit, as it breaks things wherever */ + word-break: break-all; + /* Instead use this non-standard one: */ + word-break: break-word; + + /* Adds a hyphen where the word breaks, if supported (No Blink) */ + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; + + } + } + } \ No newline at end of file diff --git a/web/app/controllers/landings_controller.rb b/web/app/controllers/landings_controller.rb index 743fa9d6e..0905ab7f7 100644 --- a/web/app/controllers/landings_controller.rb +++ b/web/app/controllers/landings_controller.rb @@ -42,6 +42,11 @@ class LandingsController < ApplicationController render 'watch_kick_4', layout: 'web' end + + def press_release_music_festival + render "music_festival_2020", layout: 'basic' + end + def watch_overview @promo_buzz = PromoBuzz.active diff --git a/web/app/views/landings/music_festival_2020.html.slim b/web/app/views/landings/music_festival_2020.html.slim new file mode 100644 index 000000000..9b55b683a --- /dev/null +++ b/web/app/views/landings/music_festival_2020.html.slim @@ -0,0 +1,62 @@ +- provide(:page_name, 'Music Festival 2020') +- provide(:provide, '') + +.press-release + .basic-header + .column.left + = image_tag "web/jk-logo-two-color.png", :width => 300 + div.immediate-release + = 'FOR IMMEDIATE RELEASE' + .column.right + div.line + = 'For More Information, Contact:' + div.line + = 'David Wilson' + div.line + a target="_blank" href="mailto:david@jamkazam.com" + = "david@jamkazam.com" + + .all + h1 + = 'JamKazam Presents First-Of-Its-Kind Online Live Music Festival' + + h1.subline + = 'Eight Bands to Perform, Separate but Together, 100% Live & In Sync' + + + p + = "Austin, TEXAS – May 26, 2020 – JamKazam, a live music platform and social network for musicians, today announced the JamKazam Music Festival, a groundbreaking event featuring eight bands in which musicians perform together, from their individual homes, live and in sync as if they are on the same stage. The festival is free and takes place Saturday May 30, 6pm – 10pm EDT, in a live broadcast on Facebook: " + a target="_blank" href="https://www.facebook.com/events/298370014525149/" + = "https://www.facebook.com/events/298370014525149/" + = ". See a preview video of unedited clips from pre-event sound checks here: " + a target="_blank" href="https://youtu.be/I-5zCQs8A6I" + = "https://youtu.be/I-5zCQs8A6I." + + p + ="“The JamKazam Music Festival presents a much-needed return to the connection and power of live music, for both musicians and music lovers,” said David Wilson, co-founder and CEO of JamKazam. “A 100% live music festival with band members all performing remotely from their homes is unprecedented. And the JamKazam platform holds great potential for the future of all forms of collaborative music – education, rehearsals, co-writing, demo production, performance broadcasts, income generation and more.”" + + p + ="“In the current COVID-19 environment, we have watched many artists performing solo from their homes, and we’ve seen pre-recorded clips of musicians performing ‘together’ through editing and mixing…But now, we can once more experience the powerful connection of musicians playing live and together, through the JamKazam platform,” said Peter Walker, co-founder and CTO of JamKazam. “This is a first-of-its-kind celebration, brought together by the intersection of music and technology.”" + + h1 + ="Easing the Impact of COVID-19 On Musicians" + + p + ="For musicians, the social, emotional and economic impact of losses due to COVID-19 can be tremendous. During this difficult time, tens of thousands of musicians have discovered JamKazam and are playing together in hundreds of thousands of online sessions each month. In addition, JamKazam’s broadcast features let bands easily share their live performances with fans worldwide. The broadcast/simulcast of each performance is delivered from the JamKazam platform, enabling musicians to live broadcast through Facebook, YouTube, or Twitch." + + p + ="Bands also have the option to use the JamKazam platform to promote and sell tickets to live events, or to play free performances supported by optional tipping. Bands interested in premium ticketed concerts can contact JamKazam at " + a target="_blank" href="mailto:concerts@jamkazam.com" + ="concerts@jamkazam.com" + ="." + + + h1 + = "About JamKazam" + + p + = "JamKazam develops an innovative live music platform and social network for musicians. The company’s Internet service enables musicians to play music together live and in sync from different locations over the Internet as if they are sitting in the same room. The service is currently available to musicians and music fans as a free public beta. JamKazam is a private company headquartered in Austin, Texas." + + .bye + = "###" +br clear="all" \ No newline at end of file diff --git a/web/config/routes.rb b/web/config/routes.rb index d3ff2db9b..1814709ee 100644 --- a/web/config/routes.rb +++ b/web/config/routes.rb @@ -41,6 +41,7 @@ Rails.application.routes.draw do get '/landing/kick2', to: 'landings#watch_overview_kick2', as: 'landing_kick2' get '/landing/kick3', to: 'landings#watch_overview_kick3', as: 'landing_kick3' get '/landing/kick4', to: 'landings#watch_overview_kick4', as: 'landing_kick4' + get '/press-releases/music-festival-2020-05', to: 'landings#press_release_music_festival', as: 'music_festival' get '/landing/jamtracks/:plan_code', to: 'landings#individual_jamtrack', as: 'individual_jamtrack' get '/landing/jamtracks/band/:plan_code', to: 'landings#individual_jamtrack_band', as: 'individual_jamtrack_band' # these are the older versions of the landing pages