Skip to content

Commit

Permalink
menu work
Browse files Browse the repository at this point in the history
  • Loading branch information
Chris committed May 18, 2011
1 parent 5f163af commit b377e69
Show file tree
Hide file tree
Showing 6 changed files with 269 additions and 74 deletions.
262 changes: 262 additions & 0 deletions app/views/predators/_menu.html.erb
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,262 @@
<style>

.eye
{
height: 108px;
width: 166px;
position: absolute;
background-color: rgba(0, 200, 0, .0);
}

.eyeContainer
{
height: 54px;
width: 166px;
background-color: rgba(200, 0, 0, .0);
overflow: hidden;
}

.irisContainer
{
background-color: rgba(200, 0, 0, .0);
height: 108px;
width: 40px;
top: 0px;
position: absolute;
overflow: hidden;
}

.irisContLeft
{
left: 44px;
}

.irisContRight
{
left: 84px;
}

.iris
{
border-color: rgba(0, 255, 0, .5);
border-width: 85px;
border-radius: 85px;
z-index: 20;
position: relative;
height: 0px;
width: 0px;
border-style: solid;
top: -30px;
}

.blackeye
{
border-color: black;/*rgba(80, 0, 0, .48);*/
border-width: 100px;
border-radius: 100px;
z-index: 12;
position: relative;
height: 0px;
width: 0px;
border-style: solid;
top: -45px;
}

.irisLeft
{
left: 20px;

}

.irisRight
{
left: -150px;
}

.blackeyeRight
{
left: -180px;
}

.circle
{
border-color: rgba(255, 0, 0, .7);
border-width: 90px;
border-radius: 108px 108px;
width: 0px;
height: 0px;
border-style: solid;
position: relative;
z-index: 10;
}

.redCircle
{
border-color: rgba(255, 255, 0, 0.65);
border-width: 80px;
border-radius: 108px 108px;
width: 20px;
height: 0px;
border-style: solid;
position: relative;
z-index: 15;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

.eyetop
{
left: -7px;
top: 0px;
}

.eyebottom
{
left: -7px;
top: -126px;
}

.rightEye
{
float: right;
display: inline;
left: 260px;
/*-webkit-transform:rotate(-4deg);
-moz-transform:rotate(-4deg);*/
}

.leftEye
{
/*-webkit-transform:rotate(-176deg);
-moz-transform:rotate(-176deg);*/
}

.roundIris
{
border-color: rgba(0, 0, 0, .4);
border-width: 20px;
border-radius: 20px;
width: 0px;
height: 0px;
border-style: solid;
position: absolute;
z-index: 30;
top: 34px;
left: 64px;
}

.whiteIris
{
border-color: rgba(255, 255, 255, .2);
border-width: 17px;
border-radius: 17px;
width: 0px;
height: 0px;
border-style: solid;
position: absolute;
z-index: 30;
top: 37px;
left: 67px;
}

.blackEyeRight
{
left: -180px;
}

#menu_wrapper
{
width: 100%;
background-color: black;
}

#menu_eyes
{
height: 128px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: -55px;
width: 426px;
}

.menu_link
{
color: lightblue;
display: block;
top: 40px;
position: relative;
margin-left: auto;
}

</style>
<div id="menu_wrapper">
<div class="menu_link">predators</div>
<div class="menu_link">contact</div>
<div class="menu_link">other</div>
<div class="menu_link">shows</div>
<div id="menu_eyes">
<div class="eye rightEye">
<div class="eyeContainer">
<div class="redCircle eyetop"></div>
</div>
<div class="eyeContainer">
<div class="redCircle eyebottom"></div>
</div>
<div class="roundIris"></div>
<div class="whiteIris"></div>
</div>
<div class="eye leftEye">
<div class="eyeContainer">
<div class="redCircle eyetop"></div>
</div>
<div class="eyeContainer">
<div class="redCircle eyebottom"></div>
</div>
<div class="roundIris"></div>
<div class="whiteIris"></div>
</div>
<div class="eye leftEye">
<div class="eyeContainer">
<div class="circle eyetop"></div>
</div>
<div class="eyeContainer">
<div class="circle eyebottom"></div>
</div>
<div class="irisContainer irisContLeft">
<div class="iris irisLeft"></div>
</div>
<div class="irisContainer irisContRight">
<div class="iris irisRight"></div>
</div>
<div class="irisContainer irisContLeft">
<div class="irisLeft blackeye"></div>
</div>
<div class="irisContainer irisContRight">
<div class="blackEyeRight blackeye"></div>
</div>
</div>
<div class="eye rightEye">
<div class="eyeContainer">
<div class="circle eyetop"></div>
</div>
<div class="eyeContainer">
<div class="circle eyebottom"></div>
</div>
<div class="irisContainer irisContLeft">
<div class="iris irisLeft"></div>
</div>
<div class="irisContainer irisContRight">
<div class="iris irisRight"></div>
</div>
<div class="irisContainer irisContLeft">
<div class="irisLeft blackeye"></div>
</div>
<div class="irisContainer irisContRight">
<div class="blackEyeRight blackeye"></div>
</div>
</div>

</div>
</div>
18 changes: 0 additions & 18 deletions app/views/predators/_player.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,26 +5,8 @@
<%= render 'tracks/player', :audio_url => @frontpage_audio_url %>
<% end %>

<div class="eye leftEye play_button" id="play_control">
<div class="eyeContainer">
<div class="circle eyetop"></div>
</div>
<div class="eyeContainer">
<div class="circle eyebottom"></div>
</div>
<div class="playGraphic"></div>
</div>
<div id="tracks_wrapper">
<%= render @tracks unless @tracks.nil? %>
</div>
<div class="eye rightEye play_button" id="pause_control">
<div class="eyeContainer">
<div class="circle eyetop"></div>
</div>
<div class="eyeContainer">
<div class="circle eyebottom"></div>
</div>
<div class="stopGraphic"></div>
</div>

</div>
1 change: 1 addition & 0 deletions app/views/predators/home.html.erb
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<%= render 'predators/player' %>
<%= render 'predators/poster' %>
<%= render 'predators/blogs' %>
<%= render 'predators/menu' %>
<%= render 'predators/pictures' %>
3 changes: 2 additions & 1 deletion app/views/tracks/_track.html.erb
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
<% if signed_in? or track.public? %>
<%= div_for track do %>
<%= link_to track.name, track.recording.url, :class => 'audio_link', :id => track.id %>
<span class="play_button">play</span>
<span class="play_button play_action">play</span>
<span class="play_button stop_action">stop</span>
<span><%= link_to 'frontpage', tracks_frontpage_path(track.id) unless not signed_in? %></span>
<span><%= get_track_status_action(track) %></span>
<% end %>
Expand Down
5 changes: 4 additions & 1 deletion public/javascripts/application.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,11 @@ $(function(){
$("#jquery_jplayer_1").jPlayer("pause");
});

$(".stop_action").bind('click', function(){
$("#jquery_jplayer_1").jPlayer("pause");
});

$(".play_button").bind('click', function(e){
$(".play_action").bind('click', function(e){

var filename = $(this).siblings('a').attr("href").split(/\?/)[0];
var extension_array = filename.split(/\./);
Expand Down
54 changes: 0 additions & 54 deletions public/stylesheets/predators.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -414,48 +414,6 @@ div.jp-interface

}

.eye
{
height: 108px;
width: 166px;
position: absolute;
background-color: rgba(0, 200, 0, .0);
}

.eyeContainer
{
height: 54px;
width: 166px;
background-color: rgba(200, 0, 0, .0);
overflow: hidden;
}

.circle
{
border-color: rgba(255, 255, 0, 0.7);
border-width: 90px;
border-radius: 108px 108px;
-moz-border-radius: 108px 108px;
-webkit-border-radius: 108px 108px;
width: 0px;
height: 0px;
border-style: solid;
position: relative;
z-index: 10;
}

.eyetop
{
left: -7px;
top: 0px;
}

.eyebottom
{
left: -7px;
top: -126px;
}

.playGraphic
{
border-left-color: black;
Expand Down Expand Up @@ -486,15 +444,3 @@ div.jp-interface
position: absolute;
}

.leftEye
{
margin-left: -60px;
}

.rightEye
{
top: 0px;
right: 0px;
margin-right: -60px;
}

0 comments on commit b377e69

Please sign in to comment.