71 lines
4.1 KiB
HTML
71 lines
4.1 KiB
HTML
<!-- Invitation Dialog -->
|
|
<div class="dialog whatsnext-overlay ftue-overlay tall" layout="dialog" layout-id="whatsNext" id="whatsnext-dialog">
|
|
|
|
<div class="content-head">
|
|
<h1>what's next?</h1>
|
|
</div>
|
|
|
|
<div class="ftue-inner">
|
|
|
|
<div align="center">
|
|
<table width="790" cellspacing="20">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" bgcolor="#000" class="whatsnext">
|
|
<h2>INVITE YOUR FRIENDS</h2>
|
|
JamKazam is a very new service, so we don't have a bunch of users yet. This will make it
|
|
harder to jump into existing sessions with others for a while. So invite other musicians you
|
|
know to join using the buttons below, and then schedule a time to meet up (online) and play!<br><br>
|
|
<a href="#" class="facebook-invite"><%= image_tag "content/icon_facebook.png", {:align=>"absmiddle", :height => 24, :width => 24} %> Facebook</a>
|
|
<a href="#" class="email-invite"><%= image_tag "content/icon_gmail.png", {:align=>"absmiddle", :height => 24, :width => 24} %> E-mail</a>
|
|
<a href="#" class="google-invite"><%= image_tag "content/icon_google.png", {:align=>"absmiddle", :height => 26, :width => 26 } %> Google+</a>
|
|
</td>
|
|
<td valign="top" bgcolor="#000" class="whatsnext">
|
|
<h2>FIND MUSICIANS</h2>
|
|
|
|
<div class="left mr10">
|
|
<%= image_tag "content/ftue_whatsnext_musicians.png", {:height => 115, :width => 107 } %>
|
|
</div>
|
|
Click the Musicians tile on the home screen to find other musicians in your area. Use the
|
|
Message button to say hello, or the Connect button to request a friend connection. Then get
|
|
a session set up with each other.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" bgcolor="#000" class="whatsnext">
|
|
<h2>FIND OR CREATE A SESSION</h2>
|
|
Click the Find Session tile on the home screen to see if there are any active public
|
|
sessions in your area that you can join. If there aren't, use the Create Session tile to
|
|
make your own session.<br><br>
|
|
<%= image_tag "content/ftue_whatsnext_create.png", {:height => 67, :width => 313 } %>
|
|
</td>
|
|
<td valign="top" bgcolor="#000" class="whatsnext">
|
|
<h2>WATCH VIDEOS</h2>
|
|
Watch tuturial videos on YouTube to learn how to use the key features of the JamKazam
|
|
service.
|
|
<br><br>
|
|
|
|
<div class="left f20"><br>
|
|
<a purpose="youtube-tutorials" rel="external" href="https://www.youtube.com/channel/UC38nc9MMZgExJAd7ca3rkUA" class="orange">See a List of<br>
|
|
Videos »</a></div>
|
|
<div class="right mr20">
|
|
<a purpose="youtube-tutorials" rel="external" href="https://www.youtube.com/channel/UC38nc9MMZgExJAd7ca3rkUA">
|
|
<%= image_tag "content/ftue_whatsnext_videos.png", {:height => 90, :width => 152 } %>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<input type="checkbox" id="show_whats_next"> Don't show this again
|
|
|
|
<a href="#" class="button-orange" layout-action="close">CLOSE</a><br>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|