danbarber/mpd-client
1
0
Fork 0
mirror of https://github.com/danbee/mpd-client synced 2025-03-04 08:39:09 +00:00
Code Issues Releases Wiki Activity

Style all the things!

Browse Source
This commit is contained in:
Dan Barber 2013-12-05 16:41:28 +00:00
parent 280455ca4e
commit 275574810a
12 changed files with 163 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/common.css.sass
View File

@ -2,4 +2,10 @@
@include box-sizing(border-box)
body
font: 1em "Myriad Pro", sans-serif
font: 1em "Helvetica Neue", sans-serif
margin: 0
#app
max-width: 320px
margin: 0 auto
padding-bottom: 4.25em

26
assets/css/controls.css.sass
View File

@ -1,11 +1,17 @@
#controls button
@extend .icon
font-size: 2em
width: 2em
padding: 0.5em
#transport
position: fixed
bottom: 0
width: 20em
background: rgba(255, 255, 255, 0.9)
text-align: center
border: none
border-radius: 0.25em
background: #ddd
&:hover
background: #aaa
button
@extend .icon
font-size: 2em
width: 23%
padding: 0.5em
text-align: center
border: none
background: none
color: black
&:hover, &:focus
text-shadow: 0 0 10px rgba(255, 255, 255, 1)

1
assets/css/includes/colours.css.sass Normal file
View File

@ -0,0 +1 @@
$highlight: #1E7BD9

69
assets/css/includes/fonts.css.sass
View File

@ -5,6 +5,7 @@
font-weight: normal
font-style: normal
.icon
font-family: 'icomoon'
speak: none
@ -24,71 +25,83 @@
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
[class*="icon-"]
[class^="icon-"], [class*=" icon-"]
@extend .icon
.icon-music:before
content: "\e600"
.icon-volume-off:before
content: "\e601"
.icon-volume-down:before
.icon-fast-backward:before
content: "\e602"
.icon-volume-up:before
content: "\e603"
.icon-headphones:before
.icon-play:before
content: "\e604"
.icon-step-backward:before
.icon-pause:before
content: "\e605"
.icon-fast-backward:before
.icon-stop:before
content: "\e606"
.icon-backward:before
.icon-fast-forward:before
content: "\e607"
.icon-play:before
content: "\e608"
.icon-pause:before
.icon-eject:before
content: "\e609"
.icon-stop:before
.icon-chevron-left:before
content: "\e60a"
.icon-forward:before
.icon-chevron-right:before
content: "\e60b"
.icon-fast-forward:before
.icon-heart:before
content: "\e60c"
.icon-step-forward:before
.icon-star:before
content: "\e60d"
.icon-eject:before
.icon-star-empty:before
content: "\e60e"
.icon-plus:before
.icon-ok:before
content: "\e60f"
.icon-minus:before
.icon-remove:before
content: "\e610"
.icon-cog:before
.icon-plus:before
content: "\e611"
.icon-star:before
.icon-minus:before
content: "\e612"
.icon-star-empty:before
.icon-chevron-up:before
content: "\e613"
.icon-ok:before
.icon-chevron-down:before
content: "\e614"
.icon-remove:before
.icon-cog:before
content: "\e615"
.icon-info:before
content: "\e616"
.icon-rocket:before
content: "\e617"
.icon-headphones:before
content: "\e601"
.icon-volume-off:before
content: "\e603"
.icon-volume-down:before
content: "\e608"
.icon-volume-up:before
content: "\e618"
.icon-play-sign:before
content: "\e619"

1
assets/css/mpd-client.css.sass
View File

@ -1,6 +1,7 @@
@import 'bourbon/bourbon'
@import 'includes/fonts'
@import 'includes/colours'
@import 'common'
@import 'controls'
@import 'queue'

36
assets/css/queue.css.sass
View File

@ -1,2 +1,34 @@
#queue .playing
font-weight: bold
#queue
ol
list-style: none
margin: 0
padding: 0
counter-reset: index
p
margin: 0
.artist
font-size: 0.8em
.title
font-weight: bold
li
position: relative
padding: 10px
border-bottom: 1px solid #ddd
counter-increment: index
&:before
float: left
padding: 0.5em 1em 0.5em 0
content: counter(index,decimal-leading-zero)
&.playing
.title
color: $highlight
&:before
font-weight: bold
&:after
@extend .icon
position: absolute
font-size: 1.25em
right: 10px
top: 10px
padding: 0.3em
content: "playing"

BIN
assets/fonts/icomoon.eot Normal file → Executable file
View File

Binary file not shown.

98
assets/fonts/icomoon.svg Normal file → Executable file
View File

@ -7,51 +7,55 @@
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
<glyph unicode="&#x2d;" d="" horiz-adv-x="0" />
<glyph unicode="&#x61;" d="" horiz-adv-x="0" />
<glyph unicode="&#x62;" d="" horiz-adv-x="0" />
<glyph unicode="&#x63;" d="" horiz-adv-x="0" />
<glyph unicode="&#x64;" d="" horiz-adv-x="0" />
<glyph unicode="&#x65;" d="" horiz-adv-x="0" />
<glyph unicode="&#x66;" d="" horiz-adv-x="0" />
<glyph unicode="&#x67;" d="" horiz-adv-x="0" />
<glyph unicode="&#x68;" d="" horiz-adv-x="0" />
<glyph unicode="&#x69;" d="" horiz-adv-x="0" />
<glyph unicode="&#x6a;" d="" horiz-adv-x="0" />
<glyph unicode="&#x6b;" d="" horiz-adv-x="0" />
<glyph unicode="&#x6c;" d="" horiz-adv-x="0" />
<glyph unicode="&#x6d;" d="" horiz-adv-x="0" />
<glyph unicode="&#x6e;" d="" horiz-adv-x="0" />
<glyph unicode="&#x6f;" d="" horiz-adv-x="0" />
<glyph unicode="&#x70;" d="" horiz-adv-x="0" />
<glyph unicode="&#x72;" d="" horiz-adv-x="0" />
<glyph unicode="&#x73;" d="" horiz-adv-x="0" />
<glyph unicode="&#x74;" d="" horiz-adv-x="0" />
<glyph unicode="&#x75;" d="" horiz-adv-x="0" />
<glyph unicode="&#x76;" d="" horiz-adv-x="0" />
<glyph unicode="&#x77;" d="" horiz-adv-x="0" />
<glyph unicode="&#x78;" d="" horiz-adv-x="0" />
<glyph unicode="&#x79;" d="" horiz-adv-x="0" />
<glyph unicode="&#xe600;" d="M877.714 896v-640q0-28.571-19.429-50.857t-49.143-34.571-59.143-18.286-55.143-6-55.143 6-59.143 18.286-49.143 34.571-19.429 50.857 19.429 50.857 49.143 34.571 59.143 18.286 55.143 6q60 0 109.714-22.286v306.857l-438.857-135.429v-405.143q0-28.571-19.429-50.857t-49.143-34.571-59.143-18.286-55.143-6-55.143 6-59.143 18.286-49.143 34.571-19.429 50.857 19.429 50.857 49.143 34.571 59.143 18.286 55.143 6q60 0 109.714-22.286v552.571q0 17.714 10.857 32.286t28 20.286l475.429 146.286q6.857 2.286 16 2.286 22.857 0 38.857-16t16-38.857z" horiz-adv-x="878" />
<glyph unicode="&#xe601;" d="M438.857 822.857v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714z" horiz-adv-x="439" />
<glyph unicode="&#xe602;" d="M438.857 822.857v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 512q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143z" horiz-adv-x="658" />
<glyph unicode="&#xe603;" d="M438.857 822.857v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 512q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143zM804.571 512q0-87.429-48.571-161.429t-128.571-107.714q-7.429-2.857-14.286-2.857-15.429 0-26.286 10.857t-10.857 25.714q0 22.286 22.286 33.714 32 16.571 43.429 25.143 42.286 30.857 66 77.429t23.714 99.143-23.714 99.143-66 77.429q-11.429 8.571-43.429 25.143-22.286 11.429-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 80-33.714 128.571-107.714t48.571-161.429zM950.857 512q0-131.429-72.571-241.429t-193.143-162q-7.429-2.857-14.857-2.857-14.857 0-25.714 10.857t-10.857 25.714q0 20.571 22.286 33.714 4 2.286 12.857 6t12.857 6q26.286 14.286 46.857 29.143 70.286 52 109.714 129.714t39.429 165.143-39.429 165.143-109.714 129.714q-20.571 14.857-46.857 29.143-4 2.286-12.857 6t-12.857 6q-22.286 13.143-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 120.571-52 193.143-162t72.571-241.429z" horiz-adv-x="951" />
<glyph unicode="&#xe604;" d="M950.857 517.714q0-94.857-34.286-179.429l-11.429-28-105.714-18.857q-12.571-47.429-51.714-78t-89.429-30.571v-18.286q0-8-5.143-13.143t-13.143-5.143h-36.571q-8 0-13.143 5.143t-5.143 13.143v329.143q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143v-18.286q40.571 0 74.286-20.286t53.143-54.571l38.857 6.857q16.571 54.286 16.571 110.286 0 84.571-50.286 159.429t-135.143 119.429-180.286 44.571-180.286-44.571-135.143-119.429-50.286-159.429q0-56 16.571-110.286l38.857-6.857q19.429 34.286 53.143 54.571t74.286 20.286v18.286q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143v-329.143q0-8-5.143-13.143t-13.143-5.143h-36.571q-8 0-13.143 5.143t-5.143 13.143v18.286q-50.286 0-89.429 30.571t-51.714 78l-105.714 18.857-11.429 28q-34.286 84.571-34.286 179.429 0 86.286 38.286 166.286t102.286 138.571 152 93.429 182.857 34.857 182.857-34.857 152-93.429 102.286-138.571 38.286-166.286z" horiz-adv-x="951" />
<glyph unicode="&#xe605;" d="M559.429 943.429q10.857 10.857 18.286 7.429t7.429-18.286v-841.143q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-387.429q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-387.429q2.286 6.286 7.429 10.857z" horiz-adv-x="585" />
<glyph unicode="&#xe606;" d="M998.286 943.429q10.857 10.857 18.286 7.429t7.429-18.286v-841.143q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-405.714q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-387.429q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-387.429q2.286 6.286 7.429 10.857l405.714 405.714q10.857 10.857 18.286 7.429t7.429-18.286v-405.714q2.286 6.286 7.429 10.857z" />
<glyph unicode="&#xe607;" d="M925.143 943.429q10.857 10.857 18.286 7.429t7.429-18.286v-841.143q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-4.571 5.143-7.429 10.857v-405.714q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-10.857 10.857-10.857 25.714t10.857 25.714l405.714 405.714q10.857 10.857 18.286 7.429t7.429-18.286v-405.714q2.857 6.286 7.429 10.857z" horiz-adv-x="951" />
<glyph unicode="&#xe608;" d="M790.857 494.286l-758.857-421.714q-13.143-7.429-22.571-1.714t-9.429 20.571v841.143q0 14.857 9.429 20.571t22.571-1.714l758.857-421.714q13.143-7.429 13.143-17.714t-13.143-17.714z" horiz-adv-x="805" />
<glyph unicode="&#xe609;" d="M877.714 914.286v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h292.571q14.857 0 25.714-10.857t10.857-25.714zM365.714 914.286v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h292.571q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="878" />
<glyph unicode="&#xe60a;" d="M877.714 914.286v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="878" />
<glyph unicode="&#xe60b;" d="M25.714 80.571q-10.857-10.857-18.286-7.429t-7.429 18.286v841.143q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v405.714q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q10.857-10.857 10.857-25.714t-10.857-25.714l-405.714-405.714q-10.857-10.857-18.286-7.429t-7.429 18.286v405.714q-2.857-5.714-7.429-10.857z" horiz-adv-x="951" />
<glyph unicode="&#xe60c;" d="M25.714 80.571q-10.857-10.857-18.286-7.429t-7.429 18.286v841.143q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v405.714q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v387.429q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v387.429q-2.857-5.714-7.429-10.857l-405.714-405.714q-10.857-10.857-18.286-7.429t-7.429 18.286v405.714q-2.857-5.714-7.429-10.857z" />
<glyph unicode="&#xe60d;" d="M25.714 80.571q-10.857-10.857-18.286-7.429t-7.429 18.286v841.143q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v387.429q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v387.429q-2.857-5.714-7.429-10.857z" horiz-adv-x="585" />
<glyph unicode="&#xe60e;" d="M8 464.571l405.714 405.714q10.857 10.857 25.714 10.857t25.714-10.857l405.714-405.714q10.857-10.857 7.429-18.286t-18.286-7.429h-841.143q-14.857 0-18.286 7.429t7.429 18.286zM841.714 146.286h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v146.286q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714v-146.286q0-14.857-10.857-25.714t-25.714-10.857z" horiz-adv-x="879" />
<glyph unicode="&#xe60f;" d="M804.571 603.429v-109.714q0-22.857-16-38.857t-38.857-16h-237.714v-237.714q0-22.857-16-38.857t-38.857-16h-109.714q-22.857 0-38.857 16t-16 38.857v237.714h-237.714q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h237.714v237.714q0 22.857 16 38.857t38.857 16h109.714q22.857 0 38.857-16t16-38.857v-237.714h237.714q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
<glyph unicode="&#xe610;" d="M804.571 603.429v-109.714q0-22.857-16-38.857t-38.857-16h-694.857q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h694.857q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
<glyph unicode="&#xe611;" d="M585.143 512q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM877.714 574.286v-126.857q0-6.857-4.571-13.143t-11.429-7.429l-105.714-16q-10.857-30.857-22.286-52 20-28.571 61.143-78.857 5.714-6.857 5.714-14.286t-5.143-13.143q-15.429-21.143-56.571-61.714t-53.714-40.571q-6.857 0-14.857 5.143l-78.857 61.714q-25.143-13.143-52-21.714-9.143-77.714-16.571-106.286-4-16-20.571-16h-126.857q-8 0-14 4.857t-6.571 12.286l-16 105.143q-28 9.143-51.429 21.143l-80.571-61.143q-5.714-5.143-14.286-5.143-8 0-14.286 6.286-72 65.143-94.286 96-4 5.714-4 13.143 0 6.857 4.571 13.143 8.571 12 29.143 38t30.857 40.286q-15.429 28.571-23.429 56.571l-104.571 15.429q-7.429 1.143-12 7.143t-4.571 13.429v126.857q0 6.857 4.571 13.143t10.857 7.429l106.286 16q8 26.286 22.286 52.571-22.857 32.571-61.143 78.857-5.714 6.857-5.714 13.714 0 5.714 5.143 13.143 14.857 20.571 56.286 61.429t54 40.857q7.429 0 14.857-5.714l78.857-61.143q25.143 13.143 52 21.714 9.143 77.714 16.571 106.286 4 16 20.571 16h126.857q8 0 14-4.857t6.571-12.286l16-105.143q28-9.143 51.429-21.143l81.143 61.143q5.143 5.143 13.714 5.143 7.429 0 14.286-5.714 73.714-68 94.286-97.143 4-4.571 4-12.571 0-6.857-4.571-13.143-8.571-12-29.143-38t-30.857-40.286q14.857-28.571 23.429-56l104.571-16q7.429-1.143 12-7.143t4.571-13.429z" horiz-adv-x="878" />
<glyph unicode="&#xe612;" d="M950.857 654.286q0-12.571-14.857-27.429l-207.429-202.286 49.143-285.714q0.571-4 0.571-11.429 0-12-6-20.286t-17.429-8.286q-10.857 0-22.857 6.857l-256.571 134.857-256.571-134.857q-12.571-6.857-22.857-6.857-12 0-18 8.286t-6 20.286q0 3.429 1.143 11.429l49.143 285.714-208 202.286q-14.286 15.429-14.286 27.429 0 21.143 32 26.286l286.857 41.714 128.571 260q10.857 23.429 28 23.429t28-23.429l128.571-260 286.857-41.714q32-5.143 32-26.286z" horiz-adv-x="951" />
<glyph unicode="&#xe613;" d="M649.714 450.286l174.857 169.714-241.143 35.429-108 218.286-108-218.286-241.143-35.429 174.857-169.714-41.714-240.571 216 113.714 215.429-113.714zM950.857 654.286q0-12.571-14.857-27.429l-207.429-202.286 49.143-285.714q0.571-4 0.571-11.429 0-28.571-23.429-28.571-10.857 0-22.857 6.857l-256.571 134.857-256.571-134.857q-12.571-6.857-22.857-6.857-12 0-18 8.286t-6 20.286q0 3.429 1.143 11.429l49.143 285.714-208 202.286q-14.286 15.429-14.286 27.429 0 21.143 32 26.286l286.857 41.714 128.571 260q10.857 23.429 28 23.429t28-23.429l128.571-260 286.857-41.714q32-5.143 32-26.286z" horiz-adv-x="951" />
<glyph unicode="&#xe614;" d="M954.857 700.571q0-22.857-16-38.857l-491.429-491.429q-16-16-38.857-16t-38.857 16l-77.714 77.714-206.857 206.857q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168.571 374.857 375.429q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857z" />
<glyph unicode="&#xe615;" d="M741.714 268.571q0-22.857-16-38.857l-77.714-77.714q-16-16-38.857-16t-38.857 16l-168 168-168-168q-16-16-38.857-16t-38.857 16l-77.714 77.714q-16 16-16 38.857t16 38.857l168 168-168 168q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168 168 168q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857t-16-38.857l-168-168 168-168q16-16 16-38.857z" horiz-adv-x="805" />
<glyph unicode="&#xe600;" d="M877.714 822.857v-640q0-28.571-19.429-50.857t-49.143-34.571-59.143-18.286-55.143-6-55.143 6-59.143 18.286-49.143 34.571-19.429 50.857 19.429 50.857 49.143 34.571 59.143 18.286 55.143 6q60 0 109.714-22.286v306.857l-438.857-135.429v-405.143q0-28.571-19.429-50.857t-49.143-34.571-59.143-18.286-55.143-6-55.143 6-59.143 18.286-49.143 34.571-19.429 50.857 19.429 50.857 49.143 34.571 59.143 18.286 55.143 6q60 0 109.714-22.286v552.571q0 17.714 10.857 32.286t28 20.286l475.429 146.286q6.857 2.286 16 2.286 22.857 0 38.857-16t16-38.857z" horiz-adv-x="878" />
<glyph unicode="&#xe601;" d="M950.857 444.571q0-94.857-34.286-179.429l-11.429-28-105.714-18.857q-12.571-47.429-51.714-78t-89.429-30.571v-18.286q0-8-5.143-13.143t-13.143-5.143h-36.571q-8 0-13.143 5.143t-5.143 13.143v329.143q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143v-18.286q40.571 0 74.286-20.286t53.143-54.571l38.857 6.857q16.571 54.286 16.571 110.286 0 84.571-50.286 159.429t-135.143 119.429-180.286 44.571-180.286-44.571-135.143-119.429-50.286-159.429q0-56 16.571-110.286l38.857-6.857q19.429 34.286 53.143 54.571t74.286 20.286v18.286q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143v-329.143q0-8-5.143-13.143t-13.143-5.143h-36.571q-8 0-13.143 5.143t-5.143 13.143v18.286q-50.286 0-89.429 30.571t-51.714 78l-105.714 18.857-11.429 28q-34.286 84.571-34.286 179.429 0 86.286 38.286 166.286t102.286 138.571 152 93.429 182.857 34.857 182.857-34.857 152-93.429 102.286-138.571 38.286-166.286z" horiz-adv-x="951" />
<glyph unicode="&#xe602;" d="M998.286 870.286q10.857 10.857 18.286 7.429t7.429-18.286v-841.143q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-405.714q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-387.429q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-387.429q2.286 6.286 7.429 10.857l405.714 405.714q10.857 10.857 18.286 7.429t7.429-18.286v-405.714q2.286 6.286 7.429 10.857z" />
<glyph unicode="&#xe603;" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714z" horiz-adv-x="439" />
<glyph unicode="&#xe604;" d="M790.857 421.143l-758.857-421.714q-13.143-7.429-22.571-1.714t-9.429 20.571v841.143q0 14.857 9.429 20.571t22.571-1.714l758.857-421.714q13.143-7.429 13.143-17.714t-13.143-17.714z" horiz-adv-x="805" />
<glyph unicode="&#xe605;" d="M877.714 841.143v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h292.571q14.857 0 25.714-10.857t10.857-25.714zM365.714 841.143v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h292.571q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="878" />
<glyph unicode="&#xe606;" d="M877.714 841.143v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="878" />
<glyph unicode="&#xe607;" d="M25.714 7.428q-10.857-10.857-18.286-7.429t-7.429 18.286v841.143q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v405.714q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v387.429q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v387.429q-2.857-5.714-7.429-10.857l-405.714-405.714q-10.857-10.857-18.286-7.429t-7.429 18.286v405.714q-2.857-5.714-7.429-10.857z" />
<glyph unicode="&#xe608;" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 438.857q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143z" horiz-adv-x="658" />
<glyph unicode="&#xe609;" d="M8 391.428l405.714 405.714q10.857 10.857 25.714 10.857t25.714-10.857l405.714-405.714q10.857-10.857 7.429-18.286t-18.286-7.429h-841.143q-14.857 0-18.286 7.429t7.429 18.286zM841.714 73.143h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v146.286q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714v-146.286q0-14.857-10.857-25.714t-25.714-10.857z" horiz-adv-x="879" />
<glyph unicode="&#xe60a;" d="M424 52l-372.571 372q-21.143 21.143-21.143 51.714t21.143 51.714l372.571 372q21.143 21.143 51.714 21.143t51.714-21.143l42.857-42.857q21.143-21.143 21.143-51.714t-21.143-51.714l-277.714-277.714 277.714-277.143q21.143-21.714 21.143-52t-21.143-51.429l-42.857-42.857q-21.143-21.143-51.714-21.143t-51.714 21.143z" horiz-adv-x="658" />
<glyph unicode="&#xe60b;" d="M628 475.428q0-29.714-21.143-52l-372.571-372q-21.143-21.143-51.429-21.143t-51.429 21.143l-43.429 42.857q-21.143 22.286-21.143 52 0 30.286 21.143 51.429l277.714 277.714-277.714 277.143q-21.143 22.286-21.143 52 0 30.286 21.143 51.429l43.429 42.857q20.571 21.714 51.429 21.714t51.429-21.714l372.571-372q21.143-21.143 21.143-51.429z" horiz-adv-x="658" />
<glyph unicode="&#xe60c;" d="M512 0q-14.857 0-25.143 10.286l-356.571 344q-5.714 4.571-15.714 14.857t-31.714 37.429-38.857 55.714-30.571 69.143-13.429 78.857q0 125.714 72.571 196.571t200.571 70.857q35.429 0 72.286-12.286t68.571-33.143 54.571-39.143 43.429-38.857q20.571 20.571 43.429 38.857t54.571 39.143 68.571 33.143 72.286 12.286q128 0 200.571-70.857t72.571-196.571q0-126.286-130.857-257.143l-356-342.857q-10.286-10.286-25.143-10.286z" />
<glyph unicode="&#xe60d;" d="M950.857 581.143q0-12.571-14.857-27.429l-207.429-202.286 49.143-285.714q0.571-4 0.571-11.429 0-12-6-20.286t-17.429-8.286q-10.857 0-22.857 6.857l-256.571 134.857-256.571-134.857q-12.571-6.857-22.857-6.857-12 0-18 8.286t-6 20.286q0 3.429 1.143 11.429l49.143 285.714-208 202.286q-14.286 15.429-14.286 27.429 0 21.143 32 26.286l286.857 41.714 128.571 260q10.857 23.429 28 23.429t28-23.429l128.571-260 286.857-41.714q32-5.143 32-26.286z" horiz-adv-x="951" />
<glyph unicode="&#xe60e;" d="M649.714 377.143l174.857 169.714-241.143 35.429-108 218.286-108-218.286-241.143-35.429 174.857-169.714-41.714-240.571 216 113.714 215.429-113.714zM950.857 581.143q0-12.571-14.857-27.429l-207.429-202.286 49.143-285.714q0.571-4 0.571-11.429 0-28.571-23.429-28.571-10.857 0-22.857 6.857l-256.571 134.857-256.571-134.857q-12.571-6.857-22.857-6.857-12 0-18 8.286t-6 20.286q0 3.429 1.143 11.429l49.143 285.714-208 202.286q-14.286 15.429-14.286 27.429 0 21.143 32 26.286l286.857 41.714 128.571 260q10.857 23.429 28 23.429t28-23.429l128.571-260 286.857-41.714q32-5.143 32-26.286z" horiz-adv-x="951" />
<glyph unicode="&#xe60f;" d="M954.857 627.428q0-22.857-16-38.857l-491.429-491.429q-16-16-38.857-16t-38.857 16l-284.571 284.571q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168.571 374.857 375.429q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857z" />
<glyph unicode="&#xe610;" d="M741.714 195.428q0-22.857-16-38.857l-77.714-77.714q-16-16-38.857-16t-38.857 16l-168 168-168-168q-16-16-38.857-16t-38.857 16l-77.714 77.714q-16 16-16 38.857t16 38.857l168 168-168 168q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168 168 168q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857t-16-38.857l-168-168 168-168q16-16 16-38.857z" horiz-adv-x="805" />
<glyph unicode="&#xe611;" d="M804.571 530.286v-109.714q0-22.857-16-38.857t-38.857-16h-237.714v-237.714q0-22.857-16-38.857t-38.857-16h-109.714q-22.857 0-38.857 16t-16 38.857v237.714h-237.714q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h237.714v237.714q0 22.857 16 38.857t38.857 16h109.714q22.857 0 38.857-16t16-38.857v-237.714h237.714q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
<glyph unicode="&#xe612;" d="M804.571 530.286v-109.714q0-22.857-16-38.857t-38.857-16h-694.857q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h694.857q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
<glyph unicode="&#xe613;" d="M920.571 256q0-30.286-21.143-51.429l-42.857-42.857q-21.714-21.714-52-21.714-30.857 0-51.429 21.714l-277.714 277.143-277.714-277.143q-20.571-21.714-51.429-21.714t-51.429 21.714l-42.857 42.857q-21.714 20.571-21.714 51.429 0 30.286 21.714 52l372 372q21.143 21.143 51.429 21.143 29.714 0 52-21.143l371.429-372q21.714-21.714 21.714-52z" horiz-adv-x="951" />
<glyph unicode="&#xe614;" d="M920.571 548.571q0-30.286-21.143-51.429l-372-372q-21.714-21.714-52-21.714-30.857 0-51.429 21.714l-372 372q-21.714 20.571-21.714 51.429 0 30.286 21.714 52l42.286 42.857q22.286 21.143 52 21.143 30.286 0 51.429-21.143l277.714-277.714 277.714 277.714q21.143 21.143 51.429 21.143 29.714 0 52-21.143l42.857-42.857q21.143-22.286 21.143-52z" horiz-adv-x="951" />
<glyph unicode="&#xe615;" d="M585.143 438.857q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM877.714 501.143v-126.857q0-6.857-4.571-13.143t-11.429-7.429l-105.714-16q-10.857-30.857-22.286-52 20-28.571 61.143-78.857 5.714-6.857 5.714-14.286t-5.143-13.143q-15.429-21.143-56.571-61.714t-53.714-40.571q-6.857 0-14.857 5.143l-78.857 61.714q-25.143-13.143-52-21.714-9.143-77.714-16.571-106.286-4-16-20.571-16h-126.857q-8 0-14 4.857t-6.571 12.286l-16 105.143q-28 9.143-51.429 21.143l-80.571-61.143q-5.714-5.143-14.286-5.143-8 0-14.286 6.286-72 65.143-94.286 96-4 5.714-4 13.143 0 6.857 4.571 13.143 8.571 12 29.143 38t30.857 40.286q-15.429 28.571-23.429 56.571l-104.571 15.429q-7.429 1.143-12 7.143t-4.571 13.429v126.857q0 6.857 4.571 13.143t10.857 7.429l106.286 16q8 26.286 22.286 52.571-22.857 32.571-61.143 78.857-5.714 6.857-5.714 13.714 0 5.714 5.143 13.143 14.857 20.571 56.286 61.429t54 40.857q7.429 0 14.857-5.714l78.857-61.143q25.143 13.143 52 21.714 9.143 77.714 16.571 106.286 4 16 20.571 16h126.857q8 0 14-4.857t6.571-12.286l16-105.143q28-9.143 51.429-21.143l81.143 61.143q5.143 5.143 13.714 5.143 7.429 0 14.286-5.714 73.714-68 94.286-97.143 4-4.571 4-12.571 0-6.857-4.571-13.143-8.571-12-29.143-38t-30.857-40.286q14.857-28.571 23.429-56l104.571-16q7.429-1.143 12-7.143t4.571-13.429z" horiz-adv-x="878" />
<glyph unicode="&#xe616;" d="M365.714 182.857v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h36.571v219.429h-36.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h219.429q14.857 0 25.714-10.857t10.857-25.714v-329.143h36.571q14.857 0 25.714-10.857t10.857-25.714zM292.571 841.143v-109.714q0-14.857-10.857-25.714t-25.714-10.857h-146.286q-14.857 0-25.714 10.857t-10.857 25.714v109.714q0 14.857 10.857 25.714t25.714 10.857h146.286q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="366" />
<glyph unicode="&#xe617;" d="M822.857 694.857q0 22.857-16 38.857t-38.857 16-38.857-16-16-38.857 16-38.857 38.857-16 38.857 16 16 38.857zM950.857 859.428q0-142.286-43.143-246t-144.857-206q-46.286-45.714-111.429-100.571l-11.429-216.571q-1.143-9.143-9.143-14.857l-219.429-128q-4-2.286-9.143-2.286-6.857 0-13.143 5.143l-36.571 36.571q-7.429 8-4.571 18.286l48.571 157.714-160.571 160.571-157.714-48.571q-1.714-0.571-5.143-0.571-8 0-13.143 5.143l-36.571 36.571q-9.714 10.857-2.857 22.286l128 219.429q5.714 8 14.857 9.143l216.571 11.429q54.857 65.143 100.571 111.429 107.429 106.857 204.571 147.429t246.286 40.571q8 0 13.714-5.429t5.714-12.857z" horiz-adv-x="951" />
<glyph unicode="&#xe618;" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 438.857q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143zM804.571 438.857q0-87.429-48.571-161.429t-128.571-107.714q-7.429-2.857-14.286-2.857-15.429 0-26.286 10.857t-10.857 25.714q0 22.286 22.286 33.714 32 16.571 43.429 25.143 42.286 30.857 66 77.429t23.714 99.143-23.714 99.143-66 77.429q-11.429 8.571-43.429 25.143-22.286 11.429-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 80-33.714 128.571-107.714t48.571-161.429zM950.857 438.857q0-131.429-72.571-241.429t-193.143-162q-7.429-2.857-14.857-2.857-14.857 0-25.714 10.857t-10.857 25.714q0 20.571 22.286 33.714 4 2.286 12.857 6t12.857 6q26.286 14.286 46.857 29.143 70.286 52 109.714 129.714t39.429 165.143-39.429 165.143-109.714 129.714q-20.571 14.857-46.857 29.143-4 2.286-12.857 6t-12.857 6q-22.286 13.143-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 120.571-52 193.143-162t72.571-241.429z" horiz-adv-x="951" />
<glyph unicode="" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 438.857q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143zM804.571 438.857q0-87.429-48.571-161.429t-128.571-107.714q-7.429-2.857-14.286-2.857-15.429 0-26.286 10.857t-10.857 25.714q0 22.286 22.286 33.714 32 16.571 43.429 25.143 42.286 30.857 66 77.429t23.714 99.143-23.714 99.143-66 77.429q-11.429 8.571-43.429 25.143-22.286 11.429-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 80-33.714 128.571-107.714t48.571-161.429zM950.857 438.857q0-131.429-72.571-241.429t-193.143-162q-7.429-2.857-14.857-2.857-14.857 0-25.714 10.857t-10.857 25.714q0 20.571 22.286 33.714 4 2.286 12.857 6t12.857 6q26.286 14.286 46.857 29.143 70.286 52 109.714 129.714t39.429 165.143-39.429 165.143-109.714 129.714q-20.571 14.857-46.857 29.143-4 2.286-12.857 6t-12.857 6q-22.286 13.143-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 120.571-52 193.143-162t72.571-241.429z" horiz-adv-x="951" />
<glyph unicode="volume-up" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 438.857q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143zM804.571 438.857q0-87.429-48.571-161.429t-128.571-107.714q-7.429-2.857-14.286-2.857-15.429 0-26.286 10.857t-10.857 25.714q0 22.286 22.286 33.714 32 16.571 43.429 25.143 42.286 30.857 66 77.429t23.714 99.143-23.714 99.143-66 77.429q-11.429 8.571-43.429 25.143-22.286 11.429-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 80-33.714 128.571-107.714t48.571-161.429zM950.857 438.857q0-131.429-72.571-241.429t-193.143-162q-7.429-2.857-14.857-2.857-14.857 0-25.714 10.857t-10.857 25.714q0 20.571 22.286 33.714 4 2.286 12.857 6t12.857 6q26.286 14.286 46.857 29.143 70.286 52 109.714 129.714t39.429 165.143-39.429 165.143-109.714 129.714q-20.571 14.857-46.857 29.143-4 2.286-12.857 6t-12.857 6q-22.286 13.143-22.286 33.714 0 14.857 10.857 25.714t25.714 10.857q7.429 0 14.857-2.857 120.571-52 193.143-162t72.571-241.429z" horiz-adv-x="951" />
<glyph unicode="volume-down" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714zM658.286 438.857q0-43.429-24.286-80.857t-64.286-53.429q-5.714-2.857-14.286-2.857-14.857 0-25.714 10.571t-10.857 26q0 12 6.857 20.286t16.571 14.286 19.429 13.143 16.571 20.286 6.857 32.571-6.857 32.571-16.571 20.286-19.429 13.143-16.571 14.286-6.857 20.286q0 15.429 10.857 26t25.714 10.571q8.571 0 14.286-2.857 40-15.429 64.286-53.143t24.286-81.143z" horiz-adv-x="658" />
<glyph unicode="up" d="M920.571 256q0-30.286-21.143-51.429l-42.857-42.857q-21.714-21.714-52-21.714-30.857 0-51.429 21.714l-277.714 277.143-277.714-277.143q-20.571-21.714-51.429-21.714t-51.429 21.714l-42.857 42.857q-21.714 20.571-21.714 51.429 0 30.286 21.714 52l372 372q21.143 21.143 51.429 21.143 29.714 0 52-21.143l371.429-372q21.714-21.714 21.714-52z" horiz-adv-x="951" />
<glyph unicode="stop" d="M877.714 841.143v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="878" />
<glyph unicode="star-empty" d="M649.714 377.143l174.857 169.714-241.143 35.429-108 218.286-108-218.286-241.143-35.429 174.857-169.714-41.714-240.571 216 113.714 215.429-113.714zM950.857 581.143q0-12.571-14.857-27.429l-207.429-202.286 49.143-285.714q0.571-4 0.571-11.429 0-28.571-23.429-28.571-10.857 0-22.857 6.857l-256.571 134.857-256.571-134.857q-12.571-6.857-22.857-6.857-12 0-18 8.286t-6 20.286q0 3.429 1.143 11.429l49.143 285.714-208 202.286q-14.286 15.429-14.286 27.429 0 21.143 32 26.286l286.857 41.714 128.571 260q10.857 23.429 28 23.429t28-23.429l128.571-260 286.857-41.714q32-5.143 32-26.286z" horiz-adv-x="951" />
<glyph unicode="star" d="M950.857 581.143q0-12.571-14.857-27.429l-207.429-202.286 49.143-285.714q0.571-4 0.571-11.429 0-12-6-20.286t-17.429-8.286q-10.857 0-22.857 6.857l-256.571 134.857-256.571-134.857q-12.571-6.857-22.857-6.857-12 0-18 8.286t-6 20.286q0 3.429 1.143 11.429l49.143 285.714-208 202.286q-14.286 15.429-14.286 27.429 0 21.143 32 26.286l286.857 41.714 128.571 260q10.857 23.429 28 23.429t28-23.429l128.571-260 286.857-41.714q32-5.143 32-26.286z" horiz-adv-x="951" />
<glyph unicode="rocket" d="M822.857 694.857q0 22.857-16 38.857t-38.857 16-38.857-16-16-38.857 16-38.857 38.857-16 38.857 16 16 38.857zM950.857 859.428q0-142.286-43.143-246t-144.857-206q-46.286-45.714-111.429-100.571l-11.429-216.571q-1.143-9.143-9.143-14.857l-219.429-128q-4-2.286-9.143-2.286-6.857 0-13.143 5.143l-36.571 36.571q-7.429 8-4.571 18.286l48.571 157.714-160.571 160.571-157.714-48.571q-1.714-0.571-5.143-0.571-8 0-13.143 5.143l-36.571 36.571q-9.714 10.857-2.857 22.286l128 219.429q5.714 8 14.857 9.143l216.571 11.429q54.857 65.143 100.571 111.429 107.429 106.857 204.571 147.429t246.286 40.571q8 0 13.714-5.429t5.714-12.857z" horiz-adv-x="951" />
<glyph unicode="right" d="M628 475.428q0-29.714-21.143-52l-372.571-372q-21.143-21.143-51.429-21.143t-51.429 21.143l-43.429 42.857q-21.143 22.286-21.143 52 0 30.286 21.143 51.429l277.714 277.714-277.714 277.143q-21.143 22.286-21.143 52 0 30.286 21.143 51.429l43.429 42.857q20.571 21.714 51.429 21.714t51.429-21.714l372.571-372q21.143-21.143 21.143-51.429z" horiz-adv-x="658" />
<glyph unicode="remove" d="M804.571 530.286v-109.714q0-22.857-16-38.857t-38.857-16h-694.857q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h694.857q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
<glyph unicode="previous" d="M998.286 870.286q10.857 10.857 18.286 7.429t7.429-18.286v-841.143q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-405.714q0-14.857-7.429-18.286t-18.286 7.429l-405.714 405.714q-5.143 5.143-7.429 10.857v-387.429q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-387.429q2.286 6.286 7.429 10.857l405.714 405.714q10.857 10.857 18.286 7.429t7.429-18.286v-405.714q2.286 6.286 7.429 10.857z" />
<glyph unicode="playing" d="M877.714 822.857v-640q0-28.571-19.429-50.857t-49.143-34.571-59.143-18.286-55.143-6-55.143 6-59.143 18.286-49.143 34.571-19.429 50.857 19.429 50.857 49.143 34.571 59.143 18.286 55.143 6q60 0 109.714-22.286v306.857l-438.857-135.429v-405.143q0-28.571-19.429-50.857t-49.143-34.571-59.143-18.286-55.143-6-55.143 6-59.143 18.286-49.143 34.571-19.429 50.857 19.429 50.857 49.143 34.571 59.143 18.286 55.143 6q60 0 109.714-22.286v552.571q0 17.714 10.857 32.286t28 20.286l475.429 146.286q6.857 2.286 16 2.286 22.857 0 38.857-16t16-38.857z" horiz-adv-x="878" />
<glyph unicode="play" d="M790.857 421.143l-758.857-421.714q-13.143-7.429-22.571-1.714t-9.429 20.571v841.143q0 14.857 9.429 20.571t22.571-1.714l758.857-421.714q13.143-7.429 13.143-17.714t-13.143-17.714z" horiz-adv-x="805" />
<glyph unicode="pause" d="M877.714 841.143v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h292.571q14.857 0 25.714-10.857t10.857-25.714zM365.714 841.143v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v804.571q0 14.857 10.857 25.714t25.714 10.857h292.571q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="878" />
<glyph unicode="ok" d="M954.857 627.428q0-22.857-16-38.857l-491.429-491.429q-16-16-38.857-16t-38.857 16l-284.571 284.571q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168.571 374.857 375.429q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857z" />
<glyph unicode="next" d="M25.714 7.428q-10.857-10.857-18.286-7.429t-7.429 18.286v841.143q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v405.714q0 14.857 7.429 18.286t18.286-7.429l405.714-405.714q4.571-4.571 7.429-10.857v387.429q0 14.857 10.857 25.714t25.714 10.857h73.143q14.857 0 25.714-10.857t10.857-25.714v-804.571q0-14.857-10.857-25.714t-25.714-10.857h-73.143q-14.857 0-25.714 10.857t-10.857 25.714v387.429q-2.857-5.714-7.429-10.857l-405.714-405.714q-10.857-10.857-18.286-7.429t-7.429 18.286v405.714q-2.857-5.714-7.429-10.857z" />
<glyph unicode="mute" d="M438.857 749.714v-621.714q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-190.286 190.286h-149.714q-14.857 0-25.714 10.857t-10.857 25.714v219.429q0 14.857 10.857 25.714t25.714 10.857h149.714l190.286 190.286q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714z" horiz-adv-x="439" />
<glyph unicode="left" d="M424 52l-372.571 372q-21.143 21.143-21.143 51.714t21.143 51.714l372.571 372q21.143 21.143 51.714 21.143t51.714-21.143l42.857-42.857q21.143-21.143 21.143-51.714t-21.143-51.714l-277.714-277.714 277.714-277.143q21.143-21.714 21.143-52t-21.143-51.429l-42.857-42.857q-21.143-21.143-51.714-21.143t-51.714 21.143z" horiz-adv-x="658" />
<glyph unicode="info" d="M365.714 182.857v-73.143q0-14.857-10.857-25.714t-25.714-10.857h-292.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h36.571v219.429h-36.571q-14.857 0-25.714 10.857t-10.857 25.714v73.143q0 14.857 10.857 25.714t25.714 10.857h219.429q14.857 0 25.714-10.857t10.857-25.714v-329.143h36.571q14.857 0 25.714-10.857t10.857-25.714zM292.571 841.143v-109.714q0-14.857-10.857-25.714t-25.714-10.857h-146.286q-14.857 0-25.714 10.857t-10.857 25.714v109.714q0 14.857 10.857 25.714t25.714 10.857h146.286q14.857 0 25.714-10.857t10.857-25.714z" horiz-adv-x="366" />
<glyph unicode="heart" d="M512 0q-14.857 0-25.143 10.286l-356.571 344q-5.714 4.571-15.714 14.857t-31.714 37.429-38.857 55.714-30.571 69.143-13.429 78.857q0 125.714 72.571 196.571t200.571 70.857q35.429 0 72.286-12.286t68.571-33.143 54.571-39.143 43.429-38.857q20.571 20.571 43.429 38.857t54.571 39.143 68.571 33.143 72.286 12.286q128 0 200.571-70.857t72.571-196.571q0-126.286-130.857-257.143l-356-342.857q-10.286-10.286-25.143-10.286z" />
<glyph unicode="headphones" d="M950.857 444.571q0-94.857-34.286-179.429l-11.429-28-105.714-18.857q-12.571-47.429-51.714-78t-89.429-30.571v-18.286q0-8-5.143-13.143t-13.143-5.143h-36.571q-8 0-13.143 5.143t-5.143 13.143v329.143q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143v-18.286q40.571 0 74.286-20.286t53.143-54.571l38.857 6.857q16.571 54.286 16.571 110.286 0 84.571-50.286 159.429t-135.143 119.429-180.286 44.571-180.286-44.571-135.143-119.429-50.286-159.429q0-56 16.571-110.286l38.857-6.857q19.429 34.286 53.143 54.571t74.286 20.286v18.286q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143v-329.143q0-8-5.143-13.143t-13.143-5.143h-36.571q-8 0-13.143 5.143t-5.143 13.143v18.286q-50.286 0-89.429 30.571t-51.714 78l-105.714 18.857-11.429 28q-34.286 84.571-34.286 179.429 0 86.286 38.286 166.286t102.286 138.571 152 93.429 182.857 34.857 182.857-34.857 152-93.429 102.286-138.571 38.286-166.286z" horiz-adv-x="951" />
<glyph unicode="eject" d="M8 391.428l405.714 405.714q10.857 10.857 25.714 10.857t25.714-10.857l405.714-405.714q10.857-10.857 7.429-18.286t-18.286-7.429h-841.143q-14.857 0-18.286 7.429t7.429 18.286zM841.714 73.143h-804.571q-14.857 0-25.714 10.857t-10.857 25.714v146.286q0 14.857 10.857 25.714t25.714 10.857h804.571q14.857 0 25.714-10.857t10.857-25.714v-146.286q0-14.857-10.857-25.714t-25.714-10.857z" horiz-adv-x="879" />
<glyph unicode="down" d="M920.571 548.571q0-30.286-21.143-51.429l-372-372q-21.714-21.714-52-21.714-30.857 0-51.429 21.714l-372 372q-21.714 20.571-21.714 51.429 0 30.286 21.714 52l42.286 42.857q22.286 21.143 52 21.143 30.286 0 51.429-21.143l277.714-277.714 277.714 277.714q21.143 21.143 51.429 21.143 29.714 0 52-21.143l42.857-42.857q21.143-22.286 21.143-52z" horiz-adv-x="951" />
<glyph unicode="config" d="M585.143 438.857q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM877.714 501.143v-126.857q0-6.857-4.571-13.143t-11.429-7.429l-105.714-16q-10.857-30.857-22.286-52 20-28.571 61.143-78.857 5.714-6.857 5.714-14.286t-5.143-13.143q-15.429-21.143-56.571-61.714t-53.714-40.571q-6.857 0-14.857 5.143l-78.857 61.714q-25.143-13.143-52-21.714-9.143-77.714-16.571-106.286-4-16-20.571-16h-126.857q-8 0-14 4.857t-6.571 12.286l-16 105.143q-28 9.143-51.429 21.143l-80.571-61.143q-5.714-5.143-14.286-5.143-8 0-14.286 6.286-72 65.143-94.286 96-4 5.714-4 13.143 0 6.857 4.571 13.143 8.571 12 29.143 38t30.857 40.286q-15.429 28.571-23.429 56.571l-104.571 15.429q-7.429 1.143-12 7.143t-4.571 13.429v126.857q0 6.857 4.571 13.143t10.857 7.429l106.286 16q8 26.286 22.286 52.571-22.857 32.571-61.143 78.857-5.714 6.857-5.714 13.714 0 5.714 5.143 13.143 14.857 20.571 56.286 61.429t54 40.857q7.429 0 14.857-5.714l78.857-61.143q25.143 13.143 52 21.714 9.143 77.714 16.571 106.286 4 16 20.571 16h126.857q8 0 14-4.857t6.571-12.286l16-105.143q28-9.143 51.429-21.143l81.143 61.143q5.143 5.143 13.714 5.143 7.429 0 14.286-5.714 73.714-68 94.286-97.143 4-4.571 4-12.571 0-6.857-4.571-13.143-8.571-12-29.143-38t-30.857-40.286q14.857-28.571 23.429-56l104.571-16q7.429-1.143 12-7.143t4.571-13.429z" horiz-adv-x="878" />
<glyph unicode="cancel" d="M741.714 195.428q0-22.857-16-38.857l-77.714-77.714q-16-16-38.857-16t-38.857 16l-168 168-168-168q-16-16-38.857-16t-38.857 16l-77.714 77.714q-16 16-16 38.857t16 38.857l168 168-168 168q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168 168 168q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857t-16-38.857l-168-168 168-168q16-16 16-38.857z" horiz-adv-x="805" />
<glyph unicode="add" d="M804.571 530.286v-109.714q0-22.857-16-38.857t-38.857-16h-237.714v-237.714q0-22.857-16-38.857t-38.857-16h-109.714q-22.857 0-38.857 16t-16 38.857v237.714h-237.714q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h237.714v237.714q0 22.857 16 38.857t38.857 16h109.714q22.857 0 38.857-16t16-38.857v-237.714h237.714q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
</font></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 28 KiB

BIN
assets/fonts/icomoon.ttf Normal file → Executable file
View File

Binary file not shown.

BIN
assets/fonts/icomoon.woff Normal file → Executable file
View File

Binary file not shown.

8
public/views/queue.ejs
View File

@ -1,8 +1,8 @@
<h2>Queue</h2>
<ul id="queue">
<ol id="queue">
<% list(queueSongs, function(song) { %>
<li id="<%= song.attr('id') %>" <%= song.attr('playing') ? 'class="playing"' : '' %>>
<%= song.attr('artist') %> - <%= song.attr('title') %>
<p class="title"><%= song.attr('title') %></p>
<p class="artist"><%= song.attr('artist') %></p>
</li>
<% }) %>
</ul>
</ol>

16
views/index.erb
View File

@ -2,17 +2,17 @@
<html>
<head>
<title>MPD Client</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<%= stylesheet_tag 'mpd-client' %>
<%= javascript_tag 'mpd-client' %>
</head>
<body>
<h1>MPD Client</h1>
<div id="queue"></div>
<div id="transport"></div>
<%= javascript_tag 'mpd-client' %>
<div id="app">
<div id="content">
<div id="queue"></div>
</div>
<div id="transport"></div>
</div>
</body>
</html>