VRFS-986 landing page work
This commit is contained in:
parent
6d482a034d
commit
09d84b4c11
|
|
@ -91,53 +91,14 @@
|
|||
</table>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
|
||||
<div class="landing-sidebar"><br />
|
||||
<h2>More by Raven & The Blackbirds:</h2><br />
|
||||
<div class="grey f16"><em>Now:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <a href="#" class="white">Live Session in Progress</a></div>
|
||||
<div class="f13 lightgrey">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.</div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Yesterday:</em></div>
|
||||
<div class="f16"><span class="orange"><strong>RECORDING:</strong></span> <a href="#" class="white">You Hurt Me Bad</a></div>
|
||||
<div class="f13 lightgrey">Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. </div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Dec. 18th:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <span class="grey">Session Ended. Unavailable.</span></div>
|
||||
<div class="f13 lightgrey">Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. </div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Dec. 12th:</em></div>
|
||||
<div class="f16"><span class="orange"><strong>RECORDING:</strong></span> <a href="#" class="white">Bustin' My Chops</a></div>
|
||||
<div class="f13 lightgrey">Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.</div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Dec. 10th:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <span class="grey">Session Ended. Unavailable.</span></div>
|
||||
<div class="f13 lightgrey">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Nov. 29th:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <span class="grey">Session Ended. Unavailable.</span></div>
|
||||
<div class="f13 lightgrey">Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. </div>
|
||||
</div>
|
||||
|
||||
|
||||
<% if !signed_in? %>
|
||||
<%= render "shared/landing_sidebar" %>
|
||||
<% else %>
|
||||
<%= render "shared/cta_sidebar" %>
|
||||
<% end %>
|
||||
|
||||
<% content_for :after_black_bar do %>
|
||||
<br />
|
||||
<div class="landing-comments">
|
||||
<h2>Comments:</h2><br/>
|
||||
<div class="avatar-small"><img src="images/content/avatar_generic.png" /></div>
|
||||
<div class="left w80 p10">
|
||||
<textarea class="w100 p5 f15" rows="2" onfocus="$(this).html('')" onblur="if($(this).html() == ''){$(this).html('Enter a comment...')}">Enter a comment...</textarea>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
|
||||
<div class="landing-comment-scroller">
|
||||
<div class="avatar-small mr10"><img src="images/shared/avatar_silverfox.jpg" alt=""/></div>
|
||||
<div class="w80 left p10 lightgrey">
|
||||
<a href="#">Billy Saban</a> Ut eu ligula. Etiam ligula enim, tempor ut, blandit nec, mollis eu, lectus.
|
||||
<br />
|
||||
<div class="f12 grey mt5">Yesterday, 2:45 pm</div>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</div>
|
||||
</div>
|
||||
<%= render "shared/comments", :locals => {:comments => @claimed_recording.recording.comments} %>
|
||||
<% end %>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<div class="landing-comments">
|
||||
<h2>Comments:</h2><br/>
|
||||
<div class="avatar-small">
|
||||
<%= image_tag "shared/avatar_generic.png", {:alt => ""} %>
|
||||
</div>
|
||||
<div class="left w80 p10">
|
||||
<textarea class="w100 p5 f15" rows="2" onfocus="$(this).html('')" onblur="if($(this).html() == ''){$(this).html('Enter a comment...')}">Enter a comment...</textarea>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
|
||||
<div class="landing-comment-scroller">
|
||||
<div class="avatar-small mr10">
|
||||
<%= image_tag "shared/avatar_generic.png", {:alt => ""} %>
|
||||
</div>
|
||||
<div class="w80 left p10 lightgrey">
|
||||
<a href="#">Billy Saban</a> Ut eu ligula. Etiam ligula enim, tempor ut, blandit nec, mollis eu, lectus.
|
||||
<br />
|
||||
<div class="f12 grey mt5">Yesterday, 2:45 pm</div>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<div class="landing-sidebar">
|
||||
<div class="cta">
|
||||
<a href="/signup"><%= image_tag "web/cta_button.png", {:width => 348, :height => 92} %></a><br />
|
||||
<a href="/signin">Already have an account?</a>
|
||||
</div>
|
||||
<br /><br />
|
||||
<%= image_tag "web/carousel_musicians.jpg", {:width => 350, :alt => ""} %><br /><br />
|
||||
<%= image_tag "web/carousel_fans.jpg", {:width => 350, :alt => ""} %><br /><br />
|
||||
<%= image_tag "web/carousel_bands.jpg", {:width => 350, :alt => ""} %>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<div class="landing-sidebar"><br />
|
||||
<h2>More by Raven & The Blackbirds:</h2><br />
|
||||
<div class="grey f16"><em>Now:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <a href="#" class="white">Live Session in Progress</a></div>
|
||||
<div class="f13 lightgrey">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.</div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Yesterday:</em></div>
|
||||
<div class="f16"><span class="orange"><strong>RECORDING:</strong></span> <a href="#" class="white">You Hurt Me Bad</a></div>
|
||||
<div class="f13 lightgrey">Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. </div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Dec. 18th:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <span class="grey">Session Ended. Unavailable.</span></div>
|
||||
<div class="f13 lightgrey">Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. </div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Dec. 12th:</em></div>
|
||||
<div class="f16"><span class="orange"><strong>RECORDING:</strong></span> <a href="#" class="white">Bustin' My Chops</a></div>
|
||||
<div class="f13 lightgrey">Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.</div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Dec. 10th:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <span class="grey">Session Ended. Unavailable.</span></div>
|
||||
<div class="f13 lightgrey">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</div>
|
||||
<br /><br />
|
||||
<div class="grey f16"><em>Nov. 29th:</em></div>
|
||||
<div class="f16"><span class="teal"><strong>SESSION:</strong></span> <span class="grey">Session Ended. Unavailable.</span></div>
|
||||
<div class="f13 lightgrey">Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. </div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue