From 275574810a749af1286effd1b314bdb2c249a15e Mon Sep 17 00:00:00 2001 From: Dan Barber Date: Thu, 5 Dec 2013 16:41:28 +0000 Subject: [PATCH] Style all the things! --- assets/css/common.css.sass | 8 ++- assets/css/controls.css.sass | 26 ++++--- assets/css/includes/colours.css.sass | 1 + assets/css/includes/fonts.css.sass | 69 +++++++++++-------- assets/css/mpd-client.css.sass | 1 + assets/css/queue.css.sass | 36 +++++++++- assets/fonts/icomoon.eot | Bin 5796 -> 6380 bytes assets/fonts/icomoon.svg | 98 ++++++++++++++------------- assets/fonts/icomoon.ttf | Bin 5632 -> 6216 bytes assets/fonts/icomoon.woff | Bin 5712 -> 6296 bytes public/views/queue.ejs | 8 +-- views/index.erb | 16 ++--- 12 files changed, 163 insertions(+), 100 deletions(-) create mode 100644 assets/css/includes/colours.css.sass mode change 100644 => 100755 assets/fonts/icomoon.eot mode change 100644 => 100755 assets/fonts/icomoon.svg mode change 100644 => 100755 assets/fonts/icomoon.ttf mode change 100644 => 100755 assets/fonts/icomoon.woff diff --git a/assets/css/common.css.sass b/assets/css/common.css.sass index a68150e..eeac9df 100644 --- a/assets/css/common.css.sass +++ b/assets/css/common.css.sass @@ -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 diff --git a/assets/css/controls.css.sass b/assets/css/controls.css.sass index 004d68a..49011b4 100644 --- a/assets/css/controls.css.sass +++ b/assets/css/controls.css.sass @@ -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) diff --git a/assets/css/includes/colours.css.sass b/assets/css/includes/colours.css.sass new file mode 100644 index 0000000..293ad4d --- /dev/null +++ b/assets/css/includes/colours.css.sass @@ -0,0 +1 @@ +$highlight: #1E7BD9 diff --git a/assets/css/includes/fonts.css.sass b/assets/css/includes/fonts.css.sass index 24f9362..f9474e2 100644 --- a/assets/css/includes/fonts.css.sass +++ b/assets/css/includes/fonts.css.sass @@ -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" diff --git a/assets/css/mpd-client.css.sass b/assets/css/mpd-client.css.sass index 23b1760..a38c4fc 100644 --- a/assets/css/mpd-client.css.sass +++ b/assets/css/mpd-client.css.sass @@ -1,6 +1,7 @@ @import 'bourbon/bourbon' @import 'includes/fonts' +@import 'includes/colours' @import 'common' @import 'controls' @import 'queue' diff --git a/assets/css/queue.css.sass b/assets/css/queue.css.sass index 523889e..ebdb84c 100644 --- a/assets/css/queue.css.sass +++ b/assets/css/queue.css.sass @@ -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" diff --git a/assets/fonts/icomoon.eot b/assets/fonts/icomoon.eot old mode 100644 new mode 100755 index 0753398164547f855fd02905d49e0199062ee490..77e04432a3b14535d8d68615b953c9270753e6f0 GIT binary patch literal 6380 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 U`{*Qoi|T#&GfVHo@NCWUZ~C0fx&QzG diff --git a/assets/fonts/icomoon.svg b/assets/fonts/icomoon.svg old mode 100644 new mode 100755 index a849486..60d7a85 --- a/assets/fonts/icomoon.svg +++ b/assets/fonts/icomoon.svg @@ -7,51 +7,55 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/icomoon.ttf b/assets/fonts/icomoon.ttf old mode 100644 new mode 100755 index e9aef572a5549b58ea397eb85e9e3f819d34ffef..f9577b5cefeabc11f1ad1e64574112cb21ac36d9 GIT binary patch literal 6216 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 literal 5632 zcmeHLU2Igx6+Uxk@4dUeyS}^Ly}OR_dd-@(u}#=`ZEPqwn1n#rw2oipZLZwmFHiC7( zGjrD%v-l?|H#-;y81yckz57(vxmlxA4MGneG+x>(B!GlefZSHpMpM3Lu@!Yb^HYUM)9t*oH&*mYN9nHCdW>cC`bWtxUfV_jvpEW z&!-?`slW(+HvxrD&@eqsU#9QVdHN;2OV>rCSSwCI8b)6mV{53ETtpnBIs}!V6l4L) zLL$ke2-TyGlcl)r;Dj;CB##X6lGF++26?5|O2{0g$5SIR&~HP71?@HH83mP4k~Ub8 zXlqS%v;rfOpdHkmN=sDH?9FQB>jUV^R35e?sB5SZ_8$UDL0GimxdRKVqXW`f)oM{K zNe#3LI;G;-O3Op=$wuTcjI)(C9@j%Tv^{X^Xe}&wDtbfptOM0R4=OohvIcf-@I2U! zQV4b>IE_>Q@*!wo4_x#xP}hOa@!#Ra&^JhF|DX52ih(T2S=x#Oh$U=`e=XUz zR{pK)>FecRcOexsmlJZo9Cu54vJ{UuHKo%H4e4}KQyfK6n+oOPeFTmZ6W8oeDjJoi zZ=X&lli{$15)LPmX`f1p?z833R~H%Wb*^ho8_{S==kTjyRz8VcK*!UP%?pmFU%<(Y zLIsob#H{1Eu5)R|bx_=yOH4Vk@Afn^E`fCo4b+Z{l}7ZcF|Bkyx~$f?!jG+0kn8JR z*Q2r2JcbA$RX2aFzJ9e8f?eCLL9tPE4KG60>iYVs{*`~#naf2b`hMe!7xYVwzhU620nKta51r|* zu3_6oz{zH(qaLNhX-)zb+aB)fnl2VkX<;A~3N(1z+EBK64NU1yr;5dof$#3Y!7R@~ z(usvK`TV+d`Fti6bCQgIc5ra_nNq2T zG>v(hr309uglq7M^nh}w;LM7tJVqX+1t(Jl#g;6uTrZIkykHsnjV$+g*{Xs4JUVYI zq^1U&SL|%onTWKt6-+aj3z{gZYR_ilZLvaOWMp)7WTa4twZ*g9_PhHO+S(!$PPVmm zU|`Rl(a}A71_oMN4Qq6yF`mz4>a;RZ)OB4Vk+pl*kL=j-Aj*y%BkOzZY$DS952?}XXLSxY}+YM zm(tfY4LO3vDq)tIt`=_~Wbj9TzSm1!wQPT%r7RAzE1t>@IYU){Pgbl13h)%v+1 zpV7GYErKD%OH{+5(Xs3X4LdT8VF#W_N(K8)o<_ifG(?(OVn(+Zb@YHt%y1&|1+7@g z!)msa%_S>-UCgrY=YYwZ(V`V0&E*|}YiBg@6HRu_MqpF2=NGm77W7d!_Q-{648v8F5uX(y!LkU;YesG z9fd37p>V%xZOPz%WrZ6WYSWEC$FlW^hK7}E!M8EO>c4x$*0dS)N34kQ2sMYaAN%zU z{4?hBUBnf{05fMQNP$~ip_hv@QgM^dX!q?d40oJxdA>X!slgRlbp5urS!7;tVln3h zk!d!*5pmxv|0!VO9%!FEYvcAOgQDq8H|&`mB9KazZ*`cSo_lRSg#XVZ`trgRDZ4LK z@nu<0jIUm}IXQXrLdSc55CL{7wTw&R%K4V7S6j~CJa$aH?t7PB&No4i(f8zQatppS z02^#y$UDBXAf-5w^c#4*7APFp7e3pGDRQG18>HkkttebfUPN6B(IMMB9ca(^u3kAaVGe<(HB!x^T% zxDS`;B)*h=jb`Xa_*!<6F5!#W@9BM-qrcKeA|NKkjQGfSOYW85l5>Hkz{7#(0+S~oMM0=Ir=I>b} zew)9O)%tDzhE?#}HHc?Ff6WPmz+s)bt##_Q)~VZCr*3PVx@}?X27j#9IS##3bOg^7 zP})TY=@=cSaYZ%b3*1^fcl8I2kF U`{)$jMP>ZczHt>5UiUBm25Gmu!vFvP diff --git a/assets/fonts/icomoon.woff b/assets/fonts/icomoon.woff old mode 100644 new mode 100755 index 446911892d0a57f58a8ef0e6c295ba4dc8484318..ebc1d1c834fa767ce1f10907d72325348284dbed GIT binary patch literal 6296 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 -
    +
      <% list(queueSongs, function(song) { %>
    1. > - <%= song.attr('artist') %> - <%= song.attr('title') %> +

      <%= song.attr('title') %>

      +

      <%= song.attr('artist') %>

      2. <% }) %> -
+ diff --git a/views/index.erb b/views/index.erb index 2dc207e..51a8d61 100644 --- a/views/index.erb +++ b/views/index.erb @@ -2,17 +2,17 @@ MPD Client + <%= stylesheet_tag 'mpd-client' %> + <%= javascript_tag 'mpd-client' %> - -

MPD Client

- -
- -
- - <%= javascript_tag 'mpd-client' %> +
+
+
+
+
+