jam-cloud/web/app/views/dialogs/_gettingStartedDialog.html....

81 lines
3.9 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

.dialog.whatsnext-overlay.ftue-overlay.tall layout="dialog" layout-id="getting-started" id="getting-started-dialog"
.content-head
h1 getting started
.ftue-inner
.title
| Welcome to JamKazam! Here are the top things you should do to get the
most out of this service. Be sure to get through all of these for the best experience, but you can spread
them out over multiple visits!
.row.full.setup-gear
.column
h2 SET UP GEAR
.blurb
span
.action-button
a.button-orange.setup-gear-btn layout-link="account/audio" SET UP GEAR
| Click SET UP GEAR to configure and test your audio gear and network connection.
Once youve completed this step, well drop you into your first session, and you can explore the session
interface.
br clear="both"
.row
.column
h2 INVITE YOUR FRIENDS
.blurb
| Invite others to join JamKazam. Youll be connected as friends, which makes it easier to get into sessions
together. And it will grow our community, which helps us as a young company. Click the icons below to
invite!
.social-buttons
a href="#" class="facebook-invite"
= image_tag "content/icon_facebook.png", {:align=>"absmiddle", :height => 24, :width => 24}
span Facebook
a href="#" class="email-invite"
= image_tag "content/icon_gmail.png", {:align=>"absmiddle", :height => 24, :width => 24}
span E-mail
a href="#" class="google-invite"
= image_tag "content/icon_google.png", {:align=>"absmiddle", :height => 26, :width => 26 }
span Google+
.column.get-a-free-jamtrack-section
h2.get-a-free-jamtrack.hidden GET A FREE JAMTRACK
h2.browse-jamtracks.hidden CHECK OUT JAMTRACKS
.blurb
| JamTracks are the best way to play with your favorite music. Unlike traditional backing tracks, 
| they are complete multitrack recordings, with fully isolated tracks for each part.&nbsp
span.jamtracks-limited-time.hidden For a limited time, you can get your first JamTrack free.
|  Check it out!
.action-button
a.button-orange.browse-jamtrack rel="external" href="#" LEARN MORE
br clear="both"
.row.find-connect
.column
h2 CREATE A "REAL" SESSION
.blurb
| You can create sessions that start immediately and see who joins, or you can schedule sessions, invite friends, and others from the community, and manage RSVPs. Learn how.
.action-button
a.button-orange rel="external" href="https://www.youtube.com/watch?v=EZZuGcDUoWk" WATCH VIDEO
.column
h2 FIND SESSIONS TO JOIN
.blurb
| In addition to creating your own sessions, its awesome to join others sessions. Watch this tutorial video
to learn about how to find and select good sessions to join.
.action-button
a.button-orange.setup-gear rel="external" href="https://www.youtube.com/watch?v=xWponSJo-GU" WATCH VIDEO
br clear="both"
.row.full.learn-more
.column
h2 LEARN MORE ABOUT JAMKAZAM
.blurb
| There is a lot you can do with JamKazam, and more great features available every week. Check the
following link for a list of videos and other resources you can use to take advantage of everything thats
available:
a rel="external" purpose="youtube-tutorials" href="https://www.youtube.com/channel/UC38nc9MMZgExJAd7ca3rkUA" JamKazam Tutorials & Resources
br clear="both"
.row.dialog-buttons
.buttons
.show-getting-started
input type="checkbox" id="show_getting_started"
span Don't show this again
a.close-btn href="#" class="button-orange" layout-action="close"
| CLOSE
br clear="both"