124 lines
8.2 KiB
Plaintext
124 lines
8.2 KiB
Plaintext
<!-- Share dialog -->
|
|
<div class="dialog share-overlay" layout="dialog" layout-id="share-dialog" id="share-dialog" style="width:800px; height:auto;">
|
|
<div class="content-head"><h1>share this session</h1></div>
|
|
<div class="dialog-inner">
|
|
<div class="right"> <a class="button-orange" layout-action="close">X CLOSE</a></div>
|
|
<table class="w100">
|
|
<tr>
|
|
<td valign="top" width="45%" class="border-right"><h3 class="mb5">Share to Social Media:</h3>
|
|
<textarea class="w95" rows="3">Add a Message...</textarea><br />
|
|
<div class="left">
|
|
<input type="checkbox" />
|
|
<%= image_tag "content/icon_facebook.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle" %>
|
|
<input type="checkbox" />
|
|
<%= image_tag "content/icon_twitter.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle" %>
|
|
<input type="checkbox" />
|
|
<%= image_tag "content/icon_google.png", :size => "24x24", :align => "absmiddle", :alt => "", :style => "vertical-align:middle" %>
|
|
</div>
|
|
<div class=" right mr10 mt5"><a class="button-orange dialog-share-button">SHARE</a></div>
|
|
</td>
|
|
<td valign="top" width="48%">
|
|
<div class="ml10">
|
|
<h3>Share a Link:</h3><br />
|
|
<%= true ? '' : "#{root_url}#{share_token}" %>
|
|
<div class="right"><a class="button-orange">COPY LINK</a></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr><td colspan=2 class="border-bottom"><br /><br /></td></tr>
|
|
</table><br /><br />
|
|
<table class="w100">
|
|
<tr>
|
|
<td valign="top" width="40%"><h3>Get a Widget:</h3>
|
|
<!-- ########## Javascript code for widget ########## -->
|
|
<textarea class="w95" rows="10">
|
|
<!-- session widget -->
|
|
<div class="widget session">
|
|
<!-- header -->
|
|
<div class="widget-header orange-fill"><strong>LIVE SESSION</strong> by Raven & The Blackbirds</div>
|
|
<!-- start widget content -->
|
|
<div class="widget-content">
|
|
<!-- band avatar -->
|
|
<div class="widget-avatar"><img src="images/content/avatar_band4.jpg" alt=""/></div>
|
|
<a href="javascript:void(0)" class="widget-pausebutton" title="pause"></a>
|
|
<!-- song title -->
|
|
<div class="widget-controls">
|
|
<!-- timeline and controls -->
|
|
<div class="w100">
|
|
<!-- recording play controls -->
|
|
<div class="recording-controls">
|
|
<!-- playback position -->
|
|
<div class="recording-position">
|
|
<!-- start time -->
|
|
<div class="recording-time">0:00</div>
|
|
<!-- playback background & slider -->
|
|
<div class="recording-playback">
|
|
<div class="recording-slider"><img src="images/content/slider_playcontrols.png" width="5" height="16" /></div>
|
|
</div>
|
|
<!-- end time -->
|
|
<div class="recording-time">4:59</div>
|
|
</div>
|
|
<!-- end playback position -->
|
|
<!-- current playback time -->
|
|
<div class="recording-current">1:23</div>
|
|
</div>
|
|
<!-- end recording play controls -->
|
|
</div>
|
|
</div>
|
|
<!-- band member avatars -->
|
|
<div class="widget-social">
|
|
<a href="#"><img src="images/content/icon_like.png" width="12" height="12" alt=""/> LIKE</a>
|
|
<a href="#"><img class="space" src="images/content/icon_comment.png" width="12" height="12" alt=""/> COMMENT</a>
|
|
<a href="#"><img class="space" src="images/content/icon_share.png" width="13" height="15" alt=""/> SHARE</a>
|
|
</div>
|
|
<!-- jamkazam branding -->
|
|
<div class="widget-branding">recorded on
|
|
<a href="http://jamkazam.com"><img src="images/shared/jk_logo_small.png" alt="" width="142" height="26" align="absbottom"/></a>
|
|
</div>
|
|
</div>
|
|
<!-- end widget content -->
|
|
</div>
|
|
<!-- /widget -->
|
|
</textarea> <br /><br />
|
|
<div class="right"><a class="button-orange mr10">COPY WIDGET CODE</a></div>
|
|
</td>
|
|
<td>
|
|
<div class="ml10">Preview:
|
|
<!-- recording widget -->
|
|
<div class="widget session">
|
|
<!-- header -->
|
|
<div class="widget-header teal-fill"><strong>LIVE SESSION</strong> by Raven & The Blackbirds</div>
|
|
<!-- start widget content -->
|
|
<div class="widget-content">
|
|
<!-- band avatar -->
|
|
<div class="widget-avatar"><%= image_tag "content/avatar_band4.jpg", :alt => "" %></div>
|
|
<a href="javascript:void(0)" class="widget-playbutton" title="play"></a>
|
|
<!-- song title -->
|
|
<div class="widget-title">You Hurt Me Bad</div>
|
|
<!-- avatars -->
|
|
<div class="widget-members">
|
|
<div class="widget-avatar-small"><%= image_tag "shared/avatar_david.jpg", :alt => "" %></div>
|
|
<div class="widget-avatar-small"><%= image_tag "shared/avatar_silverfox.jpg", :alt => "" %></div>
|
|
<div class="widget-avatar-small"><%= image_tag "shared/avatar_saltnpepper.jpg", :alt => "" %></div>
|
|
<div class="widget-avatar-small"><%= image_tag "shared/avatar_creepyeye.jpg", :alt => "" %></div>
|
|
<div class="widget-avatar-small"><%= image_tag "shared/avatar_silverfox.jpg", :alt => "" %></div>
|
|
<div class="widget-avatar-small"><%= image_tag "shared/avatar_saltnpepper.jpg", :alt => "" %></div>
|
|
</div>
|
|
<!-- jamkazam branding -->
|
|
<div class="widget-branding">live session on
|
|
<a href="http://www.jamkazam.com">
|
|
<%= image_tag "shared/jk_logo_small.png", :size => "142x26", :align => "absbottom", :alt => "" %>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- end widget content -->
|
|
</div>
|
|
<!-- /widget -->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|