.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 you’ve completed this step, we’ll 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. You’ll 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, it’s 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 that’s
            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"