localhots
/
oldhaven
1
0
Fork 0
Code Releases Activity

Added repeat icon, fiexed shuffle and playlist icons. closes #37

This commit is contained in:
magnolia-fan 2011-04-14 22:34:52 +04:00
parent 91b14bf524
commit 1b135c8ad7
4 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/layouts/application.html.erb
View File

@ -29,7 +29,7 @@
</div>
<div class="time-left">0:00</div>
<div title="Play Tracks In Random Order" class="shuffle"><img src="/images/player/shuffle.svg" alt="shu" /></div>
<div title="Repeat Playlist" class="repeat"><img src="/images/player/shuffle.svg" alt="rep" /></div>
<div title="Repeat Playlist" class="repeat"><img src="/images/player/repeat.svg" alt="rep" /></div>
<div title="Show/Hide Playlist" class="playlist">
<img src="/images/player/playlist.svg" alt="pls" />
<div class="count">0</div>

15
public/images/player/playlist.svg
View File

@ -1,10 +1,9 @@
<?xml version="1.0" standalone="no"?>
<svg width="700" height="920" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect x="50" y="50" rx="50" ry="50" width="600" height="820" style="stroke:rgb(200,200,200);stroke-width:50;"/>
<rect x="150" y="150" width="400" height="50" style="fill:rgb(200,200,200);"/>
<rect x="150" y="265" width="400" height="50" style="fill:rgb(200,200,200);"/>
<rect x="150" y="380" width="400" height="50" style="fill:rgb(200,200,200);"/>
<rect x="150" y="495" width="400" height="50" style="fill:rgb(200,200,200);"/>
<rect x="150" y="610" width="400" height="50" style="fill:rgb(200,200,200);"/>
<rect x="150" y="725" width="400" height="50" style="fill:rgb(200,200,200);"/>
<svg width="700" height="900" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect x="50" y="50" rx="50" ry="50" width="600" height="800" style="stroke:rgb(200,200,200);stroke-width:50;"/>
<rect x="150" y="150" width="400" height="70" style="fill:rgb(200,200,200);"/>
<rect x="150" y="282" width="400" height="70" style="fill:rgb(200,200,200);"/>
<rect x="150" y="415" width="400" height="70" style="fill:rgb(200,200,200);"/>
<rect x="150" y="548" width="400" height="70" style="fill:rgb(200,200,200);"/>
<rect x="150" y="680" width="400" height="70" style="fill:rgb(200,200,200);"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 718 B

After

Width:  |  Height:  |  Size: 637 B

5
public/images/player/repeat.svg Normal file
View File

@ -0,0 +1,5 @@
<?xml version="1.0" standalone="no"?>
<svg width="700" height="500" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M250 400 L150 400 C125 400 100 375 100 350 L100 150 C100 125 125 100 150 100 L550 100 C575 100 600 125 600 150 L600 350 C600 375 575 400 550 400 L440 400" style="stroke:rgb(200,200,200);stroke-width:70;" />
<polygon points="249,300 369,400 249,500" style="fill:rgb(200,200,200);"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 417 B

8
public/images/player/shuffle.svg
View File

@ -14,7 +14,7 @@
450 150
500 150
L600 150
L560 150
M100 150
@ -31,11 +31,11 @@
450 400
500 400
L600 400
L560 400
" style="stroke:rgb(200,200,200);stroke-width:70;" />
<path d="M295 300 L371 150" style="stroke:rgb(0,0,0);stroke-width:50;" />
<path d="M379 400 L455 250" style="stroke:rgb(0,0,0);stroke-width:50;" />
<polygon points="599,70 680,150 599,230" style="fill:rgb(200,200,200);"/>
<polygon points="599,320 680,400 599,480" style="fill:rgb(200,200,200);"/>
<polygon points="559,50 680,150 559,210" style="fill:rgb(200,200,200);"/>
<polygon points="559,300 680,400 559,500" style="fill:rgb(200,200,200);"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 757 B

After

Width:  |  Height:  |  Size: 757 B